/* 轮播图 */ .bas { position: relative; height: 24vw; } .bas .num { position: absolute; right: 23.906vw; bottom: 1.927vw; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bas .num li { width: 6px; height: 6px; border: solid 0.052vw rgba(255, 255, 255, 0.6); background: rgba(255, 255, 255, 0.4); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 11px; } .bas .num li.on { border: none; background: #ffffff; } .bas_phone { display: none; } /* 速报 */ .notice { /* width: 85.677vw; */ height: 6.667vw; background-color: #f4f7fc; -webkit-border-radius: 0.313vw; -moz-border-radius: 0.313vw; border-radius: 0.313vw; overflow: hidden; margin-top: 2.396vw; padding: 0 1.406vw; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .notice_qr { width: 10.417vw; height: 2.292vw; } .notice_nqr { width: 2.083vw; height: 2.083vw; } .notice_news { display: none; width: 8vw; height: 8vw; } .notice_line { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; width: 1px; height: 3vw; background: #becbdb; margin: 0 10px; } .notice_names { font-family: SourceHanSansCN-Regular; font-size: 1.198vw; font-weight: bold; font-stretch: normal; /* line-height: 2.5vw; */ letter-spacing: 0vw; color: #434d5d; margin-left: 1.563vw; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; overflow: hidden; } .notice_bas { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; overflow: hidden; height: inherit; width: 50px; } .notice_item { overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 3.854vw; } .notice_dn { font-family: SourceHanSansCN-Regular; font-size: 1.198vw; /* font-weight: bold; */ font-stretch: normal; /* line-height: 2.5vw; */ letter-spacing: 0vw; color: #a7adb8; margin-left: 1.563vw; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; } .notice_arrow { width: 0.521vw; height: 0.885vw; margin-left: 1.406vw; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 0; } .notice_left { right: 3.333vw; } .notice_right { right: 1.406vw; } /* 集团简介 */ .group_profile { background: #f4f7fc url(../imgs/1index/gp.png) no-repeat; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; margin-top: 2.604vw; padding: 1.198vw 0; } .group_profile_box { height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .gp_left { width: 40.625vw; /* width: 64.063vw; */ } .gp_tit { font-family: MicrosoftYaHei-Bold; font-size: 1.042vw; font-weight: normal; font-stretch: normal; letter-spacing: 0vw; color: #9c0100; height: 3.125vw; line-height: 3.125vw; border-bottom: 0.156vw solid #9c0100; } .gp_con { font-family: MicrosoftYaHei; font-size: 0.885vw; font-weight: normal; font-stretch: normal; line-height: 2; letter-spacing: 0vw; color: #222222; height: 12em; /* height: 22em; */ margin-top: 1.563vw; overflow: auto; text-indent: 2em; white-space: pre-wrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; /* -webkit-line-clamp: 11; */ word-wrap: break-word; /*英文强制换行*/ word-break: break-all; /*英文强制换行*/ } .gp_con * { font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; font-stretch: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; color: inherit !important; text-indent: inherit !important; white-space: inherit !important; border: none !important; } .gp_con p { display: block !important; width: auto !important; height: auto !important; } .gp_con img { display: block !important; margin: 0 auto !important; padding: 0 !important; max-width: 100% !important; width: auto !important; height: auto !important; } .gp_btn { width: 5.625vw; height: 1.667vw; line-height: 1.667vw; background-color: #9c0100; font-family: MicrosoftYaHei; font-size: 0.729vw; font-weight: bold; font-stretch: normal; letter-spacing: 0vw; color: #ffffff; text-align: center; margin-top: 1.042vw; } .gp_btn img { width: 0.938vw; height: 0.938vw; margin-left: 0.26vw; } .gp_right .gp_m { width: 42.188vw; height: 17.917vw; /* width: 20.208vw; */ -o-object-fit: fill; object-fit: fill; } .group_profile_m { display: none; margin-top: 3vw; padding: 1px 3vw; background-color: #f4f7fc; } .gp_btns { font-family: MicrosoftYaHei; font-size: 0.625vw; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #8f959f; } .gp_bots { padding-top: 2vw; padding-bottom: 6vw; } .gp_bots .gp_m { width: 100%; } .gp_cons { /* font-family: SourceHanSansCN-Regular; */ font-family: MicrosoftYaHei; font-size: 3vw; font-weight: normal; font-stretch: normal; line-height: 2; letter-spacing: 0px; color: #455164; margin-top: 4vw; text-indent: 2em; white-space: pre-wrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; word-wrap: break-word; /*英文强制换行*/ word-break: break-all; /*英文强制换行*/ } .gp_cons * { font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; font-stretch: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; color: inherit !important; text-indent: inherit !important; white-space: inherit !important; border: none !important; } .gp_cons p { display: block !important; width: auto !important; height: auto !important; } .gp_cons img { display: block !important; margin: 0 auto !important; padding: 0 !important; max-width: 100% !important; width: auto !important; height: auto !important; } /* 图片栏目 */ .img_cat { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 2.604vw; overflow: hidden; } .ic_item { width: 20.208vw; /* width: 15.625vw; */ /* height: 9.323vw; */ height: 7.292vw; -webkit-border-radius: 0.156vw; -moz-border-radius: 0.156vw; border-radius: 0.156vw; overflow: hidden; position: relative; background-position: center; background-repeat: no-repeat; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; } .ic_item img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .ic_tit { font-family: SourceHanSansCN-Bold; /* font-size: 1.875vw; */ font-size: 1.25vw; font-weight: normal; font-stretch: normal; /* line-height: 1.563vw; */ letter-spacing: 0.208vw; color: #ffffff; /* box-shadow: 0.052vw 0.052vw 0.156vw 0vw #8d0603; */ position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 2.083vw; width: 3em; } /* 企业发展 */ .ed_cat { margin-top: 2.604vw; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; } .ec_item { width: 17.24vw; /* height: 17.24vw; */ height: 12.5vw; -webkit-background-size: 100% auto !important; -moz-background-size: 100% auto !important; -o-background-size: 100% auto !important; background-size: 100% auto !important; position: relative; overflow: hidden; } .ed_info img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .ed_info .ec_tit { font-family: MicrosoftYaHei-Bold; font-size: 1.875vw; font-weight: normal; font-stretch: normal; letter-spacing: 0.104vw; color: #ffffff; /* box-shadow: 0.052vw 0.052vw 0vw 0vw #a00100; */ padding-top: 3.229vw; padding-left: 1.875vw; } .ed_info .ec_en { font-family: MicrosoftYaHei; font-size: 1.146vw; font-weight: normal; font-stretch: normal; letter-spacing: 0vw; color: #ffadae; padding-top: 0.885vw; padding-left: 1.979vw; } .ed_lists { background-color: #f4f7fc; border: solid 0.052vw #e9edf3; } .ed_lists .ec_icon { width: 2.813vw; height: 2.813vw; /* margin-top: 3.125vw; */ margin-top: 0.521vw; margin-left: 1.771vw; } .ed_lists .ec_tit { font-family: MicrosoftYaHei-Bold; font-size: 1.406vw; font-weight: normal; font-stretch: normal; letter-spacing: 0.052vw; color: #222222; margin-top: 0.625vw; margin-left: 2.188vw; } .ed_lists .ec_en { font-family: SourceHanSansCN-Light; font-size: 1.146vw; font-weight: normal; font-stretch: normal; letter-spacing: 0vw; color: #222222; margin-top: 0.781vw; margin-left: 2.188vw; } .ed_lists .ec_see { font-family: MicrosoftYaHei; font-size: 1.146vw; font-weight: normal; font-stretch: normal; letter-spacing: 0.052vw; color: #8d0000; /* margin-top: 3.333vw; */ margin-top: 0.729vw; margin-right: 0.521vw; text-align: right; } .ed_lists .ec_see img { width: 2.813vw; height: 2.813vw; } .ed_lists:hover { border: none; background: #263167 url(../imgs/1index/cm.png) no-repeat center bottom; } .ed_lists:hover .ec_icon { display: none; } .ed_lists:hover .ec_tit { font-family: MicrosoftYaHei-Bold; font-size: 1.406vw; font-weight: normal; font-stretch: normal; letter-spacing: 0.052vw; color: #ffffff; margin: 0; /* margin-top: 4.583vw; */ margin-top: 1.458vw; text-align: center; } .ed_lists:hover .ec_en { font-family: SourceHanSansCN-Light; font-size: 1.146vw; font-weight: normal; font-stretch: normal; letter-spacing: 0vw; color: #ffffff; margin: 0; margin-top: 1.406vw; text-align: center; } .ed_lists:hover .ec_see { width: 9.271vw; height: 2.76vw; line-height: 2.76vw; background-color: #9c0100; font-family: MicrosoftYaHei; font-size: 1.146vw; font-weight: normal; font-stretch: normal; letter-spacing: 0.052vw; color: #ffffff; margin: 0 auto; /* margin-top: 3.125vw; */ margin-top: 0.521vw; text-align: center; } .ed_lists:hover .ec_see img { display: none; } /* 通知轮播图 */ .notices { height: 7.188vw; margin-top: 2.5vw; } /* 快速导航 */ .qnav { display: none; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100vw; height: 67vw; background: #8d0000 url(../imgs/m/1index/5.png) no-repeat center; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; margin-top: 3vw; padding: 2vw; } .qnav_item { width: 44vw; height: 27vw; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: solid 1px #ff8571; overflow: hidden; margin: 2vw; text-align: center; } .qnav_icon { width: 5vw; height: 5vw; /* border: solid 0vw #ffffff; */ margin-top: 3vw; } .qnav_names { font-family: MicrosoftYaHei; font-size: 3vw; font-weight: bold; font-stretch: normal; letter-spacing: 1px; color: #ffffff; /* box-shadow: 2px 2px 0px 0px #790000; */ margin-top: 3vw; } .qnav_en { font-family: MicrosoftYaHei; font-size: 2vw; font-weight: normal; font-stretch: normal; letter-spacing: 1px; color: #f7caca; /* box-shadow: 2px 2px 0px 0px #790000; */ margin-top: 2vw; } /* 安全生产/党建工作 */ /* 安全生产 */ /* 党建工作 */ .t2_box { width: 42.188vw; margin-top: 2.604vw; background-color: #f4f7fc; } .t2_box .index_list li { padding-top: 0.625vw; } /* 视频中心 */ .videos { /* width: 100vw; */ /* height: 29.271vw; */ background-color: #f4f7fc; margin-top: 2.604vw; } .videos_box { position: relative; padding: 1px; } .videos_tit { font-family: MicrosoftYaHei-Bold; font-size: 1.615vw; font-weight: normal; font-stretch: normal; letter-spacing: 0vw; color: #9c0100; height: 4.688vw; line-height: 4.688vw; border-bottom: 0.26vw solid #9c0100; position: relative; } .videos_more { font-family: MicrosoftYaHei; font-size: 0.885vw; font-weight: normal; font-stretch: normal; letter-spacing: 0vw; color: #8f959f; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 0; } .videos_con { margin-top: 1.563vw; margin-bottom: 3.125vw; } .videos_item { width: 20.313vw; margin-left: 1.563vw; } .videos_item:first-child { margin-left: 0; } .videos_imgs { width: 100%; height: 13.75vw; } .videos_names { font-family: MicrosoftYaHei; font-size: 0.938vw; font-weight: bold; font-stretch: normal; letter-spacing: 0.052vw; color: #161616; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-wrap: break-word; /*英文强制换行*/ word-break: break-all; /*英文强制换行*/ margin-top: 1.563vw; height: 4em; line-height: 2em; } .videos_times { font-family: MicrosoftYaHei; font-size: 0.938vw; font-weight: normal; font-stretch: normal; line-height: 1.25vw; letter-spacing: 0vw; color: #666666; margin-top: 1.042vw; } .videos_m { display: none; width: 92vw; /* height: 67vw; */ background-color: #f4f7fc; margin: 3vw auto; padding: 1px 3vw; } .videos_bots1 { /* padding: 1px; */ } .videos_item1 { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin: 4vw 0; } .videos_item1:nth-child(n + 3) { display: none; } .videos_imgs1 { width: 33vw; /* height: 21vw; */ height: 25vw; background-color: #8d0000; position: relative; } .videos_imgs1 img { width: 100%; height: 100%; } .videos_imgs1 div { display: block; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../imgs/m/1index/video.png) no-repeat center; -webkit-background-size: 7vw 7vw; -moz-background-size: 7vw 7vw; -o-background-size: 7vw 7vw; background-size: 7vw 7vw; } .videos_info1 { width: 53vw; /* height: 21vw; */ background-color: #ffffff; padding: 3vw 2vw; } .videos_names1 { font-family: MicrosoftYaHei; font-size: 3vw; font-weight: normal; font-stretch: normal; line-height: 2em; letter-spacing: 0vw; color: #333333; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-wrap: break-word; /*英文强制换行*/ word-break: break-all; /*英文强制换行*/ height: 4em; } .videos_times1 { font-family: MicrosoftYaHei; font-size: 3vw; font-weight: normal; font-stretch: normal; /* line-height: 3vw; */ letter-spacing: 0vw; color: #999999; padding-top: 3vw; } /* 动画效果 */ .pic li { overflow: hidden; } .pic img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .pic .active img { -webkit-animation: bgscale 7s linear 0.1s; -moz-animation: bgscale 7s linear 0.1s; -o-animation: bgscale 7s linear 0.1s; animation: bgscale 7s linear 0.1s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes bgscale { from { -webkit-transform: scale(1.1); transform: scale(1.1); } to { -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes bgscale { from { -moz-transform: scale(1.1); transform: scale(1.1); } to { -moz-transform: scale(1); transform: scale(1); } } @-o-keyframes bgscale { from { -o-transform: scale(1.1); transform: scale(1.1); } to { -o-transform: scale(1); transform: scale(1); } } @keyframes bgscale { from { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } to { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .img_cat img:hover, .videos_item img:hover, .bas_pc img:hover, .notices img:hover, .focusBox img:hover, .group_profile img:hover { -webkit-animation: hoverScale 0.3s linear 0.1s; -moz-animation: hoverScale 0.3s linear 0.1s; -o-animation: hoverScale 0.3s linear 0.1s; animation: hoverScale 0.3s linear 0.1s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes hoverScale { from { -webkit-transform: scale(1); transform: scale(1); } to { -webkit-transform: scale(1.1); transform: scale(1.1); } } @-moz-keyframes hoverScale { from { -moz-transform: scale(1); transform: scale(1); } to { -moz-transform: scale(1.1); transform: scale(1.1); } } @-o-keyframes hoverScale { from { -o-transform: scale(1); transform: scale(1); } to { -o-transform: scale(1.1); transform: scale(1.1); } } @keyframes hoverScale { from { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } to { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } }