html.item{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } /* 自定义初始化 */ * { margin: 0; padding: 0; outline: 0; text-decoration: none; list-style: none; /* border: 0; */ border-radius: 0; font-style: normal; } table { border-collapse: collapse; border-spacing: 0; } input, select, button, textarea { color: #666; font-size: 14px; font-family: "微软雅黑", "Microsoft Yahei", "Arial"; border: 0; background: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } select::-ms-expand { display: none; } input[type='submit'], input[type='reset'], input[type='button'], button { cursor: pointer; } ::-webkit-input-placeholder { color: #999; } :-moz-placeholder { color: #999; } ::-moz-placeholder { color: #999; } :-ms-input-placeholder { color: #999; } body { color: #666; font-size: 14px; line-height: 1.5; font-family: "微软雅黑", "Microsoft Yahei", "Arial"; } body, html { overflow-x: hidden; } a { color: #666; } a:hover { color: #009fe8; } /*scrollbar*/ ::-webkit-scrollbar { width: 5px; height: 5px; } ::-webkit-scrollbar-track { background: #f8f8f8; } ::-webkit-scrollbar-thumb { background: #aeaeae; } ::-webkit-scrollbar-thumb:window-inactive { background: #333; } .zl-scrollBarBox { height: 100%; position: absolute; background: rgba(255, 255, 255, .3); } .zl-scrollBar { position: absolute; left: 0; top: 0; background: #333; transition: background .3s; } .zl-scrollBar.zl-verticalBar { min-height: 10px; } .zl-scrollBar.zl-horizontalBar { min-width: 10px; } .zl-scrollBar:hover { background: #000; } .zl-scrollContentDiv { position: relative !important; width: 100% !important; height: 100% !important; padding: 0 !important; margin: 0 !important; top: 0; left: 0; } /*font*/ /*title*/ .g-tit1 { color: #666; font-size: 16px; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .g-tit1 h2 { color: #0768ab; font-size: 24px; } .g-tit1 ul { font-size: 24px; } .g-tit1 li { float: left; position: relative; cursor: pointer; padding-right: 15px; margin-right: 15px; } .g-tit1 li::after { content: ''; position: absolute; right: 0; top: 50%; height: 20px; margin-top: -10px; border-right: 2px solid #dddddd; } .g-tit1 li:last-child { padding-right: 0; margin-right: 0; } .g-tit1 li:last-child::after { display: none; } .g-tit1 li.active { color: #0768ab; font-weight: bold; } .g-tit1 .more { overflow: hidden; } .g-tit1 .more:hover { color: #0768ab; } .g-tit1 .more svg { width: 18px; height: 18px; fill-rule: evenodd; fill: #999; display: inline-block; vertical-align: middle; margin-top: -2px; margin-left: 5px; } .g-tit1 .more:hover svg { fill: #0768ab; } .g-tit1 .more i { width: 18px; height: 18px; display: inline-block; vertical-align: middle; margin-top: -2px; margin-left: 5px; background-color: #999; border-radius: 50%; position: relative; text-align: center; line-height: 18px; font-size: 0; transition: .35s; -webkit-transition: .35s; /* background: url(../img/a1.png) no-repeat center center; filter: drop-shadow(0 50px #0768ab); */ } .g-tit1 .more:hover i { background-color: #0768ab; /* transform: translateY(-50px); -webkit-transform: translateY(-50px); */ } .g-tit1 .more i::after { content: ''; width: 4px; height: 4px; display: inline-block; vertical-align: middle; margin-left: -2px; border: 1px solid; border-color: #fff #fff transparent transparent; transform: rotate(45deg); -webkit-transform: rotate(45deg); } /*button*/ /*color*/ /******************************* -------[=layout]------- ********************************/ .wrap { width: 90%; padding: 0 20px; max-width: 1300px; margin: 0 auto; } /******************************* -------[=header]------- ********************************/ #header { position: relative; z-index: 9; background: #fff; border-bottom: 1px solid #eee; } .header_space {} .headTop { height: 30px; line-height: 30px; background: #fff; border-bottom: 1px solid #eee; position: relative; z-index: 9; } .headTop .left { float: left; } .headTop .right { float: right; } .headTop .active, .headTop a:hover { color: #009fe8; } .headTop li { float: left; position: relative; padding: 0 10px; } .headTop li::after { content: ''; height: 12px; border-right: 1px solid #ddd; position: absolute; right: 0; top: 50%; margin-top: -6px; } .headTop .btn { cursor: pointer; } .headTop .pop { position: absolute; top: 100%; right: 0; min-width: 100%; padding: 5px 0; background-color: #fff; border-top: 1px solid #eee; box-shadow: 0 3px 5px rgba(0, 0, 0, .1); opacity: 0; visibility: hidden; transition: .35s; -ms-transition: .35s; -moz-transition: .35s; -webkit-transition: .35s; -o-transition: .35s; } .headTop li:hover .btn { color: #009fe8; } .headTop li:hover .pop { opacity: 1; visibility: visible; } .headTop .pop a { padding: 0 10px; display: block; } .headTop .icon_menu { width: 10px; height: 7px; display: inline-block; vertical-align: middle; margin-top: -2px; fill-rule: evenodd; fill: #666; margin-left: 5px; background: url(../img/ico_menu.png) no-repeat center center; /* height: 30px; display: inline-block; vertical-align: top; margin-left: 10px; */ } .headTop li:hover .icon_menu { fill: #009fe8; } .header { /* height: 65px; line-height: 65px; padding: 15px 0; */ height: 95px; line-height: 95px; position: relative; z-index: 1; } .logo { float: left; } .logo img { display: inline-block; vertical-align: middle; max-width: 265px; max-height: 85px; } .hdr { float: right; } .hd-search { float: left; position: relative; } .hd-search .soBtn { width: 30px; /* height: 65px; */ height: 95px; cursor: pointer; font-size: 0; background: url(../img/ico_so.png) center center no-repeat; } .hd-search .soBtn .serachIcon { width: 18px; height: 18px; fill-rule: evenodd; fill: rgb(117, 117, 117); display: inline-block; vertical-align: middle; } .hd-search .form { position: absolute; right: -70px; top: 100%; /* padding-top: 15px; */ background-color: #fff; /* border-radius: 10px; */ border-radius: 0 0 10px 10px; overflow: hidden; width: 0; visibility: hidden; opacity: 0; transition: .35s; -webkit-transition: .35s; } .hd-search:hover .form { width: 260px; opacity: 1; visibility: visible; } .hd-search input { height: 50px; line-height: 50px \9; width: 100%; display: block; } .hd-search .inp { padding: 0 10px 0 40px; } .hd-search .inp:focus { border-color: #999; } .hd-search .btn { position: absolute; left: 0; bottom: 0; width: 40px; background: url(../img/ico_so3.png) center center no-repeat; } /******************************* -------[=navigation]------- ********************************/ #navigation { float: left; } #navigation ul {} #navigation li { float: left; padding: 0 15px; /* position: relative; */ } #navigation .v1 { color: #666; font-size: 17px; font-weight: bold; position: relative; display: block; } #navigation li:last-child .v1 { /*font-size: 16px; font-weight: normal;*/ } #navigation li:hover .v1, #navigation li.active .v1 { color: #009fe8; } #navigation .v1 em { display: none; font-style: normal; } #navigation .more { width: 15px; height: 15px; line-height: 15px; text-align: center; display: inline-block; vertical-align: middle; position: relative; margin: 0 5px 0 13px; } #navigation .more::before { content: ''; position: absolute; left: 50%; top: 50%; margin-left: -4px; margin-top: -8px; width: 8px; height: 8px; border: 1px solid; border-color: #bbb #bbb transparent transparent; transform: rotate(135deg); -webkit-transform: rotate(135deg); transition: .35s; -webkit-transition: .35s; } #navigation li:hover .v1 .more::before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin-top: -2px; } #navigation .subBox { position: absolute; top: 100%; left: 0; right: 0; background: #f9f9f9; font-size: 16px; line-height: 35px; opacity: 0; visibility: hidden; transition: .35s; -ms-transition: .35s; -moz-transition: .35s; -webkit-transition: .35s; -o-transition: .35s; } #navigation li:hover .subBox { opacity: 1; visibility: visible; } #navigation .subBox .left { display: flex; justify-content: space-between; padding: 60px 50px 60px 0; margin-right: 335px; } #navigation .subBox .right { position: absolute; right: 0; top: 0; bottom: 0; left: 50%; margin-left: 315px; background: #0275bf url(../img/nav_bg1.png) no-repeat center center; background-size: cover; -webkit-background-size: cover; display: flex; align-items: center; } #navigation .subnav { flex: 1; padding-right: 50px; } #navigation .subnav h3 { color: #666; font-size: 30px; line-height: 1; margin-bottom: 30px; } #navigation .subnav dl { overflow: hidden; } #navigation .subnav dd { margin-bottom: 5px; float: left; width: 33.333%; } #navigation .subnav dd a { color: #666; } #navigation .subnav dd a:hover { color: #009fe8; } #navigation .picture { width: 320px; overflow: hidden; } #navigation .picture img { display: block; width: 100%; transform: scale(1); -webkit-transform: scale(1); transition: transform .35s; -webkit-transition: transform .35s; } #navigation .picture img:hover { transform: scale(1.05); -webkit-transform: scale(1.05); } #navigation .text { color: #fff; max-width: 335px; padding-left: 45px; box-sizing: border-box; -webkit-box-sizing: border-box; } #navigation .icon { width: 20px; height: 20px; line-height: 20px; display: inline-block; vertical-align: middle; overflow: hidden; } #navigation .icon svg { width: 20px; height: 20px; fill-rule: evenodd; fill: #999; } #navigation li:first-child .icon svg, #navigation li.active .icon svg { fill: #009fe8; } #navigation .icon img { display: block; filter: drop-shadow(0 20px #009fe8); } #navigation li:hover .icon img, #navigation .active .icon img { transform: translateY(-20px); -webkit-transform: translateY(-20px); } #navigation .ml-10 { transform: translateX(-10px); -webkit-transform: translateX(-10px); } .icon_home { width: 20px; height: 20px; display: inline-block; vertical-align: middle; background: url(../img/ico_home.png) no-repeat center center; } .icon_structure { width: 20px; height: 20px; display: inline-block; vertical-align: middle; background: url(../img/ico_structure.png) no-repeat center center; transform: translateX(-10px); -webkit-transform: translateX(-10px); } /*menuBtn*/ .menuBtn { display: none; position: relative; z-index: 9; float: right; width: 30px; height: 35px; cursor: pointer; margin-left: 10px; } .menuBtn em { position: absolute; left: 0; top: 8px; width: 30px; height: 2px; background: #666; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .menuBtn .s1 { top: 8px; } .menuBtn .s2 { top: 17px; } .menuBtn .s3 { top: 26px; } .menuBtn.on .s1 { top: 18px; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); } .menuBtn.on .s2 { opacity: 0; } .menuBtn.on .s3 { top: 18px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); } #mobileNav { position: relative; overflow: hidden; display: none; } #mobileNav ul { display: none; } #mobileNav>ul { display: block; } #mobileNav li>ul { background: #fdfdfd; } #mobileNav li>ul ul { background: #f9f9f9; } #mobileNav a { font-size: 15px; line-height: 50px; display: block; padding: 0 50px 0 20px; border-bottom: 1px solid #eee; position: relative; } #mobileNav .gt { width: 50px; height: 50px; text-align: center; line-height: 50px; border-left: 1px solid #eee; display: inline-block; position: absolute; right: 0; top: 0; } #mobileNav .gt::before, #mobileNav .gt::after { content: ''; width: 16px; border-bottom: 2px solid #999; border-radius: 2px; display: inline-block; vertical-align: middle; } #mobileNav .gt::after { transform: rotate(90deg); -webkit-transform: rotate(90deg); margin-left: -16px; } #mobileNav .open>a>.gt::after { display: none; } /******************************* -------[=banner]------- ********************************/ #banner { background: #eee; position: relative; z-index: 3; } #banner .item { height: 680px; position: relative; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; } #banner .slick-dots { position: absolute; left: 0; right: 0; text-align: center; height: 10px; bottom: 20px; } #banner .slick-dots li { width: 10px; height: 10px; border-radius: 50%; display: inline-block; position: relative; margin: 0 3px; } #banner .slick-dots button { width: 10px; height: 10px; background: rgba(255, 255, 255, .5); border-radius: 50%; text-indent: 999px; padding: 0; margin: 0; position: relative; overflow: hidden; } #banner .slick-dots .slick-active button { background: #0768ab; } /******************************* -------[=footer]------- ********************************/ #footer { clear: both; background-color: #f9f9f9; } .f-top { padding: 40px 0; overflow: hidden; } .f-top .flex { display: flex; display: -webkit-flex; justify-content: space-between; } .f-top .left { width: 275px; } .f-top .right { width: 900px; } .f-so { height: 40px; padding: 0 40px 0 15px; border: 1px solid #e5e5e5; border-radius: 20px; position: relative; margin-bottom: 55px; margin-top: 10px; } .f-so input { height: 40px; line-height: 40px; display: block; width: 100%; } .f-so .btn { position: absolute; right: 0; top: 0; width: 40px; background: url(../img/ico_so3.png) no-repeat center center; } .f-info { text-align: center; padding: 0 10px; } .f-info ul { display: flex; display: -webkit-flex; justify-content: space-between; } .f-info .picture { width: 110px; height: 110px; text-align: center; line-height: 110px; margin: 0 auto 15px; } .f-info img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; } .f-nav { display: flex; display: -webkit-flex; justify-content: space-between; } .f-nav h3 { color: #333; font-size: 16px; line-height: 35px; margin-bottom: 10px; } .f-nav dd { line-height: 30px; margin-bottom: 10px; } .f-nav dd:last-child { margin-bottom: 0; } .f-bot { line-height: 38px; padding: 15px 0; background-color: #f1f1f1; overflow: hidden; } .f-bot .flex { display: flex; display: -webkit-flex; justify-content: space-between; } .f-bot span { display: inline-block; margin-left: 20px; } .f-bot img { display: inline-block; vertical-align: middle; margin-right: 5px; } #main { overflow: hidden; position: relative; z-index: 1; } /******************************* -------[=首页]------- ********************************/ .g-row { margin: 80px 0; } /* 头条新闻 */ .index_news { overflow: hidden; margin-bottom: 35px; } .index_news .left { float: left; width: 130px; margin-right: 45px; } .index_news .right { overflow: hidden; } .index_news .title { display: block; max-width: 100%; } .m-txt1 {} .m-txt1 .title { color: #333; font-size: 36px; font-weight: normal; line-height: 60px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 10px; } .m-txt1 .title a { color: #333; } .m-txt1 .title a:hover { color: #0768ab; } .m-txt1 .desc { font-size: 16px; line-height: 30px; height: 60px; text-overflow: ellipsis; overflow: hidden; margin-bottom: 15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .index_news .Slider .slick-dots { height: 5px; text-align: center; } .index_news .Slider .slick-dots li { width: 30px; height: 5px; display: inline-block; border-radius: 2px; position: relative; margin: 0 5px; } .index_news .Slider .slick-dots button { width: 30px; height: 5px; background: #ccc; border-radius: 2px; text-indent: 999px; padding: 0; margin: 0; position: relative; overflow: hidden; } .index_news .Slider .slick-dots .slick-active button { background: #0768ab; } /* 公告公示 */ .index_notice { height: 40px; line-height: 40px; padding: 10px; background-color: #f9f9f9; overflow: hidden; } .index_notice .left { float: left; margin-right: 15px; } .index_notice .right { overflow: hidden; } .index_notice .title { color: #0768ab; font-size: 24px; } .index_notice .icon_horn { width: 20px; height: 24px; fill-rule: evenodd; fill: #0768ab; display: inline-block; vertical-align: middle; margin-right: 10px; margin-left: 5px; margin-top: -2px; background: url(../img/ico_horn.png) no-repeat center center; } .m-list1 { color: #333; font-size: 16px; font-weight: bold; } .m-list1 li { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; } .m-list1 a { color: #333; padding-left: 15px; } .m-list1 a:hover { color: #0768ab; } .m-list1 li::before { content: ''; position: absolute; left: 0; top: 50%; width: 5px; height: 5px; background-color: #0768ab; border-radius: 50%; } .m-list1 span { float: right; margin: 0 15px 0 5px; } /* 动态新闻 */ .index_dynamic { overflow: hidden; } .index_dynamic .left { float: left; width: 600px; margin-right: 40px; } .index_dynamic .right { overflow: hidden; } .m-imgTxt1 {} .m-imgTxt1 .con { display: block; position: relative; } .m-imgTxt1 .pic { position: relative; /* height: 0; padding-top: 60.15%; */ height: 400px; background-color: #000; overflow: hidden; } .m-imgTxt1 .pic img { display: block; width: 100%; /*height: 100%;*/ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transition: .55s; -webkit-transition: .55s; } .m-imgTxt1 .con:hover .pic img { transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); } .m-imgTxt1 .txt { position: absolute; left: 0; right: 0; bottom: 0; color: #fff; font-size: 16px; line-height: 30px; padding: 20px 30px; padding-right: 140px; background-color: rgba(0, 0, 0, .4); } .m-imgTxt1 .date { float: left; margin-right: 15px; } .m-imgTxt1 .title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .index_dynamic .Slider .slick-dots { position: absolute; right: 30px; bottom: 30px; height: 10px; } .index_dynamic .Slider .slick-dots li { width: 10px; height: 10px; border-radius: 50%; display: inline-block; position: relative; margin: 0 5px; } .index_dynamic .Slider .slick-dots button { width: 10px; height: 10px; background: #fff; border-radius: 50%; text-indent: 999px; padding: 0; margin: 0; position: relative; overflow: hidden; } .index_dynamic .Slider .slick-dots .slick-active button { background: #0768ab; } /* 集团要闻|成员动态 */ .m-txt2 { padding-bottom: 10px; border-bottom: 1px dotted #999; margin-bottom: 10px; } .m-txt2 .title { color: #333; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 10px; } .m-txt2 .title a { color: #333; } .m-txt2 .title a:hover { color: #0768ab; } .m-txt2 .desc { color: #999; font-size: 16px; line-height: 30px; height: 60px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .m-list2 {} .m-list2 li { font-size: 16px; line-height: 30px; padding-left: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; margin-bottom: 10px; } .m-list2 li::after { content: ''; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; background-color: #0768ab; border-radius: 50%; margin-top: -2px; } .m-list2 span { color: #999; margin-left: 10px; float: right; } .m-list2 a { color: #333; } .m-list2 a:hover { color: #0768ab; } .tabItem { opacity: 0; visibility: hidden; transform: translateY(50px); -webkit-transform: translateY(50px); transition: .55s; -webkit-transition: .55s; height: 0; overflow: hidden; } .tabItem.active { opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); height: auto; } /* 产业 */ .index_tabs { border: 1px solid #eee; background-color: #f9f9f9; overflow: hidden; } .index_tabs .left { float: left; width: 380px; background-color: #fff; border-right: 1px solid #eee; } .index_tabs .right { padding: 35px 50px; overflow: hidden; } .index_tabs .tabTit {} .index_tabs .tabTit li { color: #333; font-size: 28px; height: 40px; line-height: 40px; padding: 59px 25px; cursor: pointer; border-bottom: 1px solid #eee; transition: .35s; -webkit-transition: .35s; } .index_tabs .tabTit li:last-child { border-bottom: 0; } .index_tabs .tabTit .icon { width: 60px; height: 60px; display: inline-block; vertical-align: top; text-align: center; overflow: hidden; margin-right: 10px; } .index_tabs .tabTit .icon img { max-height: 100%; max-width: 100%; /* display: block; margin: 0 auto; */ display: inline-block; vertical-align: middle; filter: drop-shadow(0 50px #fff); -webkit-filter: drop-shadow(0 50px #fff); } .index_tabs .tabTit li.active .icon img { transform: translateY(-50px); -webkit-transform: translateY(-50px); } .index_tabs .tabTit li.active { color: #fff; background-color: #0768ab; } .index_tabs .tabTit .icon svg { height: 40px; max-width: 100%; display: inline-block; vertical-align: middle; fill-rule: evenodd; fill: #999999; } .index_tabs .tabTit li.active .icon svg { fill: #fff; } .m-txt3 { position: relative; margin-bottom: 30px; } .m-txt3 .title { color: #0768ab; font-size: 20px; line-height: 35px; margin-bottom: 5px; } .m-txt3 .desc { color: #999; font-size: 16px; line-height: 30px; height: 90px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .m-txt3 .more { width: 25px; height: 25px; display: inline-block; position: relative; position: absolute; right: 0; top: 5px; } .m-txt3 .more i { display: block; width: 100%; height: 100%; position: relative; } .m-txt3 .more i::before, .m-txt3 .more i::after { content: ''; position: absolute; } .m-txt3 .more i::before { left: 0; right: 0; top: 45%; border-bottom: 1px solid #0768ab; } .m-txt3 .more i::after { right: 0; top: 45%; width: 5px; height: 5px; border-top: 1px solid #0768ab; transform: rotate(45deg); -webkit-transform: rotate(45deg); transform-origin: 100% 0; -webkit-transform-origin: 100% 0; } .m-txt3 .more svg { width: 25px; height: 10px; fill-rule: evenodd; fill: #0768ab; display: inline-block; vertical-align: middle; } .m-imgTxt2 { display: flex; display: -webkit-flex; justify-content: space-between; } .m-imgTxt2 .picture { width: 440px; height: 240px; overflow: hidden; margin-right: 50px; } .m-imgTxt2 .picture img { display: block; width: 100%; transition: .55s; -webkit-transition: .55s; } .m-imgTxt2 .picture:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); } .m-imgTxt2 .text { flex: 1; /*margin-right: 55px;*/ } .m-imgTxt2 .text ul { height: 100%; display: flex; display: -webkit-flex; flex-wrap: wrap; align-content: space-between; } .m-imgTxt2 .text li { font-size: 16px; height: 20px; line-height: 20px; padding-left: 15px; white-space: nowrap; text-overflow: ellipsis; position: relative; overflow: hidden; width: 100%; /* margin-bottom: 10px; */ } .m-imgTxt2 .text li:last-child { margin-bottom: 0; } .m-imgTxt2 .text li::before { content: ''; position: absolute; left: 0; top: 50%; width: 5px; height: 5px; background-color: #0768ab; border-radius: 50%; margin-top: -3px; } .m-imgTxt2 .text a { color: #333; } .m-imgTxt2 .text a:hover { color: #0768ab; } .m-imgTxt2 .text svg { float: right; width: 18px; height: 18px; fill-rule: evenodd; fill: #a6a6a6; display: inline-block; vertical-align: middle; margin-left: 5px; transition: .35s; -webkit-transition: .35s; } .m-imgTxt2 .text li:hover svg { fill: #0768ab; } .m-imgTxt2 .text .more { float: right; display: inline-block; vertical-align: middle; margin-left: 5px; transition: .35s; -webkit-transition: .35s; width: 16px; height: 16px; border: 1px solid #a6a6a6; border-radius: 50%; position: relative; } .m-imgTxt2 .text .more::before, .m-imgTxt2 .text .more::after { content: ''; position: absolute; top: 50%; left: 50%; transition: .35s; -webkit-transition: .35s; } .m-imgTxt2 .text .more::before { width: 7px; margin-left: -4px; border-bottom: 1px solid #a6a6a6; } .m-imgTxt2 .text .more::after { width: 4px; height: 4px; border-top: 1px solid #a6a6a6; border-right: 1px solid #a6a6a6; transform: rotate(45deg); -webkit-transform: rotate(45deg); transform-origin: 100% 50%; -webkit-transform-origin: 100% 50%; margin-left: -3px; } .m-imgTxt2 .text a:hover .more, .m-imgTxt2 .text a:hover .more::before, .m-imgTxt2 .text a:hover .more::after { border-color: #0768ab; } /* 专题专栏 */ .m-list3 {} .m-list3 ul { overflow: hidden; margin: -9px; } .m-list3 li { float: left; width: 25%; } .m-list3 .con { height: 120px; display: block; position: relative; background-color: #ddd; overflow: hidden; margin: 9px; } .m-list3 .con img { display: block; height: 100%; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); transition: .55s; -webkit-transition: .55s; } .m-list3 .con:hover img { transform: translateX(-50%) scale(1.1); -webkit-transform: translateX(-50%) scale(1.1); } /* 人才招聘 */ .index_other { color: #fff; padding: 2px 0; background-color: #0768ab; background-image: url(../img/bg1.png); background-repeat: repeat; background-position: center 0; /* background-size: cover; */ overflow: hidden; } .index_other .left { float: left; width: 640px; padding-right: 55px; position: relative; margin-right: 55px; } .index_other .left::after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; border-right: 1px solid rgba(255, 255, 255, .3); } .index_other .right { overflow: hidden; } .index_other .flex { display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; } .index_other .title { font-size: 24px; } .index_other .title .icon-title { color: #0768ab; width: 70px; height: 60px; padding: 10px 0; line-height: 30px; text-align: center; background: url(../img/bg2.png) no-repeat center center; display: inline-block; vertical-align: middle; margin-right: 30px; } .index_other .more { color: #fff; font-size: 18px; margin-top: 0; transition: .35s; -webkit-transition: .35s; } .index_other .more:hover { margin-top: 5px; } .index_other .icon_user { width: 24px; height: 24px; fill-rule: evenodd; fill: #fff; display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 10px; } .index_other .title span { height: 80px; text-align: center; line-height: 80px; display: inline-block; margin-right: 15px; } .index_other .icon_plat { /* width: 50px; height: 80px; text-align: center; line-height: 80px; margin-right: 15px; */ width: 45px; height: 35px; line-height: 35px; font-size: 0; fill-rule: evenodd; fill: #fff; display: inline-block; vertical-align: middle; } .icon_plat img { display: inline-block; vertical-align: middle; /* margin-top: -8px; */ } /* 动画 */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } .wow:first-child { -webkit-animation-delay: .1s; animation-delay: .1s; } .wow:nth-child(2) { -webkit-animation-delay: .25s; animation-delay: .25s; } .wow:nth-child(3) { -webkit-animation-delay: .4s; animation-delay: .4s; } .wow:nth-child(4) { -webkit-animation-delay: .55s; animation-delay: .55s; } .wow:nth-child(5) { -webkit-animation-delay: .7s; animation-delay: .7s; } .svgIcons { display: none; } /******************************* -------[=内页]------- ********************************/ #banInner { height: 430px; position: relative; background-color: #999; background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-background-size: cover; } .ban_txt { color: #fff; font-size: 24px; line-height: 40px; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); } .ban_txt h2 { font-size: 44px; line-height: 60px; padding-bottom: 30px; position: relative; margin-bottom: 35px; } .ban_txt h2::after { content: ''; position: absolute; left: 0; bottom: 0; width: 60px; height: 2px; background-color: rgba(255, 255, 255, .4); } .submenu { position: absolute; left: 0; right: 0; bottom: 1px; } .submenu ul { display: flex; display: -webkit-flex; background-color: #fff; position: relative; } .submenu ul::after { content: ''; position: absolute; left: 100%; top: 0; bottom: 0; width: 50%; background-color: #fff; } .submenu li { width: 180px; line-height: 50px; text-align: center; } .submenu li:first-child { width: 50px; background-color: #333334; } .submenu .s1 { color: #666; font-size: 16px; border-right: 1px solid #e7e8e8; display: block; } .submenu li.active .s1 { color: #fff; background-color: #019fe8; } .submenu .icon { width: 20px; height: 20px; display: inline-block; vertical-align: middle; overflow: hidden; } .submenu .icon svg { width: 100%; height: 100%; fill-rule: evenodd; fill: #fff; display: block; } .submenu .icon img { display: block; width: 100%; height: 100%; filter: drop-shadow(0 20px #fff); transform: translateY(-100%); -webkit-transform: translateY(-100%); } @media only screen and (max-width: 1900px) { #banInner { height: 22.395vw; min-height: 250px; } .ban_txt { font-size: 1.25vw; line-height: 1.666; } .ban_txt h2 { font-size: 2.291vw; line-height: 1.363; padding-bottom: 1.5625vw; margin-bottom: 1.823vw; } .ban_txt h2::after { width: 3.125vw; } } @media only screen and (max-width: 1440px) { .submenu li { width: auto; flex-grow: 1; } .submenu li:first-child { flex-grow: 0; } .submenu .s1 { font-size: 14px; } } @media only screen and (max-width: 1200px) { .ban_txt { font-size: 15px; top: 45%; } .ban_txt h2 { font-size: 24px; } .ban_txt h2::after { width: 30px; } .submenu li { line-height: 40px; } } @media only screen and (max-width: 750px) { .submenu { background-color: #fff; overflow-x: auto; font-size: 0; } .submenu::-webkit-scrollbar { height: 0; width: 0; } .submenu ul { display: block; white-space: nowrap; overflow: visible; } .submenu ul::after { display: none; } .submenu li { display: inline-block; width: 120px; } } .gt1 { font-size: 36px; text-align: center; line-height: 50px; margin-bottom: 50px; } .gt2 { font-size: 30px; line-height: 50px; text-align: center; margin-bottom: 50px; } .m-row { padding: 50px 0; } @media only screen and (max-width: 1900px) { .gt1 { font-size: 1.8725vw; line-height: 1.388; margin-bottom: 2.604vw; } .gt2 { font-size: 1.5625vw; line-height: 1.5625; margin-bottom: 2.604vw; } } @media only screen and (max-width: 1200px) { .m-row { padding: 30px 0; } .gt1 { font-size: 20px; margin-bottom: 25px; } .gt2 { font-size: 18px; margin-bottom: 25px; } } /******************************* -------[=走进机电-集团简介]------- ********************************/ .m_txt1 { font-size: 16px; line-height: 35px; margin-bottom: 35px; } .m_txt1 h3 { color: #0768ab; font-size: 32px; line-height: 50px; margin-bottom: 20px; } .m_txt1 img { max-width: 100%; } .m_txt1-center { text-align: center; } .m_iconList1 { font-size: 20px; line-height: 35px; text-align: center; } .m_iconList1 ul { display: flex; display: -webkit-flex; justify-content: space-between; } .m_iconList1 li { padding: 0 10px; } .m_iconList1 .icon { height: 60px; width: 60px; margin: 0 auto 20px; } .m_iconList1 .icon img { max-width: 100%; max-height: 100%; } .m_iconList1 .icon svg { width: 100%; height: 100%; } .m_iconList1 .num b { color: #0768ab; font-size: 60px; font-family: 'Arial'; line-height: 60px; margin-right: 5px; } .m_videoTxt { background-color: #019fe8; position: relative; overflow: hidden; } .m_videoTxt .left { position: absolute; left: 0; top: 0; bottom: 0; right: 50%; margin-right: 20px; background-color: #ddd; } .m_videoTxt .right { width: 50%; float: right; height: 640px; /* line-height: 640px; */ line-height: 580px; padding: 30px 0 30px 30px; box-sizing: border-box; -webkit-box-sizing: border-box; } .m_videoTxt .video { position: relative; /* height: 100%; */ max-height: 640px; } .m_videoTxt .video video, .m_videoTxt .video img { width: 100%; height: 100%; background-color: #000; display: block; } .m_videoTxt .video img { height: auto; } .m_videoTxt .video .btn { position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(0, 0, 0, .4); } .m_videoTxt .video .btn svg { position: absolute; left: 50%; top: 50%; width: 112px; height: 112px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); fill-rule: evenodd; fill: #fff; } .m_videoTxt .video .btn i { position: absolute; left: 50%; top: 50%; width: 112px; height: 112px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); background: url(../img/ico_play-big.png) no-repeat center center; background-size: contain; -webkit-background-size: contain; } .m_videoTxt .scrollBox { height: 100%; overflow-y: auto; } .m_videoTxt .txt { color: #fff; font-size: 16px; line-height: 28px; /* padding: 30px 0 30px 30px; */ display: inline-block; vertical-align: middle; } .m_imgTxt1 { font-size: 16px; line-height: 30px; display: flex; display: -webkit-flex; justify-content: space-between; /* margin-bottom: 50px; */ } .m_imgTxt1-scrollBox { /* overflow-y: auto; */ margin-bottom: 50px; } .m_imgTxt1 h3 { color: #0768ab; font-size: 24px; margin-bottom: 20px; } .m_imgTxt1 .left { flex: 1; max-height: 343px; } .m_imgTxt1 .scrollBox { height: 100%; overflow-y: auto; } .m_imgTxt1 .right { width: 505px; margin-left: 75px; } .m_imgTxt1 .right img { display: block; width: 100%; } .m_tabUl { color: #fff; font-size: 18px; line-height: 25px; display: flex; justify-content: space-between; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; overflow: hidden; } .m_tabUl li { width: 33.333%; text-align: center; height: 120px; padding: 20px 0 15px; background-color: rgba(51, 51, 51, .9); border-right: 1px solid rgba(255, 255, 255, .2); box-sizing: border-box; -webkit-box-sizing: border-box; cursor: pointer; } .m_tabUl li:last-child { border-right: 0; flex: 1; } .m_tabUl li.active { background-color: rgba(7, 104, 171, .8); } .m_tabUl .icon { height: 50px; line-height: 50px; text-align: center; margin-bottom: 10px; } .m_tabUl .icon img { max-height: 100%; display: inline-block; vertical-align: middle; } .m_tabUl .icon svg { width: 50px; height: 50px; display: block; margin: 0 auto; fill-rule: evenodd; fill: #fff; } @media only screen and (max-width:1900px) { .m_txt1 h3 { font-size: 1.666vw; line-height: 1.5625; margin-bottom: 1.0416vw; } .m_iconList1 { font-size: 1.0416vw; line-height: 1.75; } .m_iconList1 .num b { font-size: 3.125vw; line-height: 1; } .m_iconList1 .icon { width: 3.125vw; height: 3.125vw; margin-bottom: 1.0416vw; } /* .m_videoTxt .video{height: 33vw;} */ .m_videoTxt .video .btn svg { width: 5.833vw; height: 5.833vw; } .m_videoTxt .video .btn i { width: 5.833vw; height: 5.833vw; } .m_videoTxt .right { height: 33vw; line-height: 33vw; } /* .m_videoTxt .txt{max-height: 85%;overflow-y: auto;} */ .m_imgTxt1-scrollBox { margin-bottom: 2.604vw; } .m_imgTxt1 h3 { font-size: 1.25vw; margin-bottom: 1.0416vw; } .m_tabUl .icon svg { height: 2.604vw; } .m_tabUl .icon img { height: 2.604vw; } } @media only screen and (max-width:1440px) { .m_txt1 { font-size: 14px; line-height: 30px; } .m_videoTxt .txt { font-size: 14px; line-height: 1.75; } .m_imgTxt1 { font-size: 14px; line-height: 1.875; } .m_imgTxt1 h3 { font-size: 18px; } .m_imgTxt1 .right { margin-left: 5.208vw; width: 35vw; } .m_tabUl { font-size: 16px; } .m_tabUl .icon svg { height: 40px; } .m_tabUl .icon img { height: 40px; } } @media only screen and (max-width:1200px) { .m_txt1 { line-height: 25px; } .m_txt1 h3 { font-size: 17px; } .m_iconList1 { font-size: 14px; } .m_iconList1 .icon { width: 40px; height: 40px; } .m_videoTxt .right { padding: 20px; padding-right: 0; } /* .m_videoTxt .txt{padding: 20px;padding-right: 0;} */ .m_imgTxt1-scrollBox { height: 400px; overflow: hidden; } .m_imgTxt1-scrollBox .scrollBox { height: 100%; overflow-y: auto; } .m_imgTxt1 { display: block; } .m_imgTxt1 .right { width: auto; max-width: 505px; margin: 20px auto 0; } .m_imgTxt1 h3 { font-size: 16px; } .m_tabUl { font-size: 14px; } } @media only screen and (max-width:750px) { .m_txt1 { font-size: 12px; line-height: 20px; } .m_iconList1 { font-size: 12px; } .m_iconList1 ul { flex-wrap: wrap; } .m_iconList1 li { width: 40%; margin: 10px 0; } .m_iconList1 .num b { font-size: 24px; } .m_videoTxt .left { position: static; margin-right: 0; margin: 0 -15px; } /* .m_videoTxt .video{height: auto;} */ .m_videoTxt .video .btn svg { width: 45px; height: 45px; } .m_videoTxt .video .btn i { width: 45px; height: 45px; } .m_videoTxt .right { height: auto; line-height: 1.5; float: none; width: auto; padding: 20px 0; } .m_videoTxt .right { padding: 20px 0; height: 300px; } /* .m_videoTxt .txt{padding: 0;max-height: 300px;} */ .m_imgTxt1-scrollBox { margin-bottom: 20px; } .m_tabUl li { height: auto; padding: 15px 0; } .m_tabUl .icon { margin-bottom: 5px; } .m_tabUl .icon svg { height: 30px; } .m_tabUl .icon img { height: 32x; } } /******************************* -------[=走进集团-管理团队]------- ********************************/ .m_imgList1 {} .m_imgList1 ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 -20px; overflow: hidden; } .m_imgList1 li { /* float: left; */ width: 50%; overflow: hidden; margin-bottom: 40px; } .m_imgList1 .con { height: 100%; padding: 30px; border: 1px solid rgb(234, 234, 234); box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden; margin: 0 20px; } .m_imgList1 .pic { float: left; width: 200px; height: 200px; border-radius: 50%; overflow: hidden; margin-right: 30px; } .m_imgList1 .pic img { display: block; width: 100%; height: 100%; } .m_imgList1 .txt { font-size: 15px; line-height: 28px; overflow: hidden; } .m_imgList1 .info { color: #999; font-size: 16px; line-height: 20px; padding-bottom: 15px; position: relative; margin-bottom: 15px; } .m_imgList1 .info::after { content: ''; position: absolute; left: 0; bottom: 0; width: 40px; border-bottom: 1px solid rgb(238, 238, 238); } .m_imgList1 .info h3 { color: #333; font-size: 36px; font-weight: normal; line-height: 40px; margin-bottom: 10px; } @media only screen and (max-width: 1900px) { .m_imgList1 .info h3 { font-size: 1.875vw; } } @media only screen and (max-width: 1440px) { .m_imgList1 ul { margin: 0 -1.388vw; } .m_imgList1 li { margin-bottom: 2.777vw; } .m_imgList1 .con { padding: 2.083vw; margin: 0 1.388vw; } .m_imgList1 .pic { width: 13.888vw; height: 13.888vw; margin-right: 2.083vw; } .m_imgList1 .txt { font-size: 13px; line-height: 2; } .m_imgList1 .info { font-size: 14px; } } @media only screen and (max-width: 992px) { .m_imgList1 li { width: 100%; } .m_imgList1 .con { padding: 20px 15px; } .m_imgList1 .info h3 { font-size: 18px; line-height: 1; } } /******************************* -------[=走进集团-集团荣誉]------- ********************************/ .m_about-honor { padding: 50px 0; border-top: 4px solid rgb(7, 104, 171); border-bottom: 4px solid rgb(7, 104, 171); position: relative; } .m_about-honor::before { content: ''; position: absolute; left: 50%; top: 0; bottom: 0; border-right: 1px solid rgb(222, 222, 222); } .m_about-honor ul { overflow: hidden; } .m_about-honor li { /* width: 50%; float: right; */ margin-left: 50%; font-size: 16px; line-height: 25px; position: relative; margin-bottom: 40px; } .m_about-honor li:last-child { margin-bottom: 0; } .m_about-honor .con { padding-left: 80px; } /*.m_about-honor li:first-child{ float: left; width: 50%; margin-left: 0; } .m_about-honor li:first-child::before, .m_about-honor li:first-child::after{ display: none; } .m_about-honor li:first-child .con{ padding-left: 0; padding-right: 80px; }*/ .m_about-honor li::before, .m_about-honor li::after { content: ''; position: absolute; left: 0; top: 20px; } .m_about-honor li::before { width: 60px; border-bottom: 1px solid rgb(191, 191, 191); } .m_about-honor li::after { width: 7px; height: 7px; background-color: #fff; border: 4px solid rgb(191, 191, 191); border-radius: 50%; margin-left: -7px; margin-top: -7px; } .m_about-honor .pic { overflow: hidden; } .m_about-honor .pic img { display: block; width: 100%; } .m_about-honor .txt { text-align: right; margin-bottom: 15px; } .m_about-honor .year { color: #333; font-size: 30px; line-height: 40px; position: relative; margin-bottom: 15px; } .m_about-honor .txt .year { margin-bottom: 30px; } .m_about-honor li:hover .year { color: #0768ab; } .m_about-honor .desc { overflow: hidden; } .m_about-honor .desc p { margin-bottom: 20px; } @media only screen and (max-width: 1900px) { .m_about-honor li { margin-bottom: 2.083vw; } .m_about-honor li::before, .m_about-honor li::after { top: 1.0416vw; } .m_about-honor .year { font-size: 1.5625vw; line-height: 1.333; } } @media only screen and (max-width: 1440px) { .m_about-honor li { font-size: 14px; line-height: 1.5625; } .m_about-honor li:first-child .con { padding-right: 5.555vw; } .m_about-honor li::before { width: 4.166vw; } .m_about-honor .con { padding-left: 5.555vw; } .m_about-honor .txt .year { margin-bottom: 2.083vw; } } @media only screen and (max-width: 1200px) { .m_about-honor li::before, .m_about-honor li::after { top: 12px; } .m_about-honor .year { font-size: 18px; line-height: 25px; } } @media only screen and (max-width: 750px) { .m_about-honor { padding: 30px 0; } .m_about-honor::before { left: 10px; } .m_about-honor ul { padding-left: 10px; } .m_about-honor li { margin-left: 0; } .m_about-honor li:first-child { float: none; width: auto; } .m_about-honor .con { padding-left: 25px; } .m_about-honor li:first-child .con { padding-right: 0; padding-left: 25px; } .m_about-honor .txt { text-align: left; margin-bottom: 0; } .m_about-honor .year, .m_about-honor .txt .year { margin-bottom: 10px; } .m_about-honor .pic { margin-bottom: 20px; } } /******************************* -------[=走进集团-领导关怀]------- ********************************/ .m_imgList2 { margin-bottom: 40px; } .m_imgList2 .con { background-color: #e8ecf2; display: block; overflow: hidden; } .m_imgList2 .pic { float: left; width: 600px; height: 400px; background: #333; position: relative; overflow: hidden; } .m_imgList2 .pic img { display: block; position: absolute; left: 50%; top: 0; height: 100%; transform: translateX(-50%); -webkit-transform: translateX(-50%); } .m_imgList2 .txt { color: #333; font-size: 16px; line-height: 30px; padding: 65px 50px 30px 60px; overflow: hidden; } .m_imgList2 .title { color: #0768ab; font-size: 24px; height: 60px; position: relative; margin-bottom: 20px; } .m_imgList2 .title::before, .m_imgList2 .title::after { position: absolute; color: #d3dce9; font-size: 100px; font-family: 'Arial'; font-weight: normal; line-height: 0.3; transform: translateY(50%); -webkit-transform: translateY(50%); } .m_imgList2 .title::before { content: '“'; left: 0; bottom: 100%; } .m_imgList2 .title::after { content: '”'; right: 0; top: 100%; } .m_imgList2 .date { color: #999; padding-bottom: 10px; position: relative; margin-bottom: 10px; } .m_imgList2 .date::after { content: ''; position: absolute; left: 0; bottom: 0; width: 30px; border-bottom: 1px solid rgb(221, 221, 221); } .m_imgList2 .desc { height: 90px; text-overflow: ellipsis; overflow: hidden; margin-bottom: 35px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-align: justify; } .m_imgList2 .btn { color: #0768ab; font-size: 18px; } .leaderSlider .slick-dots { text-align: center; margin: 30px 0; } .leaderSlider .slick-dots li { width: 10px; height: 10px; border-radius: 50%; display: inline-block; position: relative; margin: 0 5px; } .leaderSlider .slick-dots button { width: 10px; height: 10px; background: rgb(221, 221, 221); border-radius: 50%; text-indent: 999px; padding: 0; margin: 0; position: relative; overflow: hidden; } .leaderSlider .slick-dots .slick-active button { background: rgb(7, 104, 171); } .m_filter { font-size: 16px; line-height: 40px; height: 40px; padding-bottom: 30px; border-bottom: 1px solid rgb(221, 221, 221); overflow: hidden; margin-bottom: 40px; } .m_filter .left { float: left; } .m_filter .right { float: right; } .m_filter strong { font-size: 20px; } .m_filter label { margin-right: 30px; } .m_filter label:last-child { margin-right: 0; } .m_filter label::before { content: ""; width: 18px; height: 18px; background: url(../img/radio.png) no-repeat center center; display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 0; } .m_filter .inp_radio { /* width: 18px; height: 18px; background: url(../img/radio.png) no-repeat center center; display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 0; */ width: 0; height: 0; visibility: hidden; } .m_filter label.checked::before, .m_filter .inp_radio:checked { background-image: url(../img/radio-check.png); } .m_filter .checked { color: #0768ab; font-weight: bold; } .m_filter .m_so { position: relative; width: 375px; } .m_filter .inp, .m_filter .btn { font-size: 16px; height: 40px; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; } .m_filter .inp { width: 100%; padding-left: 10px; padding-right: 100px; border: 1px solid rgb(221, 221, 221); } .m_filter .btn { color: #fff; width: 100px; padding-left: 30px; background: #0768ab url(../img/ico_so-w.png) no-repeat 20px 12px; position: absolute; right: 0; top: 0; } .m_imgList3 {} .m_imgList3 li { padding-bottom: 40px; border-bottom: 1px solid rgb(238, 238, 238); overflow: hidden; margin-bottom: 40px; } .m_imgList3 .con { display: block; overflow: hidden; } .m_imgList3 .pic { float: right; width: 192px; height: 118px; background: #e8ecf2 url(../img/blank_bg.png) no-repeat center center; overflow: hidden; margin-left: 65px; } .m_imgList3 .pic img { display: block; width: 100%; } .m_imgList3 .txt { color: #333; font-size: 16px; line-height: 30px; overflow: hidden; } .m_imgList3 .title { font-size: 20px; font-weight: normal; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 5px; } .m_imgList3 .date { color: #999; margin-bottom: 5px; } .m_imgList3 .desc { /* white-space: nowrap; */ text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify; } .m_imgList3 .pic img { transition: .35s; -webkit-transition: .35s; } .m_imgList3 .title { transition: color .35s; -webkit-transition: color .35s; } .m_imgList3 .con:hover .pic img { transform: scale(1.05); -webkit-transform: scale(1.05); } .m_imgList3 .con:hover .title { color: #0768ab; font-weight: bold; } .page { font-size: 0; display: flex; justify-content: center; margin: 50px 0; } .page ul { text-align: center; } .page li { display: inline-block; vertical-align: middle; margin: 0 6px; } .page a { font-size: 16px; font-family: 'Arial'; width: 36px; height: 36px; line-height: 36px; border: 1px solid rgb(221, 221, 221); border-radius: 4px; box-sizing: border-box; -webkit-box-sizing: border-box; display: block; } .page li.active a { color: #fff; background-color: rgb(7, 104, 171); border-color: rgb(7, 104, 171); } .page li.active a:hover { color: #fff; } .page .lt, .page .gt { width: 7px; height: 7px; display: inline-block; vertical-align: middle; transform: rotate(45deg); -webkit-transform: rotate(45deg); border: 2px solid; border-radius: 2px; margin-top: -2px; } .page .lt { margin-left: 7px; border-color: transparent transparent rgb(102, 102, 102) rgb(102, 102, 102); } .page .gt { margin-right: 7px; border-color: rgb(102, 102, 102) rgb(102, 102, 102) transparent transparent; } .page .form { width: 75px; height: 36px; border: 1px solid rgb(221, 221, 221); border-radius: 4px; box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; margin-left: 15px; display: flex; justify-content: space-between; } .page .form::before { content: ''; position: absolute; left: 30px; top: 50%; height: 17px; border-left: 1px solid rgb(221, 221, 221); margin-top: -9px; } .page .form input { font-size: 16px; } .page .inp { width: 30px; text-align: center; } .page .btn { width: 45px; flex: 1; } .page a:hover, .page .btn:hover { color: #0768ab; } .page a:hover .lt { border-color: transparent transparent #0768ab #0768ab; } .page a:hover .gt { border-color: #0768ab #0768ab transparent transparent; } @media only screen and (max-width: 1900px) { .m_imgList2 .txt { padding: 65px 2.604vw 30px 3.125vw; } .m_imgList2 .title { font-size: 1.25vw; } .m_imgList2 .title::before, .m_imgList2 .title::after { font-size: 5.208vw; } .m_filter { padding-bottom: 1.5625vw; margin-bottom: 2.083vw; } .m_filter label { margin-right: 1.5625vw; } .m_imgList3 li { padding-bottom: 2.083vw; margin-bottom: 2.083vw; } .page { margin: 2.604vw 0; } } @media only screen and (max-width: 1440px) { .m_imgList2 .txt { font-size: 14px; } .m_imgList2 .title { font-size: 20px; } .m_imgList2 .title::before, .m_imgList2 .title::after { font-size: 75px; } .m_imgList2 .btn { font-size: 16px; } .m_filter { font-size: 14px; } .m_filter strong { font-size: 18px; } .m_filter .inp, .m_filter .btn { font-size: 14px; } .m_filter .m_so { width: 320px; } .m_imgList3 .pic { margin-left: 4.5vw; } .m_imgList3 .txt { font-size: 14px; } .m_imgList3 .title { font-size: 18px; } .page a { font-size: 14px; } .page .form input { font-size: 14px; } } @media only screen and (max-width: 992px) { .m_imgList2 .pic { float: none; width: auto; height: 0; padding-top: 61.538%; } .m_imgList2 .txt { padding: 60px 30px 20px; } .m_imgList2 .title { font-size: 18px; } .m_imgList2 .date { margin-bottom: 5px; padding-bottom: 5px; } .m_imgList2 .desc { line-height: 25px; height: 75px; margin-bottom: 15px; } .m_imgList2 .btn { font-size: 14px; } .leaderSlider .slick-dots { margin: 15px 0; } .m_filter { height: auto; line-height: 30px; padding-bottom: 15px; margin-bottom: 20px; } .m_filter strong { font-size: 16px; } /* .m_filter .inp_radio{margin-right: 5px;} */ .m_filter label::before { margin-right: 5px; } .m_filter label { margin-right: 10px; } .m_filter .left, .m_filter .right { float: none; } .m_filter .m_so { display: none; } .m_imgList3 li { padding-bottom: 15px; margin-bottom: 15px; } .m_imgList3 .title { font-size: 16px; } .page { margin: 25px 0; } .page li { margin: 0 2px; } .page a { width: 30px; height: 30px; line-height: 30px; } .page .form { height: 30px; margin-left: 8px; } } @media only screen and (max-width: 750px) { .m_imgList2 .txt { padding: 40px 15px 20px; } .m_imgList2 .title { font-size: 16px; line-height: 25px; height: 50px; } .m_imgList2 .title::before, .m_imgList2 .title::after { font-size: 50px; } .m_filter strong { display: block; } .m_filter label { display: inline-block; } .m_imgList3 .pic { float: none; margin: 0 auto 10px; } .m_imgList3 .txt { font-size: 13px; line-height: 20px; } .m_imgList3 .title { font-size: 15px; } .page { display: block; } .page .form { height: 30px; margin: 10px auto 0; } } /******************************* -------[=走进集团-领导关怀-详情]------- ********************************/ #breadCrumb { color: #999; font-size: 16px; line-height: 40px; overflow: hidden; margin: 28px 0; } #breadCrumb .left { float: left; } #breadCrumb .right { float: right; } #breadCrumb span { color: #0768ab; } #breadCrumb .a_share { width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 0; background: rgb(7, 104, 171) url(../img/ico_share.png) no-repeat center center; /* background-color: rgb(7, 104, 171); */ border-radius: 50%; display: block; background-size: contain; -webkit-background-size: contain; } #breadCrumb .a_share svg { width: 20px; height: 20px; display: inline-block; vertical-align: middle; fill-rule: evenodd; fill: #fff; } .bgf6 { background-color: #f6f6f6; } .bgf6 #header { box-shadow: 1.5px 2.598px 7px 0px rgba(0, 0, 0, 0.14); } .bgf6 #footer { background-color: #fff; border-top: 1px solid rgb(229, 229, 229); } .bgf6 .f-bot { background-color: #f9f9f9; } .m_article { font-size: 16px; line-height: 30px; padding: 50px 60px; background-color: #fff; margin-bottom: 35px; } .m_article .hd { text-align: center; border-bottom: 1px solid rgb(221, 221, 221); margin-bottom: 60px; } .m_article .bd, .m_article2 .bd { font-family: "仿宋_GB2312" !important; font-size: 20px !important; text-indent: 2em !important; line-height: 32px !important; color: #454545 !important; } .m_article .bd *, .m_article2 .bd * { font-family: inherit !important; font-size: inherit !important; text-indent: inherit !important; line-height: inherit !important; color: inherit !important; } .m_article .bd table { max-width: 100%; } .m_article h1 { color: #333; font-size: 36px; line-height: 50px; margin-bottom: 15px; } .m_article .info { margin-bottom: 15px; } .m_article img { max-width: 100%; } .m_article-footer { line-height: 100px; background-color: #fff; position: relative; overflow: hidden; margin-bottom: 80px; } .m_article-footer .prev, .m_article-footer .next { font-size: 16px; /* line-height: 30px; padding: 35px 60px; */ padding: 0 60px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left; width: 50%; box-sizing: border-box; -webkit-box-sizing: border-box; } .m_article-footer span { color: #999; } .m_article-footer .arr { width: 25px; height: 15px; display: inline-block; vertical-align: middle; fill-rule: evenodd; fill: #999; position: relative; } .m_article-footer .arr::before, .m_article-footer .arr::after { content: ''; position: absolute; } .m_article-footer .arr::before { left: 0; right: 0; bottom: 50%; border-bottom: 2px solid #999; } .m_article-footer .arr::after { top: 50%; margin-top: -6px; width: 8px; height: 8px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .m_article-footer .arr.lt::after { left: 0; border-bottom: 2px solid #999; border-left: 2px solid #999; } .m_article-footer .arr.gt::after { right: 0; border-top: 2px solid #999; border-right: 2px solid #999; } .m_article-footer a:hover .arr::before, .m_article-footer a:hover .arr::after { border-color: #0768ab; } .m_article-footer .prev .arr, .m_article-footer .prev span { margin-right: 20px; } .m_article-footer .next .arr, .m_article-footer .next span { margin-left: 20px; } .m_article-footer .next { text-align: right; float: right; } .m_article-footer .next span { float: right; } .m_article-footer a { color: #333; } .m_article-footer .back { width: 100px; height: 100px; /* line-height: 100px; */ text-align: center; background-color: rgb(7, 104, 171); position: absolute; left: 50%; top: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); } .m_article-footer .return { width: 25px; height: 25px; display: inline-block; vertical-align: middle; fill-rule: evenodd; fill: #fff; background: url(../img/ico_list.png) no-repeat center center; background-size: contain; -webkit-background-size: contain; } .m_article-footer a, .m_article-footer span, .m_article-footer .arr { transition: .35s; -webkit-transition: .35s; } .m_article-footer a:hover, .m_article-footer a:hover span { color: #0768ab; } .m_article-footer a:hover .arr { fill: #0768ab; } @media only screen and (max-width: 1900px) { #breadCrumb { margin: 1.5625vw 0; } .m_article { padding: 2.604vw 3.125vw; margin-bottom: 1.823vw; } .m_article h1 { font-size: 1.875vw; line-height: 1.388; } .m_article .hd { margin-bottom: 3.125vw; } .m_article-footer { line-height: 5.208vw; margin-bottom: 4.166vw; } .m_article-footer .back { width: 5.208vw; height: 5.208vw; } .m_article-footer .prev, .m_article-footer .next { padding: 0 3.125vw; } } @media only screen and (max-width: 1440px) { #breadCrumb { font-size: 14px; line-height: 32px; } #breadCrumb .a_share { width: 32px; height: 32px; line-height: 32px; } #breadCrumb .a_share svg { width: 16px; height: 16px; } .m_article { font-size: 14px; line-height: 1.875; } .m_article-footer .prev, .m_article-footer .next { font-size: 14px; } .m_article-footer .prev .arr, .m_article-footer .prev span { margin-right: 10px; } .m_article-footer .next .arr, .m_article-footer .next span { margin-left: 10px; } } @media only screen and (max-width: 1200px) { .m_article-footer { height: 50px; line-height: 50px; } .m_article-footer .prev, .m_article-footer .next { padding: 0 30px; } .m_article-footer .back { width: 50px; height: 50px; } .m_article-footer .return { width: 16px; height: 16px; } } @media only screen and (max-width: 992px) { #breadCrumb { margin: 10px 0; } .m_article { padding: 30px 20px; margin-bottom: 15px; } .m_article h1 { font-size: 20px; } .m_article-footer { margin-bottom: 35px; } } @media only screen and (max-width: 750px) { .m_article-footer { text-align: center; } .m_article-footer a { display: block; } .m_article-footer em { display: none; } .m_article-footer span { font-size: 0; } .m_article-footer .next { text-align: center; } .m_article-footer .next span { float: none; } .m_article-footer .prev, .m_article-footer .next { padding: 0; } .m_article-footer .prev a { margin-right: 25px; } .m_article-footer .next a { margin-left: 25px; } .m_article-footer .prev .arr, .m_article-footer .prev span, .m_article-footer .next .arr, .m_article-footer .next span { margin: 0; } .m_article-footer .prev .arr, .m_article-footer .next .arr { margin-top: -5px; } } /******************************* -------[=走进集团-集团刊物]------- ********************************/ .g-tab { font-size: 16px; text-align: center; margin-bottom: 50px; } .g-tab ul { display: inline-block; } .g-tab li { float: left; margin-right: -1px; width: 178px; height: 48px; line-height: 48px; } .g-tab a { border: 1px solid rgb(238, 238, 238); display: block; } .g-tab li.active a { color: #fff; background-color: #009fe8; border-color: #009fe8; } .m_imgList4 {} .m_imgList4 ul { margin: 0 -30px; margin-bottom: -50px; overflow: hidden; } .m_imgList4 li { float: left; width: 50%; overflow: hidden; margin-bottom: 50px; } .m_imgList4 .con { background-color: rgb(249, 249, 249); border: 1px solid rgb(238, 238, 238); position: relative; display: block; overflow: hidden; margin: 0 30px; } .m_imgList4 .pic { float: left; width: 180px; height: 250px; border-right: 1px solid rgb(238, 238, 238); overflow: hidden; } .m_imgList4 .pic img { display: block; width: 100%; height: 100%; } .m_imgList4 .txt { color: #666; font-size: 16px; line-height: 30px; padding: 35px 45px; overflow: hidden; } .m_imgList4 .title { color: #333; font-size: 20px; margin-bottom: 5px; } .m_imgList4 .info { padding-bottom: 10px; position: relative; } .m_imgList4 .info::after { content: ''; position: absolute; left: 0; bottom: 0; width: 30px; border-bottom: 1px solid rgb(221, 221, 221); } .m_imgList4 .btn { color: #0768ab; font-size: 18px; position: absolute; bottom: 40px; left: 180px; padding: 0 45px; } .m_imgList4 .btn .arr { width: 25px; height: 10px; display: inline-block; vertical-align: middle; fill-rule: evenodd; fill: #0768ab; margin-left: 15px; position: relative; } .m_imgList4 .btn .arr::before, .m_imgList4 .btn .arr::after { content: ''; position: absolute; top: 45%; border-bottom: 1px solid #0768ab; } .m_imgList4 .btn .arr::before { left: 0; right: 0; } .m_imgList4 .btn .arr::after { right: 0; width: 6px; transform: rotate(45deg); -webkit-transform: rotate(45deg); transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; } .m_imgList4 .pic img, .m_imgList4 .title { transition: .35s; -webkit-transition: .35s; } .m_imgList4 .con:hover .pic img { transform: scale(1.05); -webkit-transform: scale(1.05); } .m_imgList4 .con:hover .title { color: #0768ab; } @media only screen and (max-width: 1900px) { .m_imgList4 li { margin-bottom: 2.604vw; } .m_imgList4 ul { margin: 0 -1.5625vw; } .m_imgList4 .con { margin: 0 1.5625vw; } .g-tab { margin-bottom: 2.604vw; } } @media only screen and (max-width: 1440px) { .m_imgList4 .txt { font-size: 14px; padding: 35px 3.125vw; } .m_imgList4 .title { font-size: 18px; } .m_imgList4 .btn { font-size: 16px; padding: 0 3.125vw; bottom: 2.777vw; } .m_imgList4 .btn .arr { margin-left: 10px; } .g-tab { font-size: 14px; } .g-tab li { height: 43px; line-height: 43px; width: 138px; } } @media only screen and (max-width: 1200px) {} @media only screen and (max-width: 992px) { .m_imgList4 li { float: none; width: auto; } .m_imgList4 .title { font-size: 16px; } .m_imgList4 .btn { font-size: 14px; } .g-tab { margin-bottom: 20px; } .g-tab li { height: 38px; line-height: 38px; } } @media only screen and (max-width: 750px) { .m_imgList4 .txt { font-size: 13px; padding: 15px; line-height: 25px; } .m_imgList4 .pic { width: 120px; height: 165px; } .m_imgList4 .title { font-size: 15px; } .m_imgList4 .btn { left: 120px; padding: 0 15px; } } /******************************* -------[=走进集团-集团刊物]------- ********************************/ .m_imgList5 {} .m_imgList5 ul {} .m_imgList5 li { padding-bottom: 30px; border-bottom: 1px solid rgb(238, 238, 238); margin-bottom: 30px; } .m_imgList5 .con { color: #666; font-size: 16px; line-height: 40px; display: block; overflow: hidden; } .m_imgList5 .con>* { float: left; } .m_imgList5 .title { font-size: 20px; font-weight: normal; width: 400px; margin-right: 30px; } .m_imgList5 .info {} .m_imgList5 .right { float: right; } .m_imgList5 .right>* { float: left; } .m_imgList5 .date { margin-right: 55px; } .m_imgList5 .btn { color: #019fe8; width: 120px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #019fe8; display: inline-block; } .m_imgList5 .btn .arr { width: 25px; height: 10px; display: inline-block; vertical-align: middle; fill-rule: evenodd; fill: #019fe8; margin-left: 5px; position: relative; } .m_imgList5 .btn .arr::before, .m_imgList5 .btn .arr::after { content: ''; position: absolute; top: 45%; border-bottom: 1px solid #019fe8; } .m_imgList5 .btn .arr::before { left: 0; right: 0; } .m_imgList5 .btn .arr::after { right: 0; width: 6px; transform: rotate(45deg); -webkit-transform: rotate(45deg); transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; } .m_imgList5 .btn:hover .arr::before, .m_imgList5 .btn:hover .arr::after { border-color: #fff; transition: .35s; -webkit-transition: .35s; } .m_imgList5 .title, .m_imgList5 .btn, .m_imgList5 .btn .arr { transition: .35s; -webkit-transition: .35s; } .m_imgList5 .con:hover .title { color: #0768ab; font-weight: bold; } .m_imgList5 .con:hover .btn { color: #fff; background-color: #019fe8; } .m_imgList5 .con:hover .btn .arr { fill: #fff; } @media only screen and (max-width: 1900px) { .m_imgList5 li { padding-bottom: 1.5625vw; margin-bottom: 1.5625vw; } } @media only screen and (max-width: 1440px) { .m_imgList5 .con { font-size: 14px; } .m_imgList5 .title { font-size: 18px; margin-right: 2.083vw; } .m_imgList5 .date { margin-right: 3.819vw; } } @media only screen and (max-width: 1200px) { .m_imgList5 .title { font-size: 16px; } } @media only screen and (max-width: 992px) { .m_imgList5 li { padding-bottom: 15px; margin-bottom: 15px; } .m_imgList5 .con { line-height: 30px; } .m_imgList5 .con>*, .m_imgList5 .right { float: none; } .m_imgList5 .title { width: auto; } .m_imgList5 .btn { float: right; width: 100px; height: 30px; line-height: 30px; } } @media only screen and (max-width: 750px) {} /******************************* -------[=走进集团-年度大事记]------- ********************************/ .m_events { background-color: #000; background-repeat: no-repeat; background-position: center; background-attachment: fixed; background-size: cover; -webkit-background-size: cover; overflow: hidden; } .m_events .left { float: left; width: 490px; padding-top: 155px; } .m_events .right { float: right; width: 585px; background-color: rgba(0, 0, 0, .4); } .m_events .text { color: #fff; font-size: 24px; line-height: 50px; } .m_events .text h3 { font-size: 48px; line-height: 65px; margin-bottom: 20px; } .m_imgList6 {} .m_imgList6 ul {} .m_imgList6 li {} .m_imgList6 .con { color: #fff; font-size: 16px; line-height: 30px; height: 180px; padding: 20px 55px 20px 70px; border-bottom: 1px solid rgba(255, 255, 255, .2); box-sizing: border-box; -webkit-box-sizing: border-box; /* display: block; */ display: flex; justify-content: space-between; align-items: center; overflow: hidden; } .m_imgList6 .title { font-size: 20px; margin-bottom: 10px; } .m_imgList6 .info {} .m_imgList6 .btn { font-size: 18px; /* float: right; margin-top: 20px; */ } .m_imgList6 .btn .arr { width: 25px; height: 10px; display: inline-block; vertical-align: middle; fill-rule: evenodd; fill: #fff; margin-left: 10px; position: relative; } .m_imgList6 .btn .arr::before, .m_imgList6 .btn .arr::after { content: ''; position: absolute; top: 45%; border-bottom: 1px solid #fff; } .m_imgList6 .btn .arr::before { left: 0; right: 0; } .m_imgList6 .btn .arr::after { right: 0; width: 6px; transform: rotate(45deg); -webkit-transform: rotate(45deg); transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; } .m_imgList6 .con { transition: .35s; -webkit-transition: .35s; } .m_imgList6 .con:hover { background-color: rgb(0, 159, 232); } @media only screen and (max-width: 1900px) { .m_events .text { font-size: 1.25vw; line-height: 2; } .m_events .text h3 { font-size: 2.5vw; line-height: 1.354; } } @media only screen and (max-width: 1440px) { .m_events .left { width: 34vw; } .m_events .right { width: 40.625vw; } .m_events .text { font-size: 20px; } .m_imgList6 .con { font-size: 14px; padding-right: 3.819vw; padding-left: 4.861vw; height: auto; min-height: 12.5vw; } .m_imgList6 .title { font-size: 18px; } .m_imgList6 .btn { font-size: 16px; } } @media only screen and (max-width: 1200px) { .m_events .text { font-size: 16px; } } @media only screen and (max-width: 992px) { .m_events .text { font-size: 14px; } .m_events .text h3 { font-size: 24px; } .m_imgList6 .con { line-height: 25px; } .m_imgList6 .title { font-size: 16px; } .m_imgList6 .btn { font-size: 14px; } } @media only screen and (max-width: 750px) { .m_events .left, .m_events .right { float: none; width: auto; } .m_events .left { padding: 30px 0; text-align: center; } .m_events .text h3 { margin-bottom: 10px; } .m_events .right { margin-bottom: 30px; } } /******************************* -------[=集团产业-现代装备制造]------- ********************************/ .m_industry-text { color: #fff; font-size: 20px; line-height: 2; /* padding: 110px 85px; */ padding: 50px 85px; /*height: 700px;*/ background-color: #1c6faa; background-repeat: no-repeat; background-position: 10% 50px; background-size: 25% auto; /* background-position: center; background-size: cover; */ box-sizing: border-box; -webkit-box-sizing: border-box; margin-bottom: 60px; display: flex; align-items: center; } .m_industry-text .scrollBox { max-height: 100%; overflow-y: auto; } .m_industry-text .text {} .m_imgList7 {} .m_imgList7 li { background-color: #f9f9f9; margin-bottom: 50px; } .m_imgList7 .con { display: block; overflow: hidden; position: relative; } .m_imgList7 .pic { float: left; width: 350px; height: 200px; overflow: hidden; position: relative; } .m_imgList7 .pic img { display: block; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); } .m_imgList7 .txt { color: #666; font-size: 16px; line-height: 30px; padding: 30px 40px; overflow: hidden; margin-right: 100px; } .m_imgList7 .title { color: #333; font-size: 20px; font-weight: normal; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-bottom: 25px; position: relative; margin-bottom: 25px; } .m_imgList7 .title::after { content: ''; position: absolute; left: 0; bottom: 0; width: 40px; border-bottom: 1px solid rgb(7, 104, 171); } .m_imgList7 .desc { height: 60px; text-overflow: ellipsis; overflow: hidden; } .m_imgList7 .btn { width: 40px; height: 40px; fill-rule: evenodd; fill: #999; position: absolute; right: 40px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); overflow: hidden; } .m_imgList7 .pic img, .m_imgList7 .title, .m_imgList7 .btn { transition: .35s; -webkit-transition: .35s; } .m_imgList7 .con:hover .pic img { transform: translateX(-50%) scale(1.05); -webkit-transform: translateX(-50%) scale(1.05); } .m_imgList7 .con:hover .title { color: #0768ab; } .m_imgList7 .con:hover .btn { fill: #0768ab; } .m_imgList7 .btn img { max-width: 100%; max-height: 100%; filter: drop-shadow(0 40px #0768ab); } .m_imgList7 .con:hover .btn img { transform: translateY(-100%); -webkit-transform: translateY(-100%); } @media only screen and (max-width: 1900px) { .m_industry-text { padding: 2.604wvw 4.427vw; margin-bottom: 3.125vw; } .m_imgList7 li { margin-bottom: 2.604vw; } } @media only screen and (max-width: 1440px) { .m_industry-text { font-size: 18px; height: 48.611vw; } .m_imgList7 .txt { font-size: 14px; padding: 30px 2.777vw; margin-right: 6.944vw; } .m_imgList7 .title { font-size: 18px; } .m_imgList7 .btn { right: 2.777vw; } } @media only screen and (max-width: 1200px) { .m_industry-text { font-size: 16px; } .m_imgList7 .txt { line-height: 25px; } .m_imgList7 .pic { width: 280px; height: 165px; } .m_imgList7 .title { font-size: 16px; padding-bottom: 15px; margin-bottom: 15px; } .m_imgList7 .desc { height: 50px; } } @media only screen and (max-width: 992px) { .m_industry-text { font-size: 14px; } } @media only screen and (max-width: 750px) { .m_industry-text { padding: 20px; height: 400px; margin-bottom: 25px; } .m_imgList7 li { margin-bottom: 15px; } .m_imgList7 .pic { float: none; width: auto; height: 0; padding-top: 57.142%; } .m_imgList7 .txt { padding: 20px 15px; position: relative; margin-right: 0; padding-right: 65px; } .m_imgList7 .btn { right: 15px; } } /******************************* -------[=集团产业-现代装备制造-详情]------- ********************************/ .m_article2 { font-size: 16px; line-height: 30px; padding: 50px 60px; background-color: #fff; margin-bottom: 35px; } .m_article2 .hd { display: flex; justify-content: space-between; align-items: center; padding-bottom: 35px; border-bottom: 1px solid rgb(221, 221, 221); margin-bottom: 60px; } .m_article2 h1 { color: #333; font-size: 36px; line-height: 55px; } .m_article2 .linkBtn { width: 40px; height: 40px; fill-rule: evenodd; fill: #0768ab; overflow: hidden; } .m_article2 .linkBtn i { width: 100%; height: 100%; display: block; background: url(../img/ico_link.png) no-repeat center center; background-size: contain; -webkit-background-size: contain; filter: drop-shadow(0 40px #0768ab); transform: translateY(-40px); -webkit-transform: translateY(-40px); } .m_article2 img { max-width: 100%; } .m_iconList2 { color: #333; font-size: 16px; line-height: 30px; text-align: center; } .m_iconList2 ul { display: flex; display: -webkit-flex; justify-content: space-between; border-bottom: 1px solid rgb(221, 221, 221); margin: 15px 0; } .m_iconList2 ul:last-child { border-bottom: 0; } .m_iconList2 li { padding: 30px 0; min-width: 260px; } .m_iconList2 .icon { height: 80px; width: 80px; margin: 0 auto 25px; } .m_iconList2 .icon img { max-width: 100%; max-height: 100%; } .m_iconList2 .icon svg { width: 100%; height: 100%; fill-rule: evenodd; fill: #0768ab; } .m_iconList2 .title { color: #0768ab; font-size: 36px; font-weight: bold; line-height: 50px; margin-bottom: 30px; } @media only screen and (max-width: 1900px) { .m_article2 { padding: 2.604vw 3.125vw; margin-bottom: 1.823vw; } .m_article2 h1 { font-size: 1.875vw; line-height: 1.388; } .m_article2 .hd { padding-bottom: 1.823vw; margin-bottom: 3.125vw; } .m_iconList2 .title { font-size: 1.875vw; line-height: 1.3888; margin-bottom: 1.5625vw; } .m_iconList2 .icon { width: 4.166vw; height: 4.166vw; margin-bottom: 1.302vw; } } @media only screen and (max-width: 1440px) { .m_article2 { font-size: 14px; line-height: 1.875; } .m_article2 .linkBtn { width: 32px; height: 32px; } .m_iconList2 { font-size: 14px; line-height: 1.875; } } @media only screen and (max-width: 1200px) { .m_iconList2 li { min-width: 230px; } } @media only screen and (max-width: 992px) { .m_article2 { padding: 30px 20px; margin-bottom: 15px; } .m_article2 h1 { font-size: 20px; } .m_iconList2 ul { display: block; } .m_iconList2 li { padding: 20px 0; border-bottom: 1px solid rgb(221, 221, 221); } .m_iconList2 li:last-child { border-bottom: 0; } .m_iconList2 .title { font-size: 20px; } .m_iconList2 .icon { width: 40px; height: 40px; margin-bottom: 10px; } } @media only screen and (max-width: 750px) { .m_article2 .hd { padding-bottom: 10px; margin-bottom: 20px; } } /******************************* -------[=企业文化-形象标志]------- ********************************/ .m_culture-logo { background-color: steelblue; background-repeat: no-repeat; background-position: center; background-size: cover; } .m_culture-logo ul { display: flex; justify-content: space-between; align-items: center; height: 750px; } .m_culture-logo li { min-width: 320px; text-align: center; } .m_culture-logo img { max-width: 100%; max-height: 100%; } @media only screen and (max-width: 1900px) { .m_culture-logo ul { height: auto; } .m_culture-logo li { padding: 9.375vw 0; } } @media only screen and (max-width: 992px) { .m_culture-logo { background-attachment: fixed; } .m_culture-logo ul { display: block; padding: 50px 0; } .m_culture-logo li { min-width: 0; padding: 0; } .m_culture-logo img { transform: scale(.7); } } /******************************* -------[=企业文化-战略愿景]------- ********************************/ .m_cultrue-text { color: #fff; font-size: 32px; font-weight: bold; line-height: 40px; text-align: center; padding: 30px 0; background-color: #0768ab; position: relative; margin-bottom: 60px; } .m_cultrue-text::after { content: ''; position: absolute; left: 50%; top: 100%; width: 0; height: 0; border: 11px solid; border-color: #0768ab transparent transparent transparent; margin-left: -11px; } .m_imgList8 {} .m_imgList8 li { position: relative; overflow: hidden; margin-bottom: 80px; } .m_imgList8 .picture { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center; background-size: cover; } .m_imgList8 .picture img { opacity: 0; visibility: hidden; } .m_imgList8 .text { color: #fff; font-size: 16px; line-height: 30px; padding: 35px 40px; width: 500px; height: 350px; background-color: rgba(7, 104, 171, .8); box-sizing: border-box; -webkit-box-sizing: border-box; /* overflow-y: auto; */ position: relative; margin: 70px; } .m_imgList8 .scrollBox { height: 100%; overflow-y: auto; } .m_imgList8 li:nth-child(2n) .text { float: right; } .m_imgList8 h3 { font-size: 24px; line-height: 35px; margin-bottom: 15px; } .m_imgList8 .num { float: right; font-size: 30px; font-family: 'Arial'; font-weight: bold; font-style: italic; line-height: 35px; } @media only screen and (max-width: 1900px) { .m_cultrue-text { font-size: 1.666vw; padding: 1.5625vw 0; margin-bottom: 3.125vw; } .m_imgList8 li { margin-bottom: 4.1666vw; } .m_imgList8 .text { margin: 3.645vw; padding: 1.823vw 2.083vw; } .m_imgList8 .num { font-size: 1.5625vw; } } @media only screen and (max-width: 1440px) { .m_imgList8 .text { font-size: 14px; width: auto; max-width: 500px; } .m_imgList8 h3 { font-size: 20px; } .m_imgList8 .num { font-size: 24px; } } @media only screen and (max-width: 992px) { .m_cultrue-text { font-size: 18px; line-height: 30px; margin-bottom: 25px; } .m_imgList8 .text { padding: 20px; line-height: 25px; } .m_imgList8 h3 { font-size: 18px; margin-bottom: 8px; } } @media only screen and (max-width: 750px) { .m_cultrue-text { padding: 10px; } .m_imgList8 li { margin-bottom: 15px; } .m_imgList8 .text { margin: 20px; } } /******************************* -------[=企业文化-核心理念]------- ********************************/ .gt3 { color: #0768ab; font-size: 32px; text-align: center; line-height: 50px; margin-bottom: 40px; } .m_imgList9 {} .m_imgList9 li { height: 490px; position: relative; overflow: hidden; margin-bottom: 60px; display: flex; align-items: center; } .m_imgList9 .picture { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center; background-size: cover; } .m_imgList9 .picture img { opacity: 0; visibility: hidden; } .m_imgList9 .text { color: #fff; font-size: 16px; line-height: 30px; padding: 35px 40px; width: 498px; background-color: rgba(7, 104, 171, .8); box-sizing: border-box; -webkit-box-sizing: border-box; /* overflow-y: auto; */ position: relative; margin: 70px; } .m_imgList9 li:nth-child(2n) { justify-content: flex-end; } .m_imgList9 h3 { font-size: 24px; line-height: 35px; margin-bottom: 15px; } .m_imgList9 .title { position: relative; } .m_imgList9 .title::after { content: ''; position: absolute; right: 0; top: 50%; width: 30px; border-bottom: 1px solid rgba(255, 255, 255, .6); } .m_imgList9 .num { float: right; font-size: 30px; font-family: 'Arial'; font-weight: bold; font-style: italic; line-height: 35px; } @media only screen and (max-width: 1900px) { .m_imgList9 li { margin-bottom: 3.125vw; } .m_imgList9 .text { margin: 3.645vw; padding: 1.823vw 2.083vw; } } @media only screen and (max-width: 1440px) { .m_imgList9 li { height: 34.027vw; } .m_imgList9 .text { font-size: 14px; width: auto; max-width: 500px; } .m_imgList9 h3 { font-size: 20px; } } @media only screen and (max-width: 992px) { .m_imgList9 li { height: auto; min-height: 34.027vw; } .m_imgList9 .text { padding: 20px; line-height: 25px; } .m_imgList9 .scrollBox { max-height: 300px; overflow-y: auto; } .m_imgList9 h3 { font-size: 18px; margin-bottom: 8px; } } @media only screen and (max-width: 750px) { .m_imgList9 li { margin-bottom: 15px; } .m_imgList9 .text { margin: 20px; } } /******************************* -------[=党建堡垒-机电清风]------- ********************************/ .redStyle .submenu li.active .s1, .redStyle .leaderSlider .slick-dots .slick-active button, .redStyle .m_filter .btn, .redStyle .page li.active a { background-color: #e1032f; } .redStyle .m_imgList2 .title, .redStyle .m_imgList2 .btn, .redStyle .m_imgList3 .con:hover .title, .redStyle .m_filter .checked, .redStyle .page a:hover, .redStyle .page .btn:hover { color: #e1032f; } .redStyle .page li.active a { border-color: #e1032f; } .redStyle .page a:hover .lt { border-color: transparent transparent #e1032f #e1032f; } .redStyle .page a:hover .gt { border-color: #e1032f #e1032f transparent transparent; } .redStyle .m_filter .inp_radio:checked { background-image: url(../img/radio-check-red.png); } .redStyle .m_imgList2 .title::before, .redStyle .m_imgList2 .title::after { color: rgba(225, 3, 47, 0.2); } .g-tab2 { font-size: 24px; text-align: center; margin-bottom: 50px; } .g-tab2 ul { display: inline-block; } .g-tab2 li { float: left; margin-right: 1px; width: 356px; height: 56px; line-height: 56px; } .g-tab2 a { color: #fff; background-color: #fec640; display: block; } .g-tab2 li.active a { background-color: #e1032f; } @media only screen and (max-width: 1900px) { .g-tab2 { margin-bottom: 2.604vw; } } @media only screen and (max-width: 1440px) { .g-tab2 { font-size: 20px; } .g-tab2 li { height: 50px; line-height: 50px; width: 24.7vw; } } @media only screen and (max-width: 992px) { .g-tab2 { font-size: 16px; margin-bottom: 20px; } .g-tab2 li { height: 40px; line-height: 40px; } } @media only screen and (max-width: 750px) { .g-tab2 { font-size: 14px; } } /******************************* -------[=信息公开-人才招聘]------- ********************************/ .m_imgList10 {} .m_imgList10 li { padding-bottom: 30px; border-bottom: 1px solid rgb(238, 238, 238); overflow: hidden; margin-bottom: 30px; } .m_imgList10 .con { color: #999; font-size: 16px; line-height: 30px; display: block; overflow: hidden; } .m_imgList10 .title { color: #333; font-size: 20px; font-weight: normal; line-height: 40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 5px; } .m_imgList10 .date { float: right; width: 80px; height: 80px; line-height: 22px; text-align: center; background-color: rgb(232, 236, 242); margin-left: 85px; } .m_imgList10 .date b { display: block; padding-top: 20px; } .m_imgList10 .desc { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .m_imgList10 .title, .m_imgList10 .date { transition: .35s; -webkit-transition: .35s; } .m_imgList10 .con:hover .title { color: #0768ab; font-weight: bold; } .m_imgList10 .con:hover .date { color: #fff; background-color: #0768ab; } @media only screen and (max-width: 1900px) { .m_imgList10 li { padding-bottom: 1.5625vw; margin-bottom: 1.5625vw; } } @media only screen and (max-width: 1440px) { .m_imgList10 .con { font-size: 14px; line-height: 25px; } .m_imgList10 .title { font-size: 18px; } .m_imgList10 .date { margin-left: 5.9vw; } } @media only screen and (max-width: 992px) { .m_imgList10 .title { font-size: 16px; line-height: 2; } .m_imgList10 .date { font-size: 12px; width: 60px; height: 60px; } .m_imgList10 .date b { padding-top: 10px; } } @media only screen and (max-width: 750px) { .m_imgList10 .title { font-size: 15px; } } /******************************* -------[=弹出视频]------- ********************************/ #PopVideo { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 99999; background: rgba(0, 0, 0, .9); display: none; } #PopVideo .videoCon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 90%; /* height: 90%; */ max-width: 1180px; max-height: 650px; } #PopVideo .videoCon video { display: block; width: 100%; height: 100%; background: #000; margin: 0 auto; } #PopVideo .videoClose { position: absolute; right: -40px; top: -30px; width: 70px; height: 70px; background-color: #0768ab; border-radius: 50%; cursor: pointer; } #PopVideo .videoClose::before, #PopVideo .videoClose::after { content: ''; position: absolute; left: 50%; top: 50%; margin-left: -16px; margin-top: -2px; width: 33px; height: 4px; background-color: #fff; border-radius: 2px; } #PopVideo .videoClose::before { transform: rotate(45deg); } #PopVideo .videoClose::after { transform: rotate(-45deg); } @media only screen and (max-width: 1900px) { #PopVideo .videoClose { width: 9.333vw; height: 9.333vw; right: -4.66vw; top: -4.66vw; } #PopVideo .videoClose::before, #PopVideo .videoClose::after { width: 4.4vw; margin-left: -2.2vw; height: .53vw; } } @media only screen and (max-width: 992px) { #PopVideo .videoClose { width: 40px; height: 40px; top: -25px; } } .fy { width: 100%; margin-top: 20px; border: none; text-transform: uppercase; font-size: 14px; padding: 0; height: 35px; clear: both; text-align: center; } .fy a { text-decoration: none; /* margin: 0 10px 0 0; */ padding: 8px 13px 8px 13px; font-size: 14px; height: 35px; line-height: 35px; color: #999; /*width: 34px;*/ border: 1px solid #dedede; border-radius: 4px; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .fy a:hover { color: #0068b6; } .fy span { text-decoration: none; margin: 0 10px 0 0; padding: 8px 13px 8px 13px; font-size: 14px; height: 35px; line-height: 35px; color: #fff !important; /*width: 34px;*/ border: 1px solid #dedede; border-radius: 4px; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; color: #fff; border-color: #0068b6; background: #0068b6; } /******************************* -------[=联系我们]------- ********************************/ .m-contact { background-color: #019fe8; overflow: hidden; } .m-contact .map { float: left; width: 940px; width: 48.95%; height: 640px; } .m-contact .map .anchorBL { display: none; } .map-text { font-size: 12px; } .map-text h3 { color: #c45417; margin-bottom: 5px; } .m-contact .text { color: #fff; font-size: 18px; line-height: 30px; max-width: 670px; overflow: hidden; } .m-contact .text .con { padding: 80px; } .m-contact .text h3 { font-size: 36px; line-height: 65px; padding-bottom: 15px; position: relative; margin-bottom: 20px; } .m-contact .text h3::after { content: ''; position: absolute; left: 0; bottom: 0; width: 60px; border-bottom: 1px solid rgba(255, 255, 255, .4); } .m-contact .text li { margin-bottom: 15px; } .m-contact .text .icon { width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin-right: 12px; background-repeat: no-repeat; background-position: center; background-size: contain; } .m-contact .text .icon_addr { background-image: url(../img/ico_addr.png); } .m-contact .text .icon_No { background-image: url(../img/ico_No.png); } .m-contact .text .icon_tele { background-image: url(../img/ico_tele.png); } .m-contact .text .icon_fax { background-image: url(../img/ico_fax.png); } .m-contact .text .icon_email { background-image: url(../img/ico_email.png); } @media only screen and (max-width: 1900px) { .m-contact .map { height: 33.333vw; min-height: 450px; } .m-contact .text .con { padding: 4.166vw 80px; } .m-contact .text h3 { font-size: 1.875vw; line-height: 1.8; } } @media only screen and (max-width: 1440px) { .m-contact .text { font-size: 16px; } } @media only screen and (max-width: 1280px) { .m-contact .text { font-size: 14px; } .m-contact .text .con { padding: 50px 6.15vw; } .m-contact .text h3 { font-size: 24px; } } @media only screen and (max-width: 992px) { .m-contact .text h3 { font-size: 20px; } .m-contact .text li { margin-bottom: 8px; } .m-contact .text .icon { width: 16px; height: 16px; } } @media only screen and (max-width: 750px) { .m-contact .map { float: none; width: auto; height: 250px; min-height: 0; } .m-contact .text { max-width: 750px; } .m-contact .text .con { padding: 30px 20px; } .m-contact .text h3 { padding-bottom: 8px; } } /* 新增-20200626-开始 */ .m_events .right { background: none; } .eventSlider { position: relative; } .eventSlider .slick-vertical .slick-slide { border: 0; } .m_imgList6 .con { background-color: rgba(0, 0, 0, .4); } .eventSlider .slick-current .con { background-color: rgb(0, 159, 232); } .eventSlider .slick-arrow { position: absolute; left: 50%; background-color: rgb(7, 104, 171); width: 64px; height: 30px; margin-left: -32px; } .eventSlider .slider-prev { top: 0; } .eventSlider .slider-next { bottom: 0; } .eventSlider .slick-arrow i { display: block; width: 0; height: 0; border: 8px solid; } .eventSlider .slick-arrow .up { border-color: transparent transparent #fff transparent; margin: 4px auto; } .eventSlider .slick-arrow .down { border-color: #fff transparent transparent transparent; margin: 12px auto; } @media only screen and (max-width: 1280px) { .eventSlider .slick-arrow { width: 50px; margin-left: -25px; background-color: rgba(7, 104, 171, .5); } } @media only screen and (max-width: 750px) { .eventSlider { padding: 30px 0; } .eventSlider .slick-arrow { background-color: rgb(7, 104, 171); } .eventSlider .slider-prev { border-radius: 30px 30px 0 0; } .eventSlider .slider-next { border-radius: 0 0 30px 30px; } } /* 网上举报须知 */ .m_notice { color: #666; font-size: 16px; line-height: 1.875; padding: 35px 50px; background-color: #fff; } .m_notice h1 { font-size: 36px; line-height: 45px; text-align: center; } .m_notice .bd { padding-bottom: 10px; border-bottom: 1px solid rgb(221, 221, 221); margin: 25px 0; } .m_notice .bd h4 { color: #009fe8; font-size: 16px; /*font-weight: normal;*/ } .m_notice .fd { color: #999; } .m_notice .fd .btn { text-align: center; padding: 60px 0 30px; } .m_notice .fd .g-btn1 { margin: 5px 15px; } .g-btn1 { color: #019fe8; font-size: 16px; width: 166px; height: 46px; line-height: 46px; text-align: center; border: 1px solid #019fe8; display: inline-block; transition: .35s; -webkit-transition: .35s; } .g-btn1:hover, .g-btn1.active { color: #fff; background-color: #019fe8; } .g-btn1:hover .icon_shield, .g-btn1.active .icon_shield { background-image: url(../img/icon_shield-on.png); } .icon_shield { width: 20px; height: 20px; background: url(../img/icon_shield.png) no-repeat center center; display: inline-block; vertical-align: middle; margin-right: 10px; margin-top: -2px; } .label_checkbox::before { content: ""; width: 18px; height: 18px; background: url(../img/radio.png) no-repeat center center; display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 0; margin-top: -4px; } .label_checkbox.checked::before { background-image: url(../img/radio-check.png); } .inp_checkbox { width: 0; height: 0; visibility: hidden; } @media only screen and (max-width: 1900px) { .m_notice h1 { font-size: 1.875vw; line-height: 1.388; } .m_notice .fd .btn { padding: 3.125vw 0 1.5625vw; } } @media only screen and (max-width: 1440px) { .m_notice { font-size: 14px; } .m_notice .bd h4 { font-size: 14px; } } @media only screen and (max-width: 1280px) { .m_notice { padding: 35px; } .m_notice .bd { margin: 15px 0; } .m_notice .fd .btn { padding: 30px 0 0; } } @media only screen and (max-width: 992px) { .m_notice h1 { font-size: 20px; } .m_notice .fd .g-btn1 { margin: 5px; } .g-btn1 { font-size: 14px; width: 126px; height: 36px; line-height: 36px; } .icon_shield { width: 16px; height: 16px; background-size: contain; -webkit-background-size: contain; } } @media only screen and (max-width: 750px) { .m_notice { padding: 20px; } .m_notice .fd .btn { padding: 20px 0 10px; } } /* 署名/匿名举报 */ .m_report { color: #666; font-size: 16px; line-height: 30px; padding: 35px 50px; background-color: #fff; } .m_report h1 { font-size: 36px; line-height: 45px; text-align: center; margin-bottom: 20px; } .m_report .form { margin-bottom: 20px; } .m_report .caption { line-height: 40px; } .m_report .caption h3 { font-size: 20px; display: inline; } .m_report i { color: #009fe8; } .m_report .table { overflow: hidden; margin: 0 -10px; } .m_report .row { float: left; width: 50%; padding: 0 10px; box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden; margin: 10px 0; } .m_report .row_full { width: 100%; } .m_report .dt { float: left; width: 100px; line-height: 42px; } .m_report .dd { position: relative; overflow: hidden; } .m_report .inp { font-size: 16px; height: 42px; width: 100%; padding: 5px 10px; line-height: 32px; border: 1px solid rgb(221, 221, 221); background: none; border-radius: 4px; display: block; position: relative; } .m_report .inp_sel-arr { position: absolute; right: 10px; top: 18px; width: 0; height: 0; border: 8px solid; border-color: rgb(153, 153, 153) transparent transparent transparent; } .m_report .inp_area { height: 145px; resize: none; } .m_report .tips { color: #b0b0b0; word-break: break-all; line-height: 25px; margin-top: -4px; } .m_report .yzm-row { position: relative; overflow: visible; } .m_report .yzm-box { position: absolute; top: 0; left: 100%; width: 100%; display: flex; display: -webkit-flex; align-items: center; margin-top: 3px; } .m_report .yzm-img { margin-right: 15px; } .m_report .yzm-img img { display: block; width: 98px; height: 35px; } .m_report .fd { text-align: center; padding: 40px 0; } .m_report .fd .g-btn1 { margin: 0 15px; } .label_file { width: 160px; margin-right: 20px; position: relative; } .label_file.disabled::after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .label_file.disabled .btn { background-color: #999; } .label_file label { display: none; } .label_file label.active { display: block; } .label_file .inp_file { width: 0; height: 0; visibility: hidden; } .label_file .btn { color: #fff; width: 160px; height: 44px; line-height: 44px; text-align: center; background-color: rgb(0, 159, 232); display: inline-block; } .row-flex { display: flex; display: -webkit-flex; justify-content: space-around; /* align-items: center; */ } .inp_file-value { overflow: hidden; /* margin-top: 10px; */ } .inp_file-value .item { width: 100px; height: 100px; border-radius: 4px; background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden; position: relative; float: left; margin-right: 10px; margin-bottom: 10px; } .inp_file-value .close { color: #fff; font-size: 20px; width: 20px; height: 20px; line-height: 20px; text-align: center; background-color: rgba(0, 0, 0, .5); cursor: pointer; position: absolute; right: 0; top: 0; } .inp_file-value .size { position: absolute; left: 0; right: 0; bottom: 0; color: #fff; font-size: 12px; text-align: center; background-color: rgba(0, 0, 0, .5); } @media only screen and (max-width: 1900px) { .m_report h1 { font-size: 1.875vw; line-height: 1.388; } } @media only screen and (max-width: 1440px) { .m_report { font-size: 14px; } .m_report .inp { font-size: 14px; } .m_report .caption h3 { font-size: 18px; } } @media only screen and (max-width: 1280px) { .m_report { padding: 35px; } .m_report .row { margin: 5px 0; } } @media only screen and (max-width: 992px) { .m_report h1 { font-size: 20px; } .m_report .caption h3 { font-size: 16px; } .m_report .row { width: 100%; } .m_report .inp_sel-arr { border-width: 5px; } .m_report .yzm-row { display: flex; } .m_report .yzm-box { position: static; width: auto; margin-left: 10px; } .m_report .tips { line-height: 20px; } } @media only screen and (max-width: 750px) { .m_report { padding: 20px; } .m_report .fd { padding: 20px 0; } .row-flex { display: block; } .m_report .tips { margin-top: 10px; } .m_report .yzm-row { padding-bottom: 30px; } .m_report .yzm-box { display: block; } .m_report .yzm-img { margin-right: 0; } .m_report .yzm-box .tips { position: absolute; left: 100px; bottom: 0; } } /* 新增-20200626-结束 */ /* -----------------新增-20200628-开始------------------- */ .m_events { background-attachment: scroll; } .m_about-honor li { margin-bottom: 0; } .m_about-honor li:nth-child(2n+1) { margin-left: 0; margin-right: 50%; } .m_about-honor li:nth-child(2n+1) .con { padding-left: 0; padding-right: 80px; text-align: right; } .m_about-honor li:nth-child(2n+1)::before, .m_about-honor li:nth-child(2n+1)::after { left: auto; right: 0; } .m_about-honor li:nth-child(2n+1)::after { margin-left: 0; margin-right: -7px; } @media only screen and (max-width: 1900px) { .m_about-honor li { margin-bottom: 0; } } @media only screen and (max-width: 1440px) { .m_about-honor li:nth-child(2n+1) .con { padding-right: 5.555vw; } } @media only screen and (max-width: 750px) { .m_about-honor li { margin-bottom: 10px; } .m_about-honor li:nth-child(2n+1) { margin-right: 0; } .m_about-honor li:nth-child(2n+1)::before, .m_about-honor li:nth-child(2n+1)::after { left: 0; right: auto; } .m_about-honor li:nth-child(2n+1)::after { margin-left: -7px; margin-right: 0; } .m_about-honor li:nth-child(2n+1) .con { text-align: left; padding-right: 0; padding-left: 25px; } .m_about-honor .txt { text-align: left; margin-bottom: 0; } } /* -----------------新增-20200628-结束------------------- */ .gt4 { font-size: 24px; line-height: 35px; margin-bottom: 20px; } @media only screen and (max-width: 1440px) { .gt4 { font-size: 20px; } } @media only screen and (max-width: 990px) { .gt4 { font-size: 18px; margin-bottom: 10px; } } /* -----------------新增-20200703-结束------------------- */ .m-imgTxt2 .text li { height: auto; } .m-imgTxt2 .text li::before { top: 10px; } .m-imgTxt2 .text .dt { float: left; } .m-imgTxt2 .text dl { overflow: hidden; } .m-imgTxt2 .text dd { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 10px; } .m-imgTxt2 .text dd:last-child { margin-bottom: 0; } /* -----------------新增-20200703-结束------------------- */ /* -----------------新增-20200910-开始------------------- */ .index_dynamic .slick-arrow { position: absolute; z-index: 9; top: 50%; background-color: rgba(0, 0, 0, .4); width: 30px; height: 50px; margin-top: -25px; text-indent: -999px; overflow: hidden; transition: .35s; } .index_dynamic .slick-arrow:hover { background-color: rgba(0, 0, 0, .8); } .index_dynamic .slick-prev { left: 0; } .index_dynamic .slick-next { right: 0; } .index_dynamic .slick-prev::before, .index_dynamic .slick-next::before { color: #fff; font-size: 22px; font-family: '宋体'; font-weight: bold; text-indent: 0; text-align: center; line-height: 50px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .index_dynamic .slick-prev::before { content: '<'; } .index_dynamic .slick-next::before { content: '>'; } /* -----------------新增-20200910-结束------------------- */ .upfile { position: relative; display: inline-block; background: #D0EEFF; border: 1px solid #99D3F5; border-radius: 4px; padding: 4px 12px; overflow: hidden; color: #fff; text-decoration: none; text-indent: 0; line-height: 20px; width: 140px; height: 44px; line-height: 44px; text-align: center; background-color: rgb(0, 159, 232); display: inline-block; } .upfile input { position: absolute; font-size: 100px; right: 0; top: 0; opacity: 0; } .upfile:hover { background: #AADFFD; border-color: #78C3F3; color: #004974; text-decoration: none; } /* -----------------新增-20201223-开始------------------- */ .headTop .pop { position: absolute; top: 100%; right: 0; min-width: 100%; padding: 5px 0; background-color: #fff; border-top: 1px solid #eee; box-shadow: 0 3px 5px rgba(0, 0, 0, .1); opacity: 0; visibility: hidden; transition: .35s; -ms-transition: .35s; -moz-transition: .35s; -webkit-transition: .35s; -o-transition: .35s; } .headTop .pop_code { text-align: center; } .headTop .pop_code img { display: block; padding: 0 10px; max-width: 120px; margin: 0 auto; } .headTop .pop_big { width: 250px; } .hidePC { display: none; } .showPC { display: block; } @media only screen and (max-width: 750px) { .headTop .wrap { padding: 0 5px 0 0; } .hidePC { display: block; } .showPC { display: none; } } /* -----------------新增-20201223-结束------------------- */ /* 新增2022-6-17 */ .pub-page a.active { border-color: #0068b6; background: #0068b6; color: #fff; } .m_filter .li { display: inline-flex; align-items: center; justify-content: flex-start; cursor: pointer; margin-right: 1.5625vw; vertical-align: bottom; } .m_filter .li div { margin-right: 10px; position: relative; } .m_filter .li div::after { content: ''; width: 18px; height: 18px; background: url(../img/radio.png) no-repeat center; font-size: 0; display: block; } .m_filter .li p { font-size: 16px; color: #666; } .m_filter .li.cur div::after { background: url(../img/radio-check.png) no-repeat center; } .f-cb { zoom: 1; } .clear { clear: both; } .f-cb:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; } .m_report .dd { position: relative; } .m_report .yzm-row2 .dd { overflow: initial; float: left; width: calc(100% - 100px); } .m_report .dd .captcha { position: absolute; height: 40px; right: -140px; top: 0; z-index: 1; } .m_report .yzm-box { padding-left: 160px; } /* table { border: 1px solid rgba(0, 0, 0, .3); } */ .fix-img { position: fixed; left: 0; top: 20%; z-index: 100; } .fix-img .li { /* width: 250px; */ margin-bottom: 10px; display: block; } .fix-img .li:last-child { margin-bottom: 0; } .fix-img .li img { width: 100%; } .fix-img span { position: absolute; right: 0; display: block; width: 60px; height: 30px; top: -30px; line-height: 30px; text-align: center; color: #333; background-color: rgba(255, 255, 255, .5); cursor: pointer; }