@charset "utf-8"; /* CSS Document */ .zw { background: #80ddca; width: 100%; height: 26.042vw; } .head-top { height: 2.083vw; line-height: 2.083vw; /* background: #eee; */ font-size: 0.729vw; } .head-top div div { float: left; font-weight: bold; } .head-top div span { float: right; } .head-top img { width: 1.042vw; height: 1.042vw; float: left; margin: 0.521vw 0.26vw; } .head { /* height: 19.271vw; */ background: url(../imgs/1.png) no-repeat center top; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; } .head-center { position: relative; width: 62.5vw; text-align: center; } .head-center img { /* transform: translateX(-50%); */ } .head-center .head-center-title { position: absolute; top: 8.594vw; width: 100%; text-align: center; } .head-center .head-center-title div { font-size: 2.083vw; letter-spacing: 0.208vw; margin-bottom: 0.26vw; color: #fff; font-weight: bold; } .head-center .head-center-title span { font-size: 0.729vw; color: #a1d3f8; text-shadow: 0vw 0.156vw 0.208vw #000; } .search-box { /* transform: translateX(-50%); */ 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; } .search-box input { background: #fff; /* float: left; */ width: 80%; font-size: 0.938vw; border: 0; padding: 1.042vw 1.5%; } .search-box button { background: #bd2f2b; color: #fff; font-size: 0.938vw; border: 0; padding: 1.042vw 0; /* float: right; */ width: 18%; } .head_navbg { height: 4.167vw; background: #9c0100; /* padding-bottom: 0.521vw; */ } .head_nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 0; } .head_nav li { -webkit-box-flex: 1; -webkit-flex: auto; -moz-box-flex: 1; -ms-flex: auto; flex: auto; line-height: 4.167vw; font-size: 0.833vw; text-align: center; font-weight: 400; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; letter-spacing: 0.052vw; position: relative; margin: 0 0.026vw; } .head_nav li:first-child::before { /* transform: translateY(-50%); */ } .head_nav li::before { /* transform: translateY(-50%); */ } .head_nav li a { font-family: AdobeHeitiStd-Regular; font-size: 0.938vw; font-weight: bold; font-stretch: normal; letter-spacing: 0vw; color: #ffffff; width: 100%; /* height: 100%; */ display: block; position: relative; } .head_nav li.dropdown { display: inherit; position: relative; } .head_nav li.dropdown .dropdown_menu { display: none; position: absolute; bottom: 0; background: #fff; -webkit-box-shadow: 0 0.781vw 1.406vw 0 rgba(167, 165, 165, 0.38); -moz-box-shadow: 0 0.781vw 1.406vw 0 rgba(167, 165, 165, 0.38); box-shadow: 0 0.781vw 1.406vw 0 rgba(167, 165, 165, 0.38); left: 50%; -webkit-transform: translateX(-50%) translateY(100%); -moz-transform: translateX(-50%) translateY(100%); -ms-transform: translateX(-50%) translateY(100%); -o-transform: translateX(-50%) translateY(100%); transform: translateX(-50%) translateY(100%); -webkit-border-radius: 0.521vw; -moz-border-radius: 0.521vw; border-radius: 0.521vw; padding: 0 0.625vw; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .head_nav li.dropdown:hover .dropdown_menu { display: block; background: #fff; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; z-index: 1000; } .head_nav li.dropdown .dropdown_menu a { color: #333; font-weight: normal; width: auto; height: 2.292vw; line-height: 2.292vw; border-top: 0.052vw solid #d8e1ea; font-size: 0.885vw; white-space: nowrap; } .head_nav li.dropdown .dropdown_menu a:hover, .head_nav li.dropdown .dropdown_menu a.active { color: #9c0100; } .head_nav li.dropdown .dropdown_menu a:first-child { border-top: none; } .head_nav li.dropdown i { width: 0.833vw; height: 0.833vw; display: block; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background: url(../imgs/1index/sel.png) no-repeat right center; -webkit-background-size: 100% 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; font-family: AdobeHeitiStd-Regular; font-size: 0.938vw; font-weight: bold; font-stretch: normal; letter-spacing: 0vw; color: #ffffff; } .head_nav li.dropdown:hover i { -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .head_nav li.active, .head_nav li:hover { /* background: #275285; */ /* font-weight: bold; */ } .head_nav li.active::after { display: block; content: ""; /* width: 1.563vw; */ height: 0.26vw; border: 0; position: absolute; /* top: 2.396vw; */ bottom: 0; /* left: 50%; */ /* transform: translateX(-50%); */ background: #fff; /* border-radius: 5.208vw; */ left: 0; right: 0; } .index_slidebox { margin-bottom: 0.781vw; } .tempWrap, .tempWrap .pic, .tempWrap .pic li, .tempWrap .pic a, .tempWrap .pic img, .tempWrap .pic div { width: 100%; height: 100%; } .tempWrap .pic div { display: none; background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .slidel { width: 40.729vw; } .slidel .focusBox { position: relative; width: 100%; height: 27.604vw; overflow: hidden; text-align: left; } .slidel .focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 2.865vw; width: 100%; background: rgba(0, 0, 0, 0.5); overflow: hidden; } .slidel .focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 2.865vw; width: 100%; overflow: hidden; } .slidel .focusBox .txt ul { position: relative; height: 100%; } .slidel .focusBox .txt li { height: 2.865vw; line-height: 2.865vw; position: absolute; /* bottom: -2.865vw; */ bottom: 0; font-size: 0.833vw; width: 75%; } .slidel .focusBox .txt li a { display: block; color: white; padding: 0 0 0 0.781vw; text-decoration: none; word-break: keep-all; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .slidel_m { display: none; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 3vw; overflow: hidden; } .slidel_m div { overflow: hidden; } .slidel_md { font-family: Oswald-Bold; font-size: 4vw; font-weight: normal; font-stretch: normal; letter-spacing: 2px; color: #ffb5b5; position: relative; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; text-align: center; } .slidel_line { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; width: 1px; height: 14px; margin-left: 7px; margin-right: 10px; background: rgba(190, 203, 219, 0.4); } .slidel_info div { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .slidel_names { font-family: MicrosoftYaHei; font-size: 4vw; font-weight: bold; font-stretch: normal; letter-spacing: 1px; color: #ffffff; } .slidel_desc { font-family: MicrosoftYaHei; font-size: 3vw; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #edacac; margin-top: 8px; } .slidel .focusBox .num { position: absolute; z-index: 3; bottom: 1.042vw; right: 0; } .slidel .focusBox .num li { float: left; position: relative; width: 0.625vw; height: 0.625vw; line-height: 0.625vw; overflow: hidden; text-align: center; margin-right: 0.521vw; cursor: pointer; z-index: 1; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .slidel .focusBox .num li.on, .focusBox .num li:hover { background: #bc2e2b; } .slide { margin-top: 2.188vw; } .slider { width: 41.667vw; background-color: #f4f7fc; /* box-shadow: #f3f3f3 0vw 0vw 0.781vw; */ } .two-tab { height: auto; /* height: 27.604vw; */ padding: 0 1.667vw; /* margin-top: 2.188vw; */ } .two-tab .layui-tab { width: 100%; } .two-tab .layui-tab-content { padding: 0 10px; } .two-tab .layui-tab-item { position: relative; } .tit_tab { font-family: MicrosoftYaHei-Bold; font-size: 1.563vw; font-weight: normal; font-stretch: normal; letter-spacing: 0vw; color: #9c0100; height: 4.167vw; line-height: 4.167vw; /* margin-top: 0.781vw; */ border-bottom: 0.26vw solid #9c0100; } .tit_tab_en { font-family: MicrosoftYaHei-Bold; font-size: 4vw; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #e6eaf0; display: none; padding-left: 9px; } .two-tab .layui-tab-title li { /* width: 7.083vw; */ height: 3.281vw; line-height: 3.281vw; background-color: #ffffff; font-family: MicrosoftYaHei; font-size: 1.042vw; font-weight: normal; font-stretch: normal; letter-spacing: 0vw; color: #333333; min-width: auto; margin-right: 0.625vw; padding: 0 0.781vw; } .two-tab .layui-tab-title .layui-this { font-family: MicrosoftYaHei; font-weight: bold; font-stretch: normal; letter-spacing: 0vw; color: #ffffff; background: #9c0100; position: relative; } .two-tab .layui-tab-title .layui-this:after { display: none; } .two-tab .layui-tab-title { position: relative; left: 0; height: auto; /* border-bottom: 0.208vw solid #275287; */ border: none; margin-top: 0.39vw; margin-bottom: 0.39vw; } .two-tab .layui-tab-bar { display: none; } .two-tab .layui-tab-content { padding: 0; /* margin-top: 2.083vw; */ } .more { font-family: MicrosoftYaHei; font-size: 0.885vw; font-weight: normal; font-stretch: normal; letter-spacing: 0vw; color: #8f959f; position: absolute; right: 0; top: -6.771vw; } /* 内容 */ .left-box { float: left; width: 24%; } .right-box { float: right; width: 75.7%; } .zk-box { width: 28.646vw; } .panel-group>.panel:first-child .panel-heading { -webkit-border-radius: 0.208vw 0.208vw 0 0; -moz-border-radius: 0.208vw 0.208vw 0 0; border-radius: 0.208vw 0.208vw 0 0; } .panel-group .panel { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: #f3f3f3 0vw 0vw 0.781vw; -moz-box-shadow: #f3f3f3 0vw 0vw 0.781vw; box-shadow: #f3f3f3 0vw 0vw 0.781vw; margin-bottom: 0.469vw !important; } .panel-group .panel+.panel { margin-top: 0; } .panel { border: 0 !important; } .panel:last-child { border-bottom: none; } .panel-group>.panel:first-child .panel-heading { -webkit-border-radius: 0.208vw 0.208vw 0 0; -moz-border-radius: 0.208vw 0.208vw 0 0; border-radius: 0.208vw 0.208vw 0 0; } .panel-group .panel+.panel { margin-top: 0; } .panel-heading { background-color: #275287; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; border: none; color: #fff; padding: 0.625vw 0.521vw !important; } .panel-title a { display: block; color: #fff; position: relative; font-size: 0.833vw; font-weight: 400; } .zk-img { float: left; margin: -0.26vw 0.26vw 0 0; } .zk-txt { font-weight: bold; font-size: 0.833vw; } /* #bs-collapse icon scale option */ .panel-heading {} .panel-heading a:before { content: "展开∨"; position: absolute; font-family: "Material Icons"; right: 0vw; top: 0.052vw; font-size: 0.833vw; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .panel-heading.active a:before { content: " "; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } #bs-collapse .panel-heading a:after { content: " "; position: absolute; font-family: "Material Icons"; right: 0vw; top: 0.052vw; font-size: 0.833vw; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } #bs-collapse .panel-heading.active a:after { content: "收起∧"; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .panel-body { background: #fff; padding: 0 !important; } .panel:last-child .panel-body { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .zc-list { font-size: 0.729vw; margin: 0; } .zc-list li { font-size: 0.833vw; padding: 0 0.26vw 0 1.302vw; height: 1.875vw; line-height: 1.875vw; border-bottom: 0.052vw solid #f2f2f2; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; position: relative; } .zc-list li:last-child { border-bottom: 0; } .zc-list li::before { content: ""; position: absolute; left: 0.521vw; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background: #3c85d7; width: 0.417vw; height: 0.417vw; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .zc-list li a { color: #333; } .zc-list li a:hover { color: #1a87f3 !important; } .right-box-title { font-size: 0.729vw; padding: 0.521vw 0 1.146vw 0; } .right-box-title img { width: 0.833vw; height: 0.833vw; float: left; margin: 0.104vw 0.26vw 0 0; } .right-box-title li { float: left; } .right-box-title li span { margin: 0 0.26vw; } .right-box-title li a { color: #333; } /* .right-box-title li a:hover { color: #1a87f3 !important; } */ .right-box-title li a.active { color: #1a87f3 !important; } .zxpc-list { font-size: 0.729vw; margin: 0; background: #fff; -webkit-box-shadow: #f3f3f3 0vw 0vw 0.781vw; -moz-box-shadow: #f3f3f3 0vw 0vw 0.781vw; box-shadow: #f3f3f3 0vw 0vw 0.781vw; padding: 0vw 1.042vw; height: 32.708vw; } .zxpc-list li { font-size: 0.833vw; height: 2.708vw; line-height: 2.708vw; border-bottom: 0.052vw solid #f2f2f2; } .zxpc-list li:last-child { border-bottom: 0; } .zxpc-list li img { width: 1.146vw; height: 1.146vw; float: left; margin: 0.781vw 0.26vw 0 0; } .zxpc-list li div { width: 37.5vw; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; float: left; } .zxpc-list li span { float: right; color: #999; font-size: 0.729vw; } .zxpc-list li a { color: #333; } .zxpc-list li a:hover { color: #1a87f3 !important; } .zxpc-details { font-size: 0.729vw; margin: 0; background: #fff; -webkit-box-shadow: #f3f3f3 0vw 0vw 0.781vw; -moz-box-shadow: #f3f3f3 0vw 0vw 0.781vw; box-shadow: #f3f3f3 0vw 0vw 0.781vw; padding: 0vw 1.042vw; height: 32.708vw; text-align: center; } .zxpc-details-title { font-weight: bold; font-size: 1.042vw; padding: 1.563vw 0 0.26vw 0; } .zxpc-details-span { margin-bottom: 1.042vw; } .zxpc-details-span span { color: #999; font-size: 0.729vw; margin: 0 0.521vw; } .zxpc-details-img img { width: 17.188vw; height: 11.979vw; margin: 0 auto; } .zxpc-details-txt p { font-size: 0.729vw; margin-top: 1.302vw; text-align: left; /* text-indent: 2em; */ } .performance_appraisal { margin: 0.26vw 0.781vw; } .performance_appraisal .layui-table th { padding: 0.313vw 0.781vw; font-weight: bold; text-align: center; background: #e8f6ff; color: #167ddf; } .performance_appraisal .layui-table td { position: relative; padding: 0.26vw 0.781vw; min-height: 1.042vw; line-height: 1.042vw; font-size: 0.729vw; } .performance_appraisal .pm1 { background: url(../imgs/pm1.png) no-repeat center; -webkit-background-size: 1.25vw 1.25vw; -moz-background-size: 1.25vw 1.25vw; -o-background-size: 1.25vw 1.25vw; background-size: 1.25vw 1.25vw; } .performance_appraisal .pm2 { background: url(../imgs/pm2.png) no-repeat center; -webkit-background-size: 1.25vw 1.25vw; -moz-background-size: 1.25vw 1.25vw; -o-background-size: 1.25vw 1.25vw; background-size: 1.25vw 1.25vw; } .performance_appraisal .pm3 { background: url(../imgs/pm3.png) no-repeat center; -webkit-background-size: 1.25vw 1.25vw; -moz-background-size: 1.25vw 1.25vw; -o-background-size: 1.25vw 1.25vw; background-size: 1.25vw 1.25vw; } .download-list { font-size: 0.729vw; margin: 0; background: #fff; -webkit-box-shadow: #f3f3f3 0vw 0vw 0.781vw; -moz-box-shadow: #f3f3f3 0vw 0vw 0.781vw; box-shadow: #f3f3f3 0vw 0vw 0.781vw; padding: 0vw 1.042vw; height: 32.708vw; } .download-list li { font-size: 0.833vw; border-bottom: 0.052vw solid #f2f2f2; height: 2.917vw; margin-top: 0.313vw; } .download-list li:last-child { border-bottom: 0; } .download-list .download-l { float: left; margin: 0.495vw 0.781vw 0 0; } .download-list .download-list-title { float: left; } .download-list .download-list-title span { color: #999; font-size: 0.625vw; } .download-list .download-list-title div { width: 36.458vw; font-size: 0.729vw; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; margin-top: 0.26vw; } .download-list .download { float: right; text-align: center; font-size: 0.625vw; color: #3b92ee; } .download-list .download img { margin: 0.052vw auto; } .download-list li a { color: #333; } .download-list li a:hover { color: #1a87f3 !important; } .polic-top { background: url(../imgs/12.png); width: 100%; height: 3.75vw; } .polic-list { background: #fff; padding: 0.26vw 1.302vw 1.042vw 1.563vw; } .polic-list-title { background: #275287; color: #fff; font-weight: bold; font-size: 0.833vw; height: 2.083vw; line-height: 2.083vw; } .polic-list-title img { float: left; margin: 0.365vw 0.26vw 0 0.781vw; } .polic-list-box { background: #f5f5f5; margin-top: 1.042vw; } .polic-list-box-l { float: left; margin: 0.521vw 0.781vw; } .polic-list-box-l img { width: 7.552vw; height: 9.115vw; border: 0.052vw solid #eee; } .polic-list-box-r { font-size: 0.729vw; float: left; width: 84%; } .polic-list-box-r div { font-weight: bold; font-size: 0.833vw; color: #265288; border-bottom: 0.156vw solid #265288; padding: 0.781vw 0 0.26vw 0; } .polic-list-box-r li { margin-top: 0.521vw; height: 1.25vw; line-height: 1.25vw; } .polic-list-box-r li img { float: left; margin-right: 0.26vw; } .polic-list-box-r li span { font-weight: bold; } .tt-bg { background: url(../imgs/tt-bg.png); width: 100%; height: 6.771vw; margin-bottom: 0.781vw; position: relative; } .tt-bg::before { content: ""; position: absolute; top: -0.469vw; left: -0.313vw; background: url(../imgs/tt.png); width: 5.26vw; height: 5.417vw; } .tt-title { font-size: 1.302vw; font-weight: bold; color: #ff9939; text-shadow: 0vw 0.156vw 0.156vw #fff; text-align: center; padding: 0.781vw 0 0.26vw 0; } .tt-txt { width: 90%; margin: 0 auto; font-size: 0.833vw; line-height: 1.563vw; word-break: break-all; overflow: hidden; position: relative; } .tt-txt a { position: absolute; bottom: 0; right: 0; color: #e25e67; font-weight: bold; } .newest_list { height: 2.083vw; line-height: 2.083vw; font-size: 0.833vw; color: #1a87f3; border-bottom: 0.052vw dashed #cfddf6; margin-bottom: 0.26vw; } .newest_list_zx { float: left; background: url(../imgs/zx.png) no-repeat center; width: 2.083vw; text-align: center; font-size: 0.625vw; color: #fff; margin-right: 0.26vw; } .newest_list_time { float: right; font-size: 0.729vw; } .newest_list a { width: 75%; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; float: left; color: #1a87f3; text-decoration: none; } .newest_list a:hover { color: #1a87f3; } .index_list { color: #333; } .index_list li { padding: 0; padding-top: 0.417vw; font-size: 0.833vw; } .index_list_zs { list-style: none; } .index_list li a { font-family: MicrosoftYaHei; font-size: 0.938vw; font-weight: normal; font-stretch: normal; letter-spacing: 0vw; color: #333333; width: 80%; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: inline-block; text-decoration: none; } .index_list li span { font-family: MicrosoftYaHei; font-size: 0.938vw; font-weight: normal; font-stretch: normal; letter-spacing: 0vw; color: #666666; float: right; /* padding: 0.26vw 0; */ } .index_list li:hover, .index_list li:hover a, .index_list li:hover span { color: #c30000 !important; } .il_m { width: 100% !important; display: none !important; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .il_m div { overflow: hidden; } .il_md { font-family: Oswald-Bold; font-size: 4vw; font-weight: normal; font-stretch: normal; letter-spacing: 3px; color: #8d0000; /* flex */ -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; text-align: center; } .il_line { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; width: 1px; height: 14px; margin-left: 7px; margin-right: 10px; background: rgba(190, 203, 219, 0.4); } .il_info div { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .il_names { font-family: MicrosoftYaHei; font-size: 3vw; font-weight: bold; font-stretch: normal; letter-spacing: 1px; color: #333333; } .il_desc { font-family: MicrosoftYaHei; font-size: 3vw; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #666666; margin-top: 8px; } .bottom-title { font-weight: bold; font-size: 0.938vw; color: #325b8d; border-bottom: 0.208vw solid #325b8d; padding: 0.781vw 0 0.26vw 0; position: relative; } .bottom-title a { font-weight: normal; color: #275287; position: absolute; right: 0.521vw; top: 0vw; font-size: 0.729vw; } .flex-bmfw-l { float: left; margin: 0.521vw 0; } .flex-bmfw-l li { background: #ffffff; -webkit-box-shadow: #f3f3f3 0vw 0vw 0.781vw; -moz-box-shadow: #f3f3f3 0vw 0vw 0.781vw; box-shadow: #f3f3f3 0vw 0vw 0.781vw; width: 10.417vw; height: 12.5vw; text-align: center; font-weight: bold; font-size: 0.833vw; margin: 0.26vw 0; position: relative; } .flex-bmfw-l li span { color: #4e90d9; width: 100%; position: absolute; bottom: 3.646vw; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 999; } .flex-bmfw-l li:hover { background: #3a85d6; } .flex-bmfw-l li:hover span { color: #fff !important; } .flex-bmfw-l li a { width: 100%; height: 100%; display: block; } .flex-bmfw-l li:nth-child(1) a { background: url(../imgs/jw1.png) no-repeat center; background-position-y: 3.229vw; } .flex-bmfw-l li:hover:nth-child(1) a { background: url(../imgs/jw1s.png) no-repeat center; background-position-y: 3.229vw; } .flex-bmfw { float: left; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0.521vw 0; width: 52.083vw; } .flex-bmfw li { background: #ffffff; color: #355e8d; -webkit-box-shadow: #f3f3f3 0vw 0vw 0.781vw; -moz-box-shadow: #f3f3f3 0vw 0vw 0.781vw; box-shadow: #f3f3f3 0vw 0vw 0.781vw; width: 12.5vw; height: 5.99vw; margin: 0.26vw 0 0.26vw 0.521vw; text-align: center; font-weight: bold; font-size: 0.833vw; float: left; position: relative; } .flex-bmfw li span { color: #275288; width: 100%; position: absolute; bottom: 1.042vw; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 999; } .flex-bmfw li:hover { background: #3a85d6; } .flex-bmfw li:hover span { color: #fff !important; } .flex-bmfw li a { width: 100%; height: 100%; display: block; } .flex-bmfw li:nth-child(1) a { background: url(../imgs/jw2.png) no-repeat center; background-position-y: 0.781vw; } .flex-bmfw li:hover:nth-child(1) a { background: url(../imgs/jw2s.png) no-repeat center; background-position-y: 0.781vw; } .flex-bmfw li:nth-child(2) a { background: url(../imgs/jw3.png) no-repeat center; background-position-y: 0.781vw; } .flex-bmfw li:hover:nth-child(2) a { background: url(../imgs/jw3s.png) no-repeat center; background-position-y: 0.781vw; } .flex-bmfw li:nth-child(3) a { background: url(../imgs/jw3.png) no-repeat center; background-position-y: 0.781vw; } .flex-bmfw li:hover:nth-child(3) a { background: url(../imgs/jw4s.png) no-repeat center; background-position-y: 0.781vw; } .flex-bmfw li:nth-child(4) a { background: url(../imgs/jw5.png) no-repeat center; background-position-y: 0.781vw; } .flex-bmfw li:hover:nth-child(4) a { background: url(../imgs/jw5s.png) no-repeat center; background-position-y: 0.781vw; } .flex-bmfw li:nth-child(5) a { background: url(../imgs/jw6.png) no-repeat center; background-position-y: 0.781vw; } .flex-bmfw li:hover:nth-child(5) a { background: url(../imgs/jw6s.png) no-repeat center; background-position-y: 0.781vw; } .flex-bmfw li:nth-child(6) a { background: url(../imgs/jw7.png) no-repeat center; background-position-y: 0.781vw; } .flex-bmfw li:hover:nth-child(6) a { background: url(../imgs/jw7s.png) no-repeat center; background-position-y: 0.781vw; } .flex-bmfw li:nth-child(7) a { background: url(../imgs/jw8.png) no-repeat center; background-position-y: 0.781vw; } .flex-bmfw li:hover:nth-child(7) a { background: url(../imgs/jw8s.png) no-repeat center; background-position-y: 0.781vw; } .flex-bmfw li:nth-child(8) a { background: url(../imgs/jw9.png) no-repeat center; background-position-y: 0.781vw; } .flex-bmfw li:hover:nth-child(8) a { background: url(../imgs/jw9s.png) no-repeat center; background-position-y: 0.781vw; } .index-bottom-l { /* float: left; */ /* width: 76%; */ } .index-bottom-r { float: right; width: 24%; } .index-bottom-l-flex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .index-bottom-l-flex .li { width: 49.5%; margin-right: 1%; } .index-bottom-l-flex .li:nth-child(2n) { margin-right: 0; } .two-tabs .layui-tab-title li { font-weight: bold; padding: 0; width: 30%; font-size: 0.938vw; } .two-tabs .layui-tab-title .layui-this { color: #fff; background: #275287; } .two-tabs .layui-tab-title .layui-this:after { width: 100%; height: 2.135vw; border: 0; } .two-tabs .layui-tab-title { position: relative; left: 0; height: 2.292vw; border-bottom: 0.208vw solid #275287; } .two-tabs .layui-tab-content { padding: 0; } .two-tabs .more { color: #275287; position: absolute; right: 0.521vw; top: -1.875vw; } .two-tabs .index_list { color: #333; padding: 0.521vw 0.521vw 0 0.521vw; background: #ffffff; /* box-shadow: #f3f3f3 0vw 0vw 0.781vw; */ } .two-tabs .index_list li span { color: #999; float: right; font-size: 0.729vw; padding: 0; } .index_list li:before { content: ""; width: 0.469vw; height: 0.469vw; float: left; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #c30000; margin-right: 0.365vw; margin-top: 0.365vw; } .flex-tpxw { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; background: #ffffff; -webkit-box-shadow: #f3f3f3 0vw 0vw 0.781vw; -moz-box-shadow: #f3f3f3 0vw 0vw 0.781vw; box-shadow: #f3f3f3 0vw 0vw 0.781vw; margin-right: 1%; } .flex-tpxw li { margin: 0.781vw 0.5% 0 0.5%; width: 24.5%; } .flex-tpxw li img { width: 100%; height: 5.208vw; } .flex-tpxw li div { width: 100%; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: inline-block; margin-top: 0.26vw; font-size: 0.729vw; } .flex-tpxw li a { color: #333; } .flex-tpxw li a:hover { color: #1a87f3 !important; } .flex-tpxw { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; background: #ffffff; -webkit-box-shadow: #f3f3f3 0vw 0vw 0.781vw; -moz-box-shadow: #f3f3f3 0vw 0vw 0.781vw; box-shadow: #f3f3f3 0vw 0vw 0.781vw; margin-right: 1%; } .index-bottom-r-top { background: #ffffff; -webkit-box-shadow: #f3f3f3 0vw 0vw 0.781vw; -moz-box-shadow: #f3f3f3 0vw 0vw 0.781vw; box-shadow: #f3f3f3 0vw 0vw 0.781vw; margin: 0.521vw 0; } .index-bottom-r-bottom { background: #ffffff; -webkit-box-shadow: #f3f3f3 0vw 0vw 0.781vw; -moz-box-shadow: #f3f3f3 0vw 0vw 0.781vw; box-shadow: #f3f3f3 0vw 0vw 0.781vw; height: 16.979vw; } .index-bottom-r-title { height: 1.823vw; } .index-bottom-r-title div { background: url(../imgs/18.png); width: 5.729vw; height: 1.823vw; line-height: 1.823vw; font-weight: bold; color: #fff; font-size: 0.833vw; text-align: center; float: left; } .index-bottom-r-title a { font-weight: normal; color: #275287; float: right; margin: 0.521vw 0.521vw 0 0; font-size: 0.729vw; } .cyxt-flex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.26vw 0; } .cyxt-flex li { width: 33.3%; text-align: center; margin: 0.104vw 0; } .cyxt-flex li img { margin: 0 auto; } .cyxt-flex li div { font-size: 0.729vw; color: #467ae0; } .zbap_list { color: #333; padding-top: 0.365vw; } .zbap_list li { padding: 0.156vw 0.521vw; font-size: 0.833vw; } .zbap_list li:before { content: ""; width: 0.417vw; height: 0.417vw; float: left; background: #c6dff5; margin-right: 0.365vw; margin-top: 0.365vw; } .zbap_list li a { width: 90%; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: inline-block; color: #333; text-decoration: none; } .zbap_list li a:hover { color: #1a87f3; } .ckxq { position: absolute; right: -20.833vw; top: 13.021vw; width: 20.313vw; background: #ffffff; -webkit-box-shadow: #dedede 0vw 0vw 1.042vw; -moz-box-shadow: #dedede 0vw 0vw 1.042vw; box-shadow: #dedede 0vw 0vw 1.042vw; padding: 0.781vw; } .ckxq img { width: 100%; height: 9.896vw; } .ckxq div { text-align: right; color: #68bffe; font-size: 0.729vw; margin-bottom: 0.26vw; } .ckxq div a { color: #68bffe; } /*底部*/ .footer-top { text-align: center; color: #b9b9b9; background: url(../imgs/3.png); width: 100%; height: 11.458vw; } .footer-top-l { line-height: 11.458vw; float: left; color: #fff; font-weight: bold; font-size: 1.563vw; letter-spacing: 0.104vw; width: 30.5%; } .index-slser-flex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; /* padding: 1.823vw 4.271vw; */ width: 50%; } .index_slser { /* flex: 1; */ margin: 1.042vw 0.781vw; width: 19.531vw; height: 2.135vw; float: left; position: relative; background: #fff5f5; /* border: 0.104vw solid #3b7ccd; */ /* border-radius: 0.26vw; */ padding: 0 0.781vw; } .index_slser text { width: 14.063vw; height: 100%; position: relative; margin: 0 !important; } .index_slser text i { width: 1.042vw; height: 1.042vw; display: block; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); background: url(../imgs/1index/sel1.png) no-repeat right center; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .index_slser text i.up { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .inputselser { width: 100%; height: 100%; line-height: 2.865vw; text-align: left; cursor: pointer; background: none; outline: 0; font-family: SourceHanSansCN-Regular; font-size: 0.938vw; font-weight: normal; font-stretch: normal; letter-spacing: 0vw; color: #000000; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; padding-right: 1vw; } .selsubdlser { width: 100%; background: #f3f5f9; position: absolute; left: 0; top: 0; /* bottom: 0; */ -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); z-index: 99; display: none; } .selsubdlser dt { color: #333; cursor: pointer; -webkit-transition: 0.2s; -o-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; height: 2.2em; line-height: 2.2em; font-size: 0.885vw; text-align: center; font-weight: normal; } .selsubdlser a { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; padding: 0 0.781vw; color: inherit; } .selsubdlser dt:hover, .selsubdlser dt.active { background: #3466a5; color: #f3f5f9; } .footer { /* padding: 1.042vw 0; */ /* text-align: center; */ color: #b9b9b9; background: #125eb2; } .footcopy { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 1.563vw; } .footcopy p { line-height: 1.458vw; font-size: 0.729vw; } .cat_item, .cat_c { display: block; color: #fff !important; } .cat_item { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin: 0.521vw; } .cat_tit { font-family: SourceHanSansCN-Bold; font-size: 0.938vw; font-weight: bold; font-stretch: normal; letter-spacing: 0vw; color: #ffffff; } .cat_c { font-family: SourceHanSansCN-Regular; font-size: 0.885vw; font-weight: normal; font-stretch: normal; letter-spacing: 0vw; color: #999999; margin: 0.781vw 0.104vw; } a.cat_c:hover { color: #9c0100 !important; } .cat_c a { display: inline; color: inherit !important; } .cat_cof { text-align: left; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; overflow: hidden; } .cat_cof .cat_c { font-family: SourceHanSansCN-Regular; /* font-size: 0.99vw; */ font-size: 0.833vw; font-weight: normal; font-stretch: normal; letter-spacing: 0vw; color: #ffffff; } .footcopy-l { height: 3.854vw; line-height: 3.854vw; float: left; text-align: left; color: #fff; font-weight: bold; font-size: 1.563vw; letter-spacing: 0.104vw; margin: 0.26vw 0vw 0.26vw 1.563vw; border-right: 0.052vw solid #787878; width: 28%; } .footcopy-l img { float: left; width: 3.125vw; height: 3.125vw; margin: 0.625vw 0.781vw; } .return_top { width: 2.083vw; height: 2.083vw; position: fixed; right: 0; bottom: 0; background: url(../imgs/return_top.png) no-repeat; display: none; cursor: pointer; }