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: 350px;
}
.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 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;
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_imgList9 .scrollBox {
height: 100%;
overflow-y: auto;
}
.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:hover p {
color: #0768ab;
}
.m_filter .li:hover div::after,
.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;
}