@charset "utf-8"; /* CSS Document */ ::-webkit-scrollbar { width: 5px; height: 5px; } ::-webkit-scrollbar-track { border-radius: 0; background: rgba(255, 255, 255, 0); } ::-webkit-scrollbar-thumb { border-radius: 5px; background: #aaaaaa; } ::-webkit-scrollbar-thumb:hover { border-radius: 5px; background: #aaaaaa; } @font-face { font-family: "albb"; src: url("../fonts/albb_regular.eot"); src: url("../fonts/albb_regular.eot?#iefix") format("embedded-opentype"), url("../fonts/albb_regular.woff") format("woff"), url("../fonts/albb_regular.ttf") format("truetype"), url("../fonts/albb_regular.svg#albb") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "albb_black"; src: url("../fonts/albb_black.eot"); src: url("../fonts/albb_black.eot?#iefix") format("embedded-opentype"), url("../fonts/albb_black.woff") format("woff"), url("../fonts/albb_black.ttf") format("truetype"), url("../fonts/albb_black.svg#albb_black") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "albb_bold"; src: url("../fonts/albb_bold.eot"); src: url("../fonts/albb_bold.eot?#iefix") format("embedded-opentype"), url("../fonts/albb_bold.woff") format("woff"), url("../fonts/albb_bold.ttf") format("truetype"), url("../fonts/albb_bold.svg#albb_bold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "albb_extrabold"; src: url("../fonts/albb_extrabold.eot"); src: url("../fonts/albb_extrabold.eot?#iefix") format("embedded-opentype"), url("../fonts/albb_extrabold.woff") format("woff"), url("../fonts/albb_extrabold.ttf") format("truetype"), url("../fonts/albb_extrabold.svg#albb_extrabold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "albb_heavy"; src: url("../fonts/albb_heavy.eot"); src: url("../fonts/albb_heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/albb_heavy.woff") format("woff"), url("../fonts/albb_heavy.ttf") format("truetype"), url("../fonts/albb_heavy.svg#albb_heavy") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "albb_light"; src: url("../fonts/albb_light.eot"); src: url("../fonts/albb_light.eot?#iefix") format("embedded-opentype"), url("../fonts/albb_light.woff") format("woff"), url("../fonts/albb_light.ttf") format("truetype"), url("../fonts/albb_light.svg#albb_light") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "albb_medium"; src: url("../fonts/albb_medium.eot"); src: url("../fonts/albb_medium.eot?#iefix") format("embedded-opentype"), url("../fonts/albb_medium.woff") format("woff"), url("../fonts/albb_medium.ttf") format("truetype"), url("../fonts/albb_medium.svg#albb_medium") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "albb_thin"; src: url("../fonts/albb_thin.eot"); src: url("../fonts/albb_thin.eot?#iefix") format("embedded-opentype"), url("../fonts/albb_thin.woff") format("woff"), url("../fonts/albb_thin.ttf") format("truetype"), url("../fonts/albb_thin.svg#albb_thin") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "din"; src: url("../fonts/din.eot"); src: url("../fonts/din.eot?#iefix") format("embedded-opentype"), url("../fonts/din.woff") format("woff"), url("../fonts/din.ttf") format("truetype"), url("../fonts/din.svg#din") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "savoyelet"; src: url("../fonts/savoyelet.eot"); src: url("../fonts/savoyelet.eot?#iefix") format("embedded-opentype"), url("../fonts/savoyelet.woff") format("woff"), url("../fonts/savoyelet.ttf") format("truetype"), url("../fonts/savoyelet.svg#savoyelet") format("svg"); font-weight: normal; font-style: normal; } root { --hover_color: #254194; } body { font-family: 'albb', Arial, 'Microsoft Yahei', '寰蒋闆呴粦', SimSun, Arial, tahoma, arial !important; margin: 0; padding: 0; font-style: normal !important; font-variant: normal !important; color: #222; font-size: 12px; } html { font-size: 62.5%; } a { color: #222; text-decoration: none; outline: none; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } a:hover { color: #254194; text-decoration: none; outline: none; } a:focus { outline: none; text-decoration: none; } .clear { clear: both; font-size: 0px; line-height: 0; height: 0; } * html .clearfix { zoom: 1; } *:first-child + html .clearfix { zoom: 1; } .cell, .cell2, .cell3 { border-collapse: collapse; border-spacing: 0; } .fl { float: left; } .fr { float: right; } a, img { border: 0px; } br { font-family: SimSun; } p { margin: 0px; padding: 0px; line-height: 1.75; } i { margin: 0px; padding: 0px; font-style: normal; } ul { margin: 0px; padding: 0px; list-style: none; } ul li { margin: 0px; padding: 0px; list-style: none; } br { margin: 0px; padding: 0px; } .clearheight { width: 100%; height: 1px; overflow: hidden; } input, select, textarea { font-family: 'albb', Arial, 'Microsoft Yahei', '寰蒋闆呴粦', SimSun, Arial, tahoma, arial !important; outline: none;-webkit-tap-highlight-color:rgba(0,0,0,0); } input::-ms-clear, input::-ms-reveal { display: none; } input[type="text"]:disabled { background-color: #999; } input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666; } input:-ms-input-placeholder { color: #666; } input::-webkit-input-placeholder { color: #666; } input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea, button { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 100px white inset; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } input[type=button], input[type=text], input[type=password] { -webkit-appearance: none; outline: none; } a, a:hover, a:active, a:visited, a:link, a:focus { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; outline: none; background: none; text-decoration: none; } /*loading*/ .loading { width: 100%; height: 100%; overflow: hidden; position: fixed; left: 0px; top: 0px; z-index: 9998; display: block; } .loading b.b1 { width: 100%; height: 100%; display: block; overflow: hidden; background-color: #004c98; position: absolute; left: 0px; top: 0%; } .container { width: 100%; } .section { width: 100%; background-color: #fff; } .section .pagefr_n { width: 100%; height: calc(100vh); overflow: hidden; display: flex; display: -webkit-flex; align-items: center; justify-content: center; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .section.active .pagefr_n { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); } @-webkit-keyframes an_0 { 0% { box-shadow: 0 0 0px 0px rgba(24, 152, 242, 0); } 50% { box-shadow: 0 0 10px 3px rgba(24, 152, 242, 0.6); } 100% { box-shadow: 0 0 0px 0px rgba(24, 152, 242, 0); } } @keyframes an_0 { 0% { box-shadow: 0 0 0px 0px rgba(24, 152, 242, 0); } 50% { box-shadow: 0 0 10px 3px rgba(24, 152, 242, 0.6); } 100% { box-shadow: 0 0 0px 0px rgba(24, 152, 242, 0); } } @-webkit-keyframes an_02 { 0% { transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); } 100% { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); } } @keyframes an_02 { 0% { transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); } 100% { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); } } .an_02 { -webkit-animation-name: an_02; animation-name: an_02; } @-webkit-keyframes an_01 { 0% { transform: scale(0.99, 0.99); -moz-transform: scale(0.99, 0.99); -webkit-transform: scale(0.99, 0.99); } 50% { transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); } 100% { transform: scale(0.99, 0.99); -moz-transform: scale(0.99, 0.99); -webkit-transform: scale(0.99, 0.99); } } @keyframes an_01 { 0% { transform: scale(0.99, 0.99); -moz-transform: scale(0.99, 0.99); -webkit-transform: scale(0.99, 0.99); } 50% { transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); } 100% { transform: scale(0.99, 0.99); -moz-transform: scale(0.99, 0.99); -webkit-transform: scale(0.99, 0.99); } } @-webkit-keyframes an_03 { 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0.5; } } @keyframes an_03 { 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0.5; } } .an_03 { -webkit-animation-name: an_03; animation-name: an_03; } .an_zdy { -webkit-animation-name: an_zdy; animation-name: an_zdy; } @-webkit-keyframes an_04 { 0% { transform: translateY(-0.05rem); -webkit-transform: translateY(-0.05rem); -moz-transform: translateY(-0.05rem); } 50% { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); } 100% { transform: translateY(-0.05rem); -webkit-transform: translateY(-0.05rem); -moz-transform: translateY(-0.05rem); } } @keyframes an_04 { 0% { transform: translateY(-0.05rem); -webkit-transform: translateY(-0.05rem); -moz-transform: translateY(-0.05rem); } 50% { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); } 100% { transform: translateY(-0.05rem); -webkit-transform: translateY(-0.05rem); -moz-transform: translateY(-0.05rem); } } @-webkit-keyframes an_04_01 { 0% { transform: translateY(-0.03rem); -webkit-transform: translateY(-0.03rem); -moz-transform: translateY(-0.03rem); transform: scale(1.06, 1.06); -moz-transform: scale(1.06, 1.06); -webkit-transform: scale(1.06, 1.06); } 50% { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: scale(1.06, 1.06); -moz-transform: scale(1.06, 1.06); -webkit-transform: scale(1.06, 1.06); } 100% { transform: translateY(-0.03rem); -webkit-transform: translateY(-0.03rem); -moz-transform: translateY(-0.03rem); transform: scale(1.06, 1.06); -moz-transform: scale(1.06, 1.06); -webkit-transform: scale(1.06, 1.06); } } @keyframes an_04_01 { 0% { transform: translateY(-0.03rem); -webkit-transform: translateY(-0.03rem); -moz-transform: translateY(-0.03rem); transform: scale(1.06, 1.06); -moz-transform: scale(1.06, 1.06); -webkit-transform: scale(1.06, 1.06); } 50% { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: scale(1.06, 1.06); -moz-transform: scale(1.06, 1.06); -webkit-transform: scale(1.06, 1.06); } 100% { transform: translateY(-0.03rem); -webkit-transform: translateY(-0.03rem); -moz-transform: translateY(-0.03rem); transform: scale(1.06, 1.06); -moz-transform: scale(1.06, 1.06); -webkit-transform: scale(1.06, 1.06); } } @-webkit-keyframes an_05 { 0% { transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -webkit-transform: scale(0.9, 0.9); opacity: 1; } 50% { transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); opacity: 0.2; } 100% { transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -webkit-transform: scale(0.9, 0.9); opacity: 1; } } @keyframes an_05 { 0% { transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -webkit-transform: scale(0.9, 0.9); opacity: 1; } 50% { transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); opacity: 0.2; } 100% { transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -webkit-transform: scale(0.9, 0.9); opacity: 1; } } @-webkit-keyframes an_06 { 0% { opacity: 1; transform: scale(0.96, 0.96) translateY(0) translateX(0); -moz-transform: scale(0.96, 0.96) translateY(0) translateX(0); -webkit-transform: scale(0.96, 0.96) translateY(0) translateX(0); } 25% { opacity: 0.6; transform: scale(1, 1) translateY(-10px) translateX(-10px); -moz-transform: scale(1, 1) translateY(-10px) translateX(-10px); -webkit-transform: scale(1, 1) translateY(-10px) translateX(-10px); } 50% { opacity: 0.5; transform: scale(1, 1) translateY(-10px) translateX(10px); -moz-transform: scale(1, 1) translateY(-10px) translateX(10px); -webkit-transform: scale(1, 1) translateY(-10px) translateX(10px); } 75% { opacity: 0.6; transform: scale(1, 1) translateY(-10px) translateX(0px); -moz-transform: scale(1, 1) translateY(-10px) translateX(0px); -webkit-transform: scale(1, 1) translateY(-10px) translateX(0px); } 100% { opacity: 1; transform: scale(0.96, 0.96) translateY(0) translateX(0); -moz-transform: scale(0.96, 0.96) translateY(0) translateX(0); -webkit-transform: scale(0.96, 0.96) translateY(0) translateX(0); } } @keyframes an_06 { 0% { opacity: 1; transform: scale(0.96, 0.96) translateY(0) translateX(0); -moz-transform: scale(0.96, 0.96) translateY(0) translateX(0); -webkit-transform: scale(0.96, 0.96) translateY(0) translateX(0); } 25% { opacity: 0.6; transform: scale(1, 1) translateY(-10px) translateX(-10px); -moz-transform: scale(1, 1) translateY(-10px) translateX(-10px); -webkit-transform: scale(1, 1) translateY(-10px) translateX(-10px); } 50% { opacity: 0.5; transform: scale(1, 1) translateY(-10px) translateX(10px); -moz-transform: scale(1, 1) translateY(-10px) translateX(10px); -webkit-transform: scale(1, 1) translateY(-10px) translateX(10px); } 75% { opacity: 0.6; transform: scale(1, 1) translateY(-10px) translateX(0px); -moz-transform: scale(1, 1) translateY(-10px) translateX(0px); -webkit-transform: scale(1, 1) translateY(-10px) translateX(0px); } 100% { opacity: 1; transform: scale(0.96, 0.96) translateY(0) translateX(0); -moz-transform: scale(0.96, 0.96) translateY(0) translateX(0); -webkit-transform: scale(0.96, 0.96) translateY(0) translateX(0); } } @-webkit-keyframes an_07 { 0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); } 50% { transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); } 100% { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); } } @keyframes an_07 { 0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); } 50% { transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); } 100% { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); } } /*common*/ *{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);} .in_body { min-height: 100vh; position: relative; opacity: 0; background-color: #fff; } .other_body { min-height: 100vh; position: relative; opacity: 0; background-color: #fff; } .home_body { overflow: hidden; height: 100vh; } .wrap { width: 100%; margin: 0px auto; padding: 0px; } .wrap_in { max-width: 14.4rem; margin: 0px auto; } .wrap_c { max-width: 12rem; margin: 0px auto; } .w_wap { display: none !important; } .inbg_01 { overflow: hidden; width: 100%; background: url("../images/bg_01.jpg") center top no-repeat; background-size: cover; border-bottom: 0.02rem solid #dce1ef; } .topfr { overflow: visible; height: 1rem; position: fixed; left: 0px; top: 0px; z-index: 9999; background-color: #fff; -moz-box-shadow: 0px 0.12rem 0.3rem rgba(20, 66, 196, 0.1); -webkit-box-shadow: 0px 0.12rem 0.3rem rgba(20, 66, 196, 0.1); box-shadow: 0px 0.12rem 0.3rem rgba(20, 66, 196, 0.1); } .topfr .fl { height: 1rem; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .topfr .fl img { display: block; height: 0.6rem; } .t_menu { float: left; } .t_menu ul li { float: left; margin-right: 0.4rem; position: relative; } .t_menu ul li .tm_t { width: 100%; height: 1rem; font-size: 0.2rem; color: #000; position: relative; z-index: 9999; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .t_menu ul li .tm_t a { color: #000; } .t_menu ul li .tm_t a:hover { color: #254194; } .t_menu ul li .tm_c { position: absolute; left: 0px; top: 0px; z-index: 9990; display: none; } .t_menu ul li .tm_c .tmc_c { width: 3rem; overflow: hidden; background-color: #fff; border-radius: 0.12rem; margin-top: 1.03rem; } .t_menu ul li .tm_c .tmc_c dl { width: 100%; overflow: hidden; display: flex; display: -webkit-flex; justify-content: space-around; margin: 0px; padding: 0.3rem 0.3rem 0.2rem 0.3rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .t_menu ul li .tm_c .tmc_c dl dd { margin: 0px; padding: 0px; } .t_menu ul li .tm_c .tmc_c dl dd a { width: 100%; display: block; overflow: hidden; } .t_menu ul li .tm_c .tmc_c dl dd:last-child{display: none;} .t_menu ul li .tm_c .tmc_c dl dd>span{display: flex; align-items: center; height: 100%;} .t_menu ul li .tm_c .tmc_c dl dd em { display: block; position: relative; font-style: normal; } .t_menu ul li .tm_c .tmc_c dl dd em.em1 { text-align: center; display: none; } .t_menu ul li .tm_c .tmc_c dl dd em.em1 i { display: inline-block; position: relative; } .t_menu ul li .tm_c .tmc_c dl dd em.em1 img { width: 0.6rem; display: block; background-color: #f2f2f2; border-radius: 0.16rem; } .t_menu ul li .tm_c .tmc_c dl dd em.em1 img.img2 { position: absolute; left: 0px; top: 0px; opacity: 0; } .t_menu ul li .tm_c .tmc_c dl dd em.em2 { text-align: center; font-size: 0.18rem; color: #1c1c1c; line-height: 1.5; margin-top: 0.1rem; position: relative; padding-bottom: 0.1rem; } .t_menu ul li .tm_c .tmc_c dl dd em.em2::before { content: ""; width: 0.12rem; height: 0.06rem; display: block; position: absolute; left: 50%; display: none; margin-left: -0.06rem; bottom: 0px; overflow: hidden; background: url("../images/xl_01.png") center no-repeat; background-size: 100%; } .t_menu ul li .tm_c .tmc_c dl dd a:hover em.em1 img { background-color: #004099; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .t_menu ul li .tm_c .tmc_c dl dd a:hover em.em1 img.img2 { opacity: 1; } .t_menu ul li .tm_c .tmc_c dl dd a:hover em.em1 img.img1 { opacity: 0; } .t_menu ul li .tm_c .tmc_c dl dd a:hover em.em2 { color: #004099; } .t_menu ul li .tm_c .tmc_c dl dd a:hover em.em2::before { display: block; } .t_menu ul li .tm_c .tmc_c1 { width: 9.6rem; margin-left: -3.5rem; } .t_menu ul li .tm_c .tmc_c2 { width: 5.3rem; margin-left: -2rem; } .t_menu ul li .tm_c .tmc_c3 { width: 2.4rem; margin-left: -0.8rem; } .t_menu ul li .tm_c .tmc_c4 { width: 3.4rem; margin-left: -1.3rem; } .t_menu ul li .tm_c .tmc_c5 { width: 3.4rem; margin-left: -1.13rem; } .t_menu ul li.on .tm_t a { color: #014099; } .t_menu ul li.on .tm_t::before { content: ""; width: 100%; height: 0.03rem; display: block; overflow: hidden; background-color: #264295; position: absolute; left: 0px; bottom: 0px; } .t_menu ul li.on1 .tm_t a { color: #014099; } .t_menu ul li.on1 .tm_t::before { content: ""; width: 100%; height: 0.03rem; display: block; overflow: hidden; background-color: #264295; position: absolute; left: 0px; bottom: 0px; } .t_menu ul li.on1 .tm_c { display: block; } .t_sch { float: left; width: 2.6rem; height: 0.4rem; margin-top: 0.3rem; position: relative; border: 0.01rem solid #cccccc; border-radius: 0.4rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .t_sch input.tsch_txt { width: 100%; height: 100%; font-size: 0.16rem; color: #222; overflow: hidden; border-radius: 0.4rem; position: absolute; left: 0px; top: 0px; border: 0px; padding: 0px 0.2rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .t_sch input.tsch_btn { width: 0.24rem; height: 100%; cursor: pointer; border: 0px; background: url("../images/t_01.svg") center no-repeat; background-size: 100%; position: absolute; right: 0.18rem; top: 0px; } .top_empty { overflow: hidden; height: 1rem; } /* .top_on{height:.6rem;} .top_on .fl{height:.6rem;} .top_on .fl img{height:.4rem;} .top_on .t_menu ul li .tm_t{height:.6rem;font-size:.18rem;} .top_on .t_sch{margin-top:.1rem;} */ .in_01 { overflow: hidden; } .banner_slide { width: 100%;max-width:1920px;margin:0px auto;padding:0px; overflow: hidden; z-index: 999; position: relative; } .banner_slide .swiper-slide { width: 100%; overflow: hidden; } .banner_slide .swiper-slide .bs_bg { width: 100%; overflow: hidden; position: relative; left: 0px; top: 0px; } .banner_slide .swiper-slide .bs_bg img{width:100%;display:block;} .banner_slide .swiper-slide .bs_bg video{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;} .banner_slide .swiper-slide .bs_bg b { width: 100%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; transition: 5s linear; -webkit-transition: 5s linear; -o-transition: 5s linear; -moz-transition: 5s linear; } .banner_slide .swiper-slide .bs_c { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .banner_slide .swiper-slide .bs_c .bsc_txt { width: 100%; overflow: hidden; opacity: 0; } .banner_slide .swiper-slide .bs_c p { width: 100%; overflow: hidden; opacity: 0; } .banner_slide .swiper-slide .bs_c p.p1 { font-size: 0.6rem; color: #222; line-height: 1.5; } .banner_slide .swiper-slide .bs_c p.p2 { font-size: 0.24rem; color: #c2c2c2; line-height: 1.3; text-transform: uppercase; margin-top: 0.3rem; } .banner_slide .swiper-slide-active .bs_bg b { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .banner_slide .bs_sp { width: 100%; overflow: hidden; position: absolute; left: 0px; bottom: 0.6rem !important; z-index: 999; text-align: center; } .banner_slide .bs_sp span { width: 0.4rem; height: 0.08rem; background-color: #d1d9eb; opacity: 1; margin: 0px 0.1rem; border-radius: 0.04rem; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0); } .banner_slide .bs_sp span.swiper-pagination-bullet-active { background-color: #dd9610; } .in_02 { overflow: hidden; } .in_02fr { width: 100%; overflow: hidden; padding-top: 0.6rem; display: flex; display: -webkit-flex; align-items: flex-start; justify-content: space-between; } .in_02fr .fl { width: 27%; overflow: hidden; } .in_02fr .fl img { width: 100%; display: block; margin-top: .4rem; } .in_02fr .fl img.on { -webkit-animation: an_07 2.1s linear; animation: an_07 2.1s linear; } .in_02fr .fr { width: calc(73% - 0.8rem); overflow: hidden; } .in_02fr .fr p { width: 100%; overflow: hidden; } .in_02fr .fr p.p1 { font-size: 0.42rem; color: #272727; line-height: 1.25rem; position: relative; margin-bottom: 0.3rem; } .in_02fr .fr p.p1 b { width: 100%; height: 0.01rem; display: block; overflow: hidden; background-color: #e2e3e3; position: absolute; left: 0px; bottom: 0px; } .in_02fr .fr p.p2 { font-size: 0.2rem; color: #666; line-height: 1.75; } .in_02fr .fr p.p3 { text-align: right; margin-top: 0.3rem; } .in_02fr .fr p.p3 a { display: inline-block; line-height: 0.5rem; padding: 0px 0.3rem; background-color: #eff2fa; border-radius: 0.5rem; font-size: 0.2rem; color: #254194; } .in_02fr .fr p.p3 a span { display: inline-block; background: url("../images/in_01.png") right center no-repeat; background-size: 0.24rem; padding-right: 0.5rem; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .in_02fr .fr p.p3 a:hover { background-color: #254194; color: #fff; } .in_02fr .fr p.p3 a:hover span { background: url("../images/in_01_on.png") right center no-repeat; background-size: 0.24rem; } .in_03 { overflow: visible; margin-top: 0.9rem; } .in_03 ul { width: 100%; overflow: visible; display: flex; display: -webkit-flex; align-items: center; justify-content: space-between; } .in_03 ul li { background: url("../images/in_02.png") no-repeat; background-size:cover; padding: 0.4rem 0.3rem; border-radius: 0.2rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .in_03 ul li { width: calc((100% - 0.4rem) / 3); display: flex; display: -webkit-flex; align-items: center; justify-content: space-around; overflow: hidden; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .in_03 ul li .lb1 { line-height: 0.8rem; font-size: 0.6rem; color: #1c4195; font-weight: bold; float: left; display:flex; } .in_03 ul li .lb1 i{white-space:nowrap; } .in_03 ul li .lb2 { float: right; margin-left: 0.2rem; min-width: 2.2rem;width:100%; } .in_03 ul li .lb2 span { width: 100%; display: block; overflow: hidden; } .in_03 ul li .lb2 span.sp1 { font-size: 0.2rem; color: #222222; line-height: 0.3rem; position: relative; } .in_03 ul li .lb2 span.sp1::before { content: ""; width: 0.5rem; height: 100%; display: block; background: url("../images/in_03.png") center no-repeat; background-size: 100%; position: absolute; right: 0px; top: 0px; } .in_03 ul li .lb2 span.sp2 { font-size: 0.14rem; color: #666; line-height: 1.1;display:none; } .in_03 ul li:hover { -moz-box-shadow: 0px 0.12rem 0.3rem rgba(20, 66, 196, 0.1); -webkit-box-shadow: 0px 0.12rem 0.3rem rgba(20, 66, 196, 0.1); box-shadow: 0px 0.12rem 0.3rem rgba(20, 66, 196, 0.1); } .in_04 { overflow: visible; padding-top: 1.2rem; } .in_04_t { width: 100%; overflow: hidden; position: relative; } .in_04_t .lb1 { float: left; height: 0.5rem; line-height: 0.5rem; } .in_04_t .lb1 b { width: 0.12rem; height: 0.39rem; float: left; display: block; overflow: hidden; margin-top: 0.07rem; background: url("../images/in_05.png") center no-repeat; background-size: 100%; } .in_04_t .lb1 span { float: left; font-size: 0.42rem; color: #272727; margin-left: 0.3rem; } .in_04_t a { float: right; line-height: 0.5rem; padding: 0px 0.3rem; background-color: #fff; border-radius: 0.5rem; font-size: 0.2rem; color: #254194; } .in_04_t a span { display: inline-block; background: url("../images/in_01.png") right center no-repeat; background-size: 0.24rem; padding-right: 0.5rem; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .in_04_t a:hover { background-color: #254194; color: #fff; } .in_04_t a:hover span { background: url("../images/in_01_on.png") right center no-repeat; background-size: 0.24rem; } .in_04_c { width: 100%;max-width:80%;margin:0px auto;padding:0px; overflow: hidden; position: relative; margin-top: 0.3rem; } .in_04_c img.img1 { width: 100%; display: block; } .in_04_c img.img2 { width: 100%; display: block; position: absolute; left: 0px; top: 0px; } .in_04_c img.img3 { width: 100%; display: block; position: absolute; left: 0px; top: 0px; -webkit-animation: an_03 1.1s linear infinite; animation: an_03 1.1s linear infinite; } .in_04_c img.img4 { width: 100%; display: block; position: absolute; left: 0px; top: 0px; -webkit-animation: an_04 1.6s linear infinite; animation: an_04 1.6s linear infinite; } .in_04_c img.img4_a { width: 100%; display: block; position: absolute; left: 0px; top: 0px; } .in_04_c img.img5 { width: 100%; display: block; position: absolute; left: 0px; top: 0px; -webkit-animation: an_04 1.6s linear infinite; animation: an_04 1.6s linear infinite; } .in_04_c img.img5_a { width: 100%; display: block; position: absolute; left: 0px; top: 0px; } .in_04_c img.img6 { width: 100%; display: block; position: absolute; left: 0px; top: 0px; -webkit-animation: an_04 1.6s linear infinite; animation: an_04 1.6s linear infinite; } .in_04_c img.img6_a { width: 100%; display: block; position: absolute; left: 0px; top: 0px; } .in_04_c img.img7 { width: 100%; display: block; position: absolute; left: 0px; top: 0px; -webkit-animation: an_04 1.6s linear infinite; animation: an_04 1.6s linear infinite; } .in_04_c img.img7_a { width: 100%; display: block; position: absolute; left: 0px; top: 0px; } .in_04c_a a { position: absolute; display: block; } .in_04c_a a.a1 { width: 13.5%; height: 6.2%; left: 22.6%; top: 32.98%; } .in_04c_a a.a2 { width: 13.5%; height: 6.2%; left: 9.5%; top: 75.98%; } .in_04c_a a.a3 { width: 13.5%; height: 6.2%; left: 71.99%; top: 75.98%; } .in_04c_a a.a4 { width: 13.5%; height: 6.2%; left: 81.9%; top: 40.7%; } .in_04c_a a.a5{width:35%;height:55%;left:37%;top:10%;} .in_05 { overflow: hidden; margin-top: 0.7rem; } .in_05_c { width: 100%; overflow: hidden; margin-top: 0.6rem; background-color: rgba(255, 255, 255, 0.7); border-radius: 0.15rem; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; display: flex; } .in_05_c a { width: 50%; display: block; overflow: hidden; display: flex; display: -webkit-flex; justify-content: space-around; } .in_05_c em { display: block; overflow: hidden; font-style: normal; position: relative; } .in_05_c em.em1{ width: 50%;} .in_05_c em.em1 b { width: 100%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .in_05_c em.em1 img { width: 100%; display: block; } .in_05_c em.em2 { padding: 0.9rem 0.6rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; } .in_05_c span { width: 100%; display: block; overflow: hidden; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .in_05_c span.sp1 { font-size: 0.2rem; color: #666; line-height: 0.3rem; } .in_05_c span.sp1 i { display: inline-block; /* background: url("../images/in_04.png") left center no-repeat; background-size: 0.22rem; padding-left: 0.4rem;*/ } .in_05_c span.sp2 { font-size: 0.24rem; color: #222; line-height: 0.38rem; margin-top: 0.1rem; } .in_05_c span.sp3 { margin-top: 0.1rem; font-size: 0.18rem; color: #666; line-height: 0.28rem; max-height: 0.84rem; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; display: -webkit-box; } .in_05_c span.sp4 { margin-top: 0.5rem; font-size: 0.2rem; color: #254194; } .in_05_c span.sp4 i { display: inline-block; background: url("../images/in_01.png") right center no-repeat; background-size: 0.24rem; padding-right: 0.48rem; } .in_05_c:hover { -moz-box-shadow: 0px 0.12rem 0.3rem rgba(20, 66, 196, 0.1); -webkit-box-shadow: 0px 0.12rem 0.3rem rgba(20, 66, 196, 0.1); box-shadow: 0px 0.12rem 0.3rem rgba(20, 66, 196, 0.1); } .in_05_c:hover em.em1 b { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .in_05_c:hover span.sp2 { color: #254194; } .in_05_b { width: 100%; overflow: visible; padding-top: 0.7rem; margin-bottom: 1rem; } .in_05_b ul { width: 100%; overflow: visible; display: flex; display: -webkit-flex; justify-content: space-between; } .in_05_b ul li { width: calc((100% - 1.2rem) / 3); overflow: hidden; border-bottom: 0.02rem solid #e3eaf2; padding-bottom: 0.5rem; } .in_05_b ul li span { width: 100%; display: block; overflow: hidden; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .in_05_b ul li span.sp1 { font-size: 0.2rem; color: #666; line-height: 0.3rem; } .in_05_b ul li span.sp1 i { display: inline-block; /*background: url("../images/in_04.png") left center no-repeat; background-size: 0.22rem; padding-left: 0.4rem;*/ } .in_05_b ul li span.sp2 { font-size: 0.24rem; color: #222; line-height: 0.38rem; height: 0.76rem; margin-top: 0.1rem; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; } .in_05_b ul li span.sp3 { margin-top: 0.1rem; font-size: 0.18rem; color: #666; line-height: 0.28rem; max-height: 0.56rem; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; } .in_05_b ul li span.sp4 { margin-top: 0.5rem; font-size: 0.2rem; color: #254194; } .in_05_b ul li span.sp4 i { display: inline-block; background: url("../images/in_01.png") right center no-repeat; background-size: 0.24rem; padding-right: 0.48rem; } .in_05_b ul li:hover span.sp2 { color: #254194; } .btn_01 { overflow: hidden; background: url("../images/btn_02.jpg") center no-repeat; background-size: cover; padding: 0.5rem 0px; } .btn_01 .wrap_in { display: flex; display: -webkit-flex; align-items: center; justify-content: space-between; } .btn_01 .fl .lb1 { display: inline-block; background: url("../images/btn_01.png") left center no-repeat; background-size: 0.53rem; padding-left: 0.84rem; min-height: 0.65rem; } .btn_01 .fl .lb1 span { width: 100%; display: block; overflow: hidden; } .btn_01 .fl .lb1 span.sp1 { font-size: 0.28rem; color: #222222; line-height: 1.1; } .btn_01 .fl .lb1 span.sp2 { font-size: 0.42rem; color: #254294; line-height: 1.5; } .btn_01 .fr label { display: inline-block; } .btn_01 .fr label:nth-child(2) { margin-left: 0.6rem; } .btn_01 .fr label img { display: block; margin: 0px auto; padding: 0px; height: 1rem; } .btn_01 .fr label span { width: 100%; display: block; overflow: hidden; font-size: 0.16rem; color: #666; line-height: 1.4; text-align: center; margin-top: 0.1rem; } .btn_02 { overflow: hidden; background: url("../images/btn_03.jpg") center no-repeat; background-size: cover; } .btn02_link { width: 100%; overflow: hidden; border-top: 0.02rem solid #e9ecf4; line-height: 1.5; padding: 0.2rem 0px; border-bottom: 0.02rem solid #e9ecf4; font-size: 0.2rem; color: #000; } .btn02_link span { float: left; } .btn02_link a { float: left; color: #000; } .btn02_link a:hover { color: #014099; } .btn02_link i { float: left; margin: 0px 0.2rem; line-height: 1; margin-top: 0.04rem; } .btn02_b { width: 100%; overflow: hidden; padding-top: 0.6rem; padding-bottom: 0.6rem; } .btn02_b p { width: 100%; overflow: hidden; text-align: center; } .btn02_b p img { display: block; margin: 0px auto; padding: 0px; height: 0.5rem; } .btn02_b p.p2 { margin-top: 0.2rem; font-size: 0.16rem; color: #666; line-height: 1.75; } .btn02_b p.p3 { font-size: 0.16rem; color: #666; line-height: 1.75; } .btn_01_other { background: none; background-color: #fff; border-top: 0.02rem solid #dce1ef; } .btn_02_other { background: none; background-color: #fff; } .subfr { overflow: hidden; position: relative; } .subfr img.img1 { width: 100%;max-width:1920px;margin:0px auto;padding:0px; display: block; } .subfr img.img1.w_wap{display: none !important} .subfr video { width: 100%; display: block; position: absolute; left: 0px; top: 0px; } .sub_c { width: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; height: 100%; display: flex; display: -webkit-flex; align-items: center; justify-content: flex-start; } .subc_c { width: 100%; overflow: hidden; } .subc_c p { width: 100%; overflow: hidden; } .subc_c p.p1 { font-size: 0.52rem; color: #014099; font-weight: bold; line-height: 1.5; font-family: albb_extrabold; letter-spacing: 0.06rem; } .subc_c p.p2 { font-size: 0.28rem; color: #014099; line-height: 1.5; margin-top: 0.1rem; letter-spacing: 0.06rem; } .subc_c1 p { text-align: center; } .subc_c1 p.p1 { color: #fff; } .subc_c1 p.p2 { color: #fff; } .subc_c2 p.p1 { color: #fff; } .subc_c2 p.p2 { color: #fff; } .subc_c3 p.p1 { color: #000; } .subc_c3 p.p2 { color: #000; } .subcc_not p.p1 { letter-spacing: 0px; } .subcc_not p.p2 { letter-spacing: 0px; } .lxwm_01 { overflow: hidden; padding-top: 0.8rem; padding-bottom: 1rem; } .lxwm_01_t { width: 100%; overflow: hidden; text-align: center; font-size: 0.32rem; font-family: albb_SemiBold; color: #222; line-height: 1.5; position: relative; padding-bottom: 0.3rem;font-weight:bold; } .lxwm_01_t b { width: 0.4rem; height: 0.08rem; display: block; overflow: hidden; background: url("../images/lxwm_01.png") center no-repeat; background-size: 100% 100%; position: absolute; left: 50%; bottom: 0px; margin-left: -0.2rem; } .lxwm_01_c { width: 100%; overflow: hidden; margin-top: 0.6rem; background-color: #fff; border-radius: 0.18rem; -moz-box-shadow: 0px 0px 0.6rem rgba(0, 0, 0, 0.06); -webkit-box-shadow: 0px 0px 0.6rem rgba(0, 0, 0, 0.06); box-shadow: 0px 0px 0.6rem rgba(0, 0, 0, 0.06); } .lxwm_01c_map { width: 100%; height: 5rem; overflow: hidden; position: relative; } .anchorBL { display: none; } .xwm_01c_b { width: 100%; overflow: hidden; } .xwm_01c_b ul { width: calc(100% - 1.2rem); margin: 0.4rem auto; padding: 0px; overflow: hidden; display: flex; display: -webkit-flex; align-items: center; justify-content: space-between; } .xwm_01c_b ul li { position: relative; min-height: 0.55rem; padding-left: 0.7rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .xwm_01c_b ul li i { width: 0.55rem; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .xwm_01c_b ul li img { width: 100%; display: block; } .xwm_01c_b ul li label { width: 100%; display: block; overflow: hidden; } .xwm_01c_b ul li span { width: 100%; display: block; overflow: hidden; } .xwm_01c_b ul li span.sp1 { font-size: 0.18rem; color: #666; line-height: 1.5; } .xwm_01c_b ul li span.sp2 { font-size: 0.24rem; color: #222; line-height: 1.5; } .lxwm_02 { overflow: hidden; } .lxwm_02_c { width: 100%; overflow: hidden; margin-top: 0.4rem; } .lxwm_02_c ul li { width: 100%; overflow: hidden; margin-bottom: 0.2rem; } .lxwm_02_c ul li label { width: 48%; float: left; display: block; overflow: hidden; margin-right: 4%; } .lxwm_02_c ul li label:nth-child(2) { margin-right: 0px; } .lxwm_02_c ul li span { width: 100%; display: block; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .lxwm_02_c ul li span.sp1 { font-size: 0.18rem; color: #222; line-height: 1.5; padding-left: 0.08rem; } .lxwm_02_c ul li span.sp2 { margin-top: 0.1rem; } .lxwm_02_c ul li span.sp2 input.lxwm_02_txt { width: 100%; display: block; font-size: 0.18rem; height: 0.6rem; padding: 0px 0.3rem; color: #222; border: 0.01rem solid #dedede; border-radius: 0.1rem; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .lxwm_02_c ul li span.sp2 select { width: 100%; height: 0.6rem; background: url("../images/lxwm_02.png") right center no-repeat; background-size: 0.3rem; padding: 0px 0.3rem; border: 0.01rem solid #dedede; border-radius: 0.1rem; font-size: 0.18rem; color: #222; } .lxwm_02_c ul li span.sp2 textarea { width: 100%; height: 1.8rem; border: 0.01rem solid #dedede; border-radius: 0.1rem; padding: 0.1rem 0.3rem; font-size: 0.18rem; color: #222; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .lxwm_02_b { widtH: 100%; overflow: hidden; text-align: center; margin-top: 0.4rem; } .lxwm_02_b input { height: 0.5rem; padding: 0px 0.5rem; background-color: #1c4295; font-size: 0.2rem; color: #fff; border-radius: 0.5rem; border: 0px; cursor: pointer; } .lxwm_03 { overflow: hidden; margin-top: 1rem; } .lxwm_03_c { width: 100%; overflow: hidden; margin-top: 0.13rem; } .lxwm_03_c ul { width: 100%; overflow: hidden; display: flex; display: -webkit-flex; align-items: center; justify-content: space-between; } .lxwm_03_c ul li { width: 2.2rem; overflow: hidden; text-align: center; } .lxwm_03_c ul li img { width: 100%; display: block; } .lxwm_03_c ul li span { width: 100%; display: block; overflow: hidden; text-align: center; font-size: 0.18rem; color: #222; line-height: 1.5; margin-top: 0.2rem; } .btn_empty { overflow: hidden; height: 1.2rem; } .nav_01fr { overflow: hidden; background-color: #fff; position: relative; text-align: center; } .nav_01fr::before { content: ""; width: 100%; height: 0.01rem; display: block; overflow: hidden; background-color: #e3e9ef; position: absolute; left: 0px; bottom: 0px; } .nav_01fr ul { font-size: 0px; } .nav_01fr ul li { display: inline-block; margin: 0px 0.3rem; } .nav_01fr ul li:first-child { margin-left: 0px; } .nav_01fr ul li:last-child { margin-right: 0px; } .nav_01fr ul li a { display: inline-block; font-size: 0.24rem; position: relative; color: #000; height: 1rem; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .nav_01fr ul li a::before { content: ""; width: 0%; height: 0.03rem; display: block; overflow: hidden; background-color: #264295; position: absolute; left: 50%; bottom: 0px; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .nav_01fr ul li:hover a { color: #264295; } .nav_01fr ul li:hover a::before { width: 100%; left: 0px; } .nav_01fr ul li.on a { color: #264295; } .nav_01fr ul li.on a::before { width: 100%; left: 0px; } .mt_01 { overflow: hidden; margin-top: 0.6rem; } .mt_01 ul li { width: 100%; overflow: hidden; padding: 0.4rem 0px; border-bottom: 0.01rem solid #d0d8df; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .mt_01 ul li a { width: 100%; display: block; overflow: hidden; display: flex; display: -webkit-flex; justify-content: space-between; } .mt_01 ul li em { display: block; font-style: normal; } .mt_01 ul li em span { width: 100%; display: block; overflow: hidden; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .mt_01 ul li em.em1 { width: 0.84rem; } .mt_01 ul li em.em1 .sp1 { font-size: 0.3rem; color: #666; line-height: 1.3; } .mt_01 ul li em.em1 .sp2 { font-size: 0.24rem; color: #666; line-height: 1.3; } .mt_01 ul li em.em2 { width: calc(100% - 0.84rem - 0.55rem - 2rem); overflow: hidden; } .mt_01 ul li em.em2 .sp1 { font-size: 0.24rem; color: #1f1f1f; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; } .mt_01 ul li em.em2 .sp2 { font-size: 0.16rem; color: #666; line-height: 0.26rem; margin-top: 0.05rem; max-height: 0.52rem; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; } .mt_01 ul li em.em2 .sp3 { font-size: 0.16rem; color: #666; line-height: 1.5; margin-top: 0.05rem; display: none; } .mt_01 ul li em.em3 { width: 2rem; display: flex; display: -webkit-flex; align-items: center; justify-content: flex-end; } .mt_01 ul li em.em3 b { width: 0.45rem; height: 0.3rem; margin-right: 0.2rem; display: block; overflow: hidden; background: url("../images/mt_01.png") center no-repeat; background-size: 0.24rem; float: right; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .mt_01 ul li:hover em.em2 .sp1 { color: #254194; } .mt_01 ul li:hover em.em3 b { margin-right: 0.05rem; background: url("../images/mt_02.png") center no-repeat #1c4295; background-size: 0.24rem; } .mt_01 ul li:hover { border-bottom: 0.01rem solid #254194; } .mt_01 ul li.li1{text-align:center;border-bottom:0px;} .mt_01 ul li.li1 label{display:inline-block;} .mt_01 ul li.li1 label img{display:block;margin:0px auto;padding:0px;height:1.5rem;} .mt_01 ul li.li1 label span{width:100%;display:block;overflow:hidden;text-align:center;font-size:.16rem;color:#666;line-height:1.5;margin-top:.1rem;} .pagesfr { overflow: hidden; text-align: center; margin-top: 0.8rem; } .pagesfr em { display: inline-block; font-style: normal; font-size: 0.14rem; color: #363636; } .pagesfr a { float: left; display: inline-block; line-height: 0.4rem; padding: 0px 0.15rem; background-color: #fff; margin: 0px 0.05rem; border: 0.01rem solid #dbdbdb; color: #363636; } .pagesfr a:hover { background-color: #1c4295; color: #fff; border: 0.01rem solid #1c4295; } .pagesfr a.on { background-color: #1c4295; color: #fff; border: 0.01rem solid #1c4295; } .pagesfr i { float: left; margin: 0px 0.05rem; line-height: 0.4rem; } .pagesfr span { float: left; line-height: 0.4rem; } .pagesfr span.sp1 { margin-left: 0.2rem; } .pagesfr span.sp2 { margin-right: 0.2rem; } .pagesfr input { float: left; margin: 0px 0.1rem; height: 0.4rem; padding: 0px; border: 0.01rem solid #dbdbdb; width: 0.4rem; text-align: center; font-size: 0.14rem; color: #363636; } .pagesfr input.sure_btn{ border: 0.01rem solid #dbdbdb; background: #fff; width:auto;height:.44rem;padding:0px .1rem;cursor:pointer;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear; } .pagesfr input.sure_btn:hover{ border: 0.01rem solid #1c4295; background: #1c4295;color:#fff;} .nxq_01 { overflow: hidden; margin-top:.6rem; } .nxq_01 .wrap_c { overflow: hidden; background-color: #fff; border-radius: 0.2rem; } .nxq_01_t { width: 100%; overflow: hidden; padding: 0px 0.6rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .nxq_01_t h1 { margin: 0px; padding: 0px; font-size: 0.32rem; color: #222; line-height: 1.5; text-align: center; margin-top: 0.6rem; font-weight: normal; } .nxq_01_t p { width: 100%; overflow: hidden; padding: .1rem 0px 0.15rem 0px; text-align: center; font-size: 0.2rem; color: #999; line-height: 1.5; border-bottom: 0.01rem solid #eee; } .nxq_01_t p span { display: inline-block; } .nxq_01_c { width: 100%; overflow: hidden; padding: 0.4rem 0.6rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .nxq_01_c p { width: 100%; overflow: hidden; font-size: 0.18rem; color: #444; line-height: 1.75; margin-bottom: 0.2rem; } .nxq_01_c img { max-width: 100%; height: auto !important; } .nxq_01_b { width: 100%; overflow: hidden; padding: 0.4rem 0.6rem 1rem 0.6rem; font-size: 0.18rem; color: #444; line-height: 1.5; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative; } .nxq_01_b::before { content: ""; width: calc(100% - 1.2rem); height: 0.01rem; display: block; overflow: hidden; background-color: #eee; position: absolute; left: 0.3rem; top: 0px; } .nxq_01_b a { float: left; max-width: 49%; margin-right: 2%; } .nxq_01_b a:nth-child(2) { float: right; margin-right: 0; } .nxq_01_b span { display: inline-block; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .nxq_01_b span.sp1 { background: url("../images/nxq_01.png") left center no-repeat; background-size: 0.07rem; padding-left: 0.2rem; } .nxq_01_b span.sp1:hover { background: url("../images/nxq_01_on.png") left center no-repeat; background-size: 0.07rem; color: #1c4295; } .nxq_01_b span.sp2 { background: url("../images/nxq_02.png") right center no-repeat; background-size: 0.07rem; padding-right: 0.2rem; } .nxq_01_b span.sp2:hover { background: url("../images/nxq_02_on.png") right center no-repeat; background-size: 0.07rem; color: #1c4295; } .shzr_01 { overflow: hidden; padding-top: 0.8rem; } .shzr_01 ul li { width: 46%; overflow: hidden; float: left; margin-right: 8%; margin-bottom: 0.4rem; } .shzr_01 ul li:nth-child(2n) { margin-right: 0px; } .shzr_01 ul li em { display: block; overflow: hidden; font-style: normal; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .shzr_01 ul li em.em1 { width: 1.6rem; border: 0.01rem solid #e0e5ef; } .shzr_01 ul li em.em1 img { width: 100%; display: block; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .shzr_01 ul li em.em2 { width: calc(100% - 1.6rem - 0.4rem); overflow: hidden; float: right; } .shzr_01 ul li em.em2 span { width: 100%; display: block; overflow: hidden; } .shzr_01 ul li em.em2 span.sp1 { font-size: 0.2rem; line-height: 1.75; border-bottom: 0.01rem solid #e1e6f0; padding-bottom: 0.2rem; font-weight: bold; } .shzr_01 ul li em.em2 span.sp2 { margin-top: 0.6rem; } .shzr_01 ul li em.em2 span.sp2 i { display: inline-block; width: 0.74rem; height: 0.4rem; border: 0.01rem solid #1c4295; border-radius: 0.4rem; background: url("../images/shzr_02.png") center no-repeat; background-size: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .shzr_01 ul li a:hover em.em1 img { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .shzr_01 ul li a:hover em.em2 span.sp1 { color: #1c4295; } .shzr_01 ul li a:hover em.em2 span.sp2 i { background: url("../images/shzr_01.png") center no-repeat #1c4295; background-size: 100%; } .tzbg_01 { overflow: hidden; padding-top: 0.5rem; } .tzbg_01 ul li { width: 100%; overflow: hidden; padding: 0.3rem 0px; border-bottom: 0.01rem solid #e1e6f0; line-height: 0.4rem; position: relative; } .tzbg_01 ul li span { font-size: 0.2rem;font-weight:bold; color: #222; display: inline-block; background: url("../images/tz_01.png") left center no-repeat; background-size: 0.12rem; padding-left: 0.3rem; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .tzbg_01 ul li::before { content: ""; width: 0.74rem; height: 0.4rem; position: absolute; right: 0px; top: 0.3rem; display: block; overflow: hidden; background: url("../images/shzr_02.png") center no-repeat; background-size: 100%; border: 0.01rem solid #1c4295; border-radius: 0.4rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .tzbg_01 ul li:hover span { color: #1c4295; } .tzbg_01 ul li:hover::before { background: url("../images/shzr_01.png") center no-repeat #1c4295;background-size:100%; } .gsgg_01 { overflow: hidden; position: relative; padding-top: 0.5rem; } .gsgg_01::before { content: ""; width: 100%; height: 0.01rem; display: block; overflow: hidden; background-color: #e3e9f0; position: absolute; left: 0px; bottom: 0px; } .gsgg_01 .wrap_c { position: relative; } .gsgg_01 .gsg_01_prev { width: 0.4rem; height: 0.4rem; display: block; overflow: hidden; background: url("../images/tz_02.png") center no-repeat; background-size: 100%; position: absolute; left: 0px; top: 0px; z-index: 999; } .gsgg_01 .gsg_01_prev:hover { background: url("../images/tz_02_on.png") center no-repeat; background-size: 100%; } .gsgg_01 .gsg_01_next { width: 0.4rem; height: 0.4rem; display: block; overflow: hidden; background: url("../images/tz_03.png") center no-repeat; background-size: 100%; position: absolute; right: 0px; top: 0px; z-index: 999; } .gsgg_01 .gsg_01_next:hover { background: url("../images/tz_03_on.png") center no-repeat; background-size: 100%; } .gsgg_01 .gsgg_01_slide { width: calc(100% - 1.3rem - 1.3rem); margin: 0px auto; padding: 0px; height: 0.82rem; overflow: hidden; } .gsgg_01 .gsgg_01_slide .swiper-slide { height: 0.4rem; width: 25%; line-height: 0.4rem; font-size: 0.2rem; color: #222; text-align: center; } .gsgg_01 .gsgg_01_slide .swiper-slide a { color: #222; display: inline-block; position: relative; height: 0.4rem; padding-bottom: 0.42rem; } .gsgg_01 .gsgg_01_slide .swiper-slide a::before { content: ""; width: 0%; height: 0.03rem; display: block; overflow: hidden; background-color: #264295; position: absolute; left: 50%; bottom: 0px; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .gsgg_01 .gsgg_01_slide .swiper-slide a:hover { color: #1c4295; } .gsgg_01 .gsgg_01_slide .swiper-slide a.on { font-size: 0.28rem; color: #1c4295; font-weight: bold; } .gsgg_01 .gsgg_01_slide .swiper-slide a.on::before { width: 100%; left: 0px; } .gsgg_02 { overflow: hidden; margin-top: 0.35rem; } .gsgg_02 ul li { width: 100%; overflow: hidden; padding: 0.4rem 0px; border-bottom: 0.01rem solid #d0d8df; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .gsgg_02 ul li a { width: 100%; display: block; overflow: hidden; display: flex; display: -webkit-flex; align-items: center; justify-content: space-between; } .gsgg_02 ul li em { display: block; font-style: normal; } .gsgg_02 ul li em span { width: 100%; display: block; overflow: hidden; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .gsgg_02 ul li em.em1 { width: 0.84rem; } .gsgg_02 ul li em.em1 .sp1 { font-size: 0.3rem; color: #666; line-height: 1.3; } .gsgg_02 ul li em.em1 .sp2 { font-size: 0.24rem; color: #666; line-height: 1.3; } .gsgg_02 ul li em.em2 { width: calc(100% - 0.84rem - 0.55rem - 1.2rem); overflow: hidden; } .gsgg_02 ul li em.em2 .sp1 { font-size: 0.2rem; color: #222; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; } .gsgg_02 ul li em.em2 .sp3 { font-size: 0.16rem; color: #666; line-height: 1.5; margin-top: 0.05rem; display: none; } .gsgg_02 ul li em.em3 { width: 1.2rem; display: flex; display: -webkit-flex; align-items: center; justify-content: flex-end; } .gsgg_02 ul li em.em3 b { width: 0.74rem; height: 0.4rem; display: block; overflow: hidden; background: url("../images/shzr_02.png") center no-repeat; background-size: 100%; border: 0.01rem solid #1c4295; border-radius: 0.4rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .gsgg_02 ul li a:hover em.em2 .sp1 { color: #1c4295; } .gsgg_02 ul li a:hover em.em3 b { background: url("../images/shzr_01.png") center no-repeat #1c4295; background-size: 100%; } .gsgg_02 ul li:hover { border-bottom: 0.01rem solid #1c4295; } .dsxy_01 { overflow: hidden; padding-top: 1rem; } .dsxy_01 ul li { width: 100%; overflow: hidden; position: relative; margin-bottom: 0.6rem; } .dsxy_01 ul li .dsxy_01_img { width: calc(100% - 0.8rem); overflow: hidden; margin: 0px auto; padding: 0px; } .dsxy_01 ul li .dsxy_01_img img { width: 100%; display: block; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .dsxy_01 ul li .dsxy_01_txt { width: 42%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; z-index: 999; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .dsxy_01 ul li:nth-child(2n) .dsxy_01_txt { left: initial; right: 0px; } .dsxy_01 ul li .dsxy_01_txt .dy1t_c { width: 100%; overflow: hidden; padding: 0.6rem 0.55rem; background-color: #f9f9f9; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .dsxy_01 ul li .dsxy_01_txt .dy1t_c p { width: 100%; overflow: hidden; } .dsxy_01 ul li .dsxy_01_txt .dy1t_c p.p1 b { width: 0.4rem; height: 0.08rem; display: block; overflow: hidden; background: url("../images/lxwm_01.png") center no-repeat; background-size: 100% 100%; } .dsxy_01 ul li .dsxy_01_txt .dy1t_c p.p2 { font-size: 0.28rem; color: #222; font-weight: bold; line-height: 1.5; margin-top: 0.2rem; font-family: albb_SemiBold; } .dsxy_01 ul li .dsxy_01_txt .dy1t_c p.p3 { font-size: 0.18rem; color: #666; line-height: 1.5; margin-top: 0.2rem; text-align: justify; text-justify: inter-ideograph; } .dsxy_01 ul li .dsxy_01_txt .dy1t_c p.p4 { font-size: 0.2rem; color: #222; line-height: 1.5; margin-top: 0.2rem; text-align: justify; text-justify: inter-ideograph; } .dsxy_01 ul li:last-child { margin-bottom: 0px; } .dsxy_01 ul li:hover .dsxy_01_img img { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .dsxy_02 { overflow: hidden; margin-top: 1rem; padding: 2rem 0px; } .dsxy_02 ul { width: 100%; overflow: hidden; display: flex; display: -webkit-flex; justify-content: space-between; } .dsxy_02 ul li em { width: 100%; display: block; overflow: hidden; font-style: normal; } .dsxy_02 ul li em.em1 img { display: block; height: 0.7rem; margin: 0px auto; padding: 0px; } .dsxy_02 ul li em.em2 span { width: 100%; display: block; overflow: hidden; text-align: center; color: #fff; } .dsxy_02 ul li em.em2 span.sp1 { font-size: 0.28rem; line-height: 1.5; margin-top: 0.3rem; } .dsxy_02 ul li em.em2 span.sp2 { font-size: 0.2rem; line-height: 1.5; margin-top: 0.05rem; } .dsxy_03 { overflow: hidden; background-color: #f4f6fa; padding-top: 0.9rem; padding-bottom: 0.8rem; } .dsxy_03_c { width: 100%; overflow: hidden; margin-top: 0.25rem; } .dsxy_03_c img { display: block; width: 100%; max-width: 6rem; margin: 0px auto; padding: 0px; } .dsxy_03_t { margin-top: 0.7rem; } .dsxy_03_c1 { width: 100%; overflow: hidden; margin-top: 0.3rem; } .dsxy_03_c1 ul { width: 100%; overflow: hidden; display: flex; display: -webkit-flex; justify-content: space-between; } .dsxy_03_c1 ul li em { width: 100%; display: block; overflow: hidden; font-style: normal; } .dsxy_03_c1 ul li em.em1 img { display: block; width: 1rem; margin: 0px auto; padding: 0px; } .dsxy_03_c1 ul li em.em2 { margin-top: 0.2rem; } .dsxy_03_c1 ul li em.em2 span { width: 100%; display: block; overflow: hidden; text-align: center; } .dsxy_03_c1 ul li em.em2 span.sp1 { font-size: 0.22rem; color: #333; line-height: 1.5; } .dsxy_03_c1 ul li em.em2 span.sp2 { font-size: 0.18rem; color: #666; line-height: 1.5; margin-top: 0.05rem; } .dsxy_04 { overflow: hidden; padding-top: 0.7rem; } .dsxy_04_c { width: 100%; overflow: visible; padding-top: 0.4rem; } .dsxy_04_c .swiper-slide { width: 100%; overflow: hidden; position: relative; padding-bottom: 0.5rem; } .dy4cs_img { width: 100%; overflow: hidden; border-radius: 0.14rem; position: relative; transform:scale(0.96);-webkit-transform:scale(0.96);-moz-transform:scale(0.96);transition:0.3s linear;-webkit-transition:0.3s linear;-o-transition:0.3s linear;-moz-transition:0.3s linear; } .dy4cs_img img{width:100%;display:block;overflow:hidden;transition:0.3s linear;-webkit-transition:0.3s linear;-o-transition:0.3s linear;-moz-transition:0.3s linear;} .dy4cs_img::before { content: ""; width: 100%; height: 100%; display: block; overflow: hidden; background-color: rgba(255, 255, 255, 0.7); position: absolute; left: 0px; top: 0px;z-index:999; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .dy4cs_txt { width: calc(100% - 1.2rem); overflow: hidden; margin: 0px auto; padding: 0.3rem 0.5rem; margin-top: -0.4rem; opacity: 0; position: relative; z-index: 99; background-color: #fff; border-radius: 0.08rem; -moz-box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .dy4cs_txt p { width: 100%; overflow: hidden; } .dy4cs_txt p.p1 { font-size: 0.24rem; color: #272727; line-height: 1.5; font-family: albb_SemiBold; font-weight: bold; } .dy4cs_txt p.p2 { font-size: 0.18rem; color: #272727; line-height: 1.5; margin-top: 0.1rem; } .dy4cs_img.on::before { background-color: rgba(255, 255, 255, 0); } .dy4cs_img.on{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);} .dy4cs_txt.on { opacity: 1; margin-top: -0.5rem; } .dsxy_04_c .swiper-slide-active:hover .dy4cs_img img { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .dsxy_04_b { width: 100%; overflow: hidden; text-align: center; } .dsxy_04b_sp span { width: 0.4rem; height: 0.08rem; display: inline-block; opacity: 1; cursor: pointer; outline: none; border-radius: 0.08rem; margin: 0px 0.05rem !important; padding: 0px !important; background-color: #eaeaea; } .dsxy_04b_sp span.swiper-pagination-bullet-active { background-color: #dd9723; } .gsjj_01 { overflow: hidden; padding-top: 1rem; } .gsjj_01 .lxwm_01_t { text-align: left; } .gsjj_01 .lxwm_01_t b { left: 0px; margin-left: 0px; } .gsjj_01_c { width: 100%; overflow: hidden; margin-top: 0.3rem; } .gsjj_01_c p { width: 100%; overflow: hidden; font-size: 0.18rem; color: #1c1c1c; line-height: 1.5; text-align: justify; text-justify: inter-ideograph; } .gsjj_01_v { width: 100%; overflow: hidden; margin-top: 0.3rem; position: relative; border-radius: 0.15rem; } .gsjj_01_v img { width: 100%; display: block; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .gsjj_01_v em { width: 100%; display: block; overflow: hidden; font-style: normal; position: absolute; left: 0px; top: 50%; margin-top: -0.6rem; } .gsjj_01_v em b { width: 0.8rem; height: 0.8rem; display: block; margin: 0px auto; padding: 0px; background: url("../images/play.png") center no-repeat; background-size: 100%; } .gsjj_01_v em span { width: 100%; display: block; overflow: hidden; text-align: center; font-size: 0.22rem; color: #fff; line-height: 0.3rem; margin-top: 0.1rem; } .gsjj_01_v:hover img { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .gsjj_02 { overflow: hidden; margin-top: 1rem; padding: 1rem 0px; } .gsjj_02 .lxwm_01_t { color: #fff; } .gsjj_02_c { width: 100%; overflow: hidden; margin-top: 0.6rem; } .gsjj_02_c ul { width: 100%; overflow: hidden; text-align: center; font-size: 0px; } .gsjj_02_c ul li { display: inline-block; } .gsjj_02_c ul li:nth-child(2) { padding: 0px 0.44rem; } .gsjj_02_c ul li p { width: 100%; overflow: hidden; color: #fff; } .gsjj_02_c ul li p.p1 img { display: block; margin: 0px auto; padding: 0px; height: 0.7rem; } .gsjj_02_c ul li p.p2 { font-size: 0.32rem; line-height: 1.5; margin-top: 0.2rem; } .gsjj_02_c ul li p.p3 { font-size: 0.24rem; line-height: 1.5; margin-top: 0.05rem; } .gsjj_03 { overflow: hidden; padding-top: 0.9rem; } .gsjj_03 .lxwm_01_t { position: relative; } .gsjj_03 .lxwm_01_t .gsjj_03_prev { width: 0.4rem; height: 0.4rem; display: block; overflow: hidden; background: url("../images/tz_02.png") center no-repeat; background-size: 100%; position: absolute; left: 0px; bottom: 0px; z-index: 999; } .gsjj_03 .lxwm_01_t .gsjj_03_prev:hover { background: url("../images/tz_02_on.png") center no-repeat; background-size: 100%; } .gsjj_03 .lxwm_01_t .gsjj_03_next { width: 0.4rem; height: 0.4rem; display: block; overflow: hidden; background: url("../images/tz_03.png") center no-repeat; background-size: 100%; position: absolute; right: 0px; bottom: 0px; z-index: 999; } .gsjj_03 .lxwm_01_t .gsjj_03_next:hover { background: url("../images/tz_03_on.png") center no-repeat; background-size: 100%; } .gsjj_03_c { overflow: hidden; width: 100%; margin-top: 0.3rem; } .gsjj_03c_slide { width: calc(100% - 0.4rem); overflow: hidden; margin-left: 0.4rem; } .gsjj_03c_slide .swiper-slide { width: 20%; overflow: hidden; position: relative; height: 3.6rem; } .gsjj_03c_slide .swiper-slide .gsjj_03c_c { width: calc(100% - 0.4rem); overflow: hidden; padding-left: 0.37rem; position: absolute; left: 0px; bottom: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .gsjj_03c_slide .swiper-slide .gsjj_03c_c { transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .gsjj_03c_slide .swiper-slide-active .gsjj_03c_c { height: 1.8rem; } .gsjj_03c_slide .swiper-slide-active + div .gsjj_03c_c { height: 2.2rem; } .gsjj_03c_slide .swiper-slide-active + div + div .gsjj_03c_c { height: 2.6rem; } .gsjj_03c_slide .swiper-slide-active + div + div + div .gsjj_03c_c { height: 3.1rem; } .gsjj_03c_slide .swiper-slide-active + div + div + div + div .gsjj_03c_c { height: 3.6rem; } .gsjj_03c_slide .swiper-slide-active + div + div + div + div + div .gsjj_03c_c { height: 4.1rem; } .gsjj_03c_slide .swiper-slide .gsjj_03c_c em { width: 0.14rem; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; bottom: 0px; } .gsjj_03c_slide .swiper-slide .gsjj_03c_c em b { width: 0.14rem; height: 0.14rem; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; border:.03rem solid #004e9c;border-radius:50%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; } .gsjj_03c_slide .swiper-slide .gsjj_03c_c em::before { content: ""; width: 0.02rem; height: 100%; display: block; overflow: hidden; background-color: #e4e4e4; position: absolute; left: 0.06rem; top: 0.14rem; } .gsjj_03c_slide .swiper-slide .gsjj_03c_c p { width: 100%; overflow: hidden; } .gsjj_03c_slide .swiper-slide .gsjj_03c_c p.p1 { font-family: albb_SemiBold; font-size: 0.42rem; color: #004e9c; line-height: 1; } .gsjj_03c_slide .swiper-slide .gsjj_03c_c p.p2 { font-size: 0.2rem; color: #1c1c1c; line-height: 1.5; margin-top: 0.2rem; text-align: justify; text-justify: inter-ideograph; } .gsjj_03_b { width: 100%; height: 0.12rem; border-radius: 0.12rem; overflow: hidden; background: linear-gradient(to right, #00429a, #41a0ec); background: -webkit-linear-gradient(to right, #00429a, #41a0ec); background: -o-linear-gradient(to right, #00429a, #41a0ec); background: -moz-linear-gradient(to right, #00429a, #41a0ec); } .gsjj_04 { overflow: hidden; background-color: #f3f6fa; padding: 1rem 0px; margin-top: 1rem; } .gsjj_04 .fl { width: 3.27rem; overflow: hidden; } .gsjj_04 .fl a { width: 100%; display: block; overflow: hidden; position: relative; } .gsjj_04 .fl em { width: 100%; display: block; overflow: hidden; font-style: normal; } .gsjj_04 .fl em.em1 { position: relative; padding: 0px 0.15rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .gsjj_04 .fl em.em1 i { width: 100%; display: block; overflow: hidden; position: relative; z-index: 99; border: 0.03rem solid #7ea5ec; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .gsjj_04 .fl em.em1 img { width: 100%; display: block; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .gsjj_04 .fl em.em1::before { content: ""; width: 100%; height: calc(100% - 0.6rem); display: block; overflow: hidden; background-color: #d9e2ec; position: absolute; left: 0px; top: 0.3rem; } .gsjj_04 .fl em.em2 { text-align: center; font-size: 0.2rem; color: #1c1c1c; line-height: 1.5; margin-top: 0.2rem; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .gsjj_04 .fl a:hover em.em1 img { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .gsjj_04 .fl a:hover em.em2 { color: #004e9c; } .gsjj_04 .fr { width: calc(100% - 4.27rem); overflow: hidden; } .gsjj_04 .fr .lxwm_01_t { text-align: left; } .gsjj_04 .fr .lxwm_01_t b { left: 0px; margin-left: 0px; } .gsjj_04 .fr .lxwm_01_t em { height: 0.4rem; font-style: normal; position: absolute; right: 0px; bottom: 0px; } .gsjj_04 .fr .lxwm_01_t em a { width: 0.4rem; height: 0.4rem; display: block; overflow: hidden; float: left; } .gsjj_04 .fr .lxwm_01_t em a:nth-child(1) { background: url("../images/tz_02.png") center no-repeat; background-size: 100%; } .gsjj_04 .fr .lxwm_01_t em a:nth-child(1):hover { background: url("../images/tz_02_on.png") center no-repeat; background-size: 100%; } .gsjj_04 .fr .lxwm_01_t em a:nth-child(2) { background: url("../images/tz_03.png") center no-repeat; background-size: 100%; margin-left: 0.1rem; } .gsjj_04 .fr .lxwm_01_t em a:nth-child(2):hover { background: url("../images/tz_03_on.png") center no-repeat; background-size: 100%; } .gsjj_04_c { width: 100%; overflow: hidden; margin-top: 0.4rem; } .gsjj_04c_slide { width: 100%; overflow: hidden; } .gsjj_04c_slide .swiper-slide { width: 100%; overflow: hidden; } .gsjj_04c_slide .swiper-slide ul li { width: calc(50% - 0.1rem); padding: 0.25rem 0.3rem; overflow: hidden; margin-right: 0.1rem; margin-bottom: 0.1rem; float: left; background-color: #fdfdfe; border-radius: 0.1rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .gsjj_04c_slide .swiper-slide ul li:nth-child(2) { margin-right: 0px; } .gsjj_04c_slide .swiper-slide ul li em { display: block; font-style: normal; float: left; line-height: 0.3rem; } .gsjj_04c_slide .swiper-slide ul li em.em1 { float: left; height: 0.3rem; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .gsjj_04c_slide .swiper-slide ul li em.em1 img { display: block; width: 0.26rem; } .gsjj_04c_slide .swiper-slide ul li em.em2 { width: calc(100% - 0.26rem - 0.22rem - 0.5rem); float: left; margin-left: 0.22rem; font-size: 0.2rem; color: #1c1c1c; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .gsjj_04c_slide .swiper-slide ul li em.em3 { float: right; width: 0.5rem; font-size: 0.16rem; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .gsjj_04c_slide .swiper-slide ul li em.em3 i { display: inline-block; width: 100%; text-align: center; background-color: #dfe6ef; color: #9eabbe; height: 0.3rem; line-height: 0.3rem; border-radius: 0.3rem; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .gsjj_04c_slide .swiper-slide ul li:hover em.em3 i { background-color: #004e9c; color: #fff; } .gsjj_04c_slide .swiper-slide ul li:hover em.em2 { color: #004e9c; } .job_01 { overflow: hidden; background-color: #f4f6fa; padding: 1rem 0px; } .job_01 .lxwm_01_t { font-size: 0.28rem; } .job_01_c { width: 100%; overflow: hidden; margin-top: 0.6rem; } .job_01_c ul li { width: calc((100% - 0.2rem) / 2); float: left; margin-right: 0.2rem; border-radius: 0.15rem; overflow: hidden; } .job_01_c ul li:nth-child(2) { margin-right: 0px; } .job_01_c ul li a { width: 100%; display: block; overflow: hidden; position: relative; } .job_01_c ul li a::before { content: ""; width: 100%; height: 100%; display: block; overflow: hidden; background-color: rgba(0, 0, 0, 0.4); position: absolute; left: 0px; top: 0px; z-index: 8; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .job_01_c ul li img.img1 { width: 100%; display: block; position: relative; z-index: 1; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .job_01_c ul li label { width: 100%; display: block; cursor: pointer; height: 100%; padding: 0px 0.8rem; overflow: hidden; position: absolute; left: 0px; top: 0px; z-index: 9; display: flex; display: -webkit-flex; align-items: center; justify-content: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .job_01_c ul li label em { width: 100%; display: block; overflow: hidden; font-style: normal; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .job_01_c ul li label img { height: 0.4rem; display: block; } .job_01_c ul li label span { width: 100%; display: block; color: #fff; overflow: hidden; } .job_01_c ul li label span.sp1 { font-size: 0.32rem; line-height: 1.5; margin-top: 0.3rem; } .job_01_c ul li label span.sp2 { font-size: 0.2rem; line-height: 1.5; margin-top: 0.05rem; } .job_01_c ul li label span.sp3 { margin-top: 1.3rem; } .job_01_c ul li label span.sp3 i { display: inline-block; line-height: 0.5rem; padding: 0px 0.3rem; background-color: #254194; border-radius: 0.5rem; font-size: 0.2rem; color: #fff; opacity: 0; margin-top: 0.1rem; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .job_01_c ul li label span.sp3 i b { display: inline-block; font-weight: normal; background: url("../images/in_01_on.png") right center no-repeat; background-size: 0.24rem; padding-right: 0.5rem; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .job_01_c ul li:hover img.img1 { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .job_01_c ul li:hover label span.sp3 i { opacity: 1; margin-top: 0px; } .job_01_c ul li:hover a::before { background-color: rgba(0, 0, 0, 0.6); } .job_02 { overflow: visible; margin-top: 1rem; } .job_02_c { width: 100%; overflow: visible; padding-top: 0.6rem; } .job_02_c ul li { width: calc((100% - 0.6rem) / 3); float: left; margin-right: 0.3rem; position: relative; margin-bottom: 0.3rem; padding: 0.5rem 0.45rem; overflow: hidden; background-color: #fff; border-radius: 0.15rem; -moz-box-shadow: 0px 0px 0.16rem rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0px 0px 0.16rem rgba(0, 0, 0, 0.03); box-shadow: 0px 0px 0.16rem rgba(0, 0, 0, 0.03); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .job_02_c ul li:nth-child(3n) { margin-right: 0px; } .job_02_c ul li em { width: 100%; display: block; overflow: hidden; font-style: normal; } .job_02_c ul li em.em1 { text-align: center; } .job_02_c ul li em.em1 i { display: inline-block; position: relative; border: 0.01rem solid #e0e0e0; border-radius: 50%; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .job_02_c ul li em.em1 i img { height: 1rem; display: block; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .job_02_c ul li em.em1 i img.img2 { position: absolute; left: 0px; top: 0px; opacity: 0; } .job_02_c ul li em.em2 { margin-top: 0.2rem; } .job_02_c ul li em.em2 span { width: 100%; display: block; overflow: hidden; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .job_02_c ul li em.em2 span.sp1 { font-size: 0.32rem; color: #333; line-height: 1.5; text-align: center; } .job_02_c ul li em.em2 span.sp2 { font-size: 0.18rem; color: #666; line-height: 0.28rem; height: 0.56rem; margin-top: 0.05rem; text-align: center; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; } .job_02_c ul li::before { width: 0; height: 0.02rem; display: block; content: ""; background-color: #014099; position: absolute; left: 50%; bottom: 0rem; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .job_02_c ul li:hover em.em1 i { background-color: #014099; border: 0.01rem solid #014099; } .job_02_c ul li:hover em.em1 i img.img2 { opacity: 1; } .job_02_c ul li:hover em.em1 i img.img1 { opacity: 0; } .job_02_c ul li:hover em.em2 span.sp1 { color: #014099; } .job_02_c ul li:hover::before { left: 0px; width: calc(100% - 0.3rem); left: 0.15rem; } .job_02_c ul li:hover { transform: translateY(-1px); -webkit-transform: translateY(-1px); -moz-transform: translateY(-1px); -moz-box-shadow: 0px 0px 0.26rem rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0px 0px 0.26rem rgba(0, 0, 0, 0.04); box-shadow: 0px 0px 0.26rem rgba(0, 0, 0, 0.04); } .job_03 { overflow: hidden; margin-top: 1rem; } .job_03_t { width: 100%; text-align: center; margin-top: 0.4rem; } .job_03_t a { display: inline-block; margin: 0px 0.15rem; line-height: 0.5rem; border: 0.02rem solid #014099; border-radius: 0.5rem; font-size: 0.2rem; color: #014099; padding: 0px 0.5rem; } .job_03_t a.on { background-color: #014099; color: #fff; } .job_03_t a:hover { background-color: #014099; color: #fff; } .job_03_c { width: 100%; max-width: 7rem; overflow: hidden; margin: 0px auto; padding: 0px; margin-top: 0.6rem; } .job_03_c label { width: 100%; display: block; overflow: hidden; position: relative; height: 0.5rem; padding-left: 1rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .job_03_c label span { position: absolute; left: 0px; top: 0px; font-size: 0.2rem; color: #222; line-height: 0.5rem; } .job_03_c label em { width: 100%; display: block; overflow: hidden; position: relative; } .job_03_c label em input.job_03c_txt { width: 100%; height: 0.5rem; font-size: 0.16rem; padding: 0px 0.2rem; border: 0.01rem solid #e6e6e6; border-radius: 0.03rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .job_03_c label em input.job_03c_btn { width: 0.24rem; height: 100%; border: 0px; cursor: pointer; background: url("../images/t_01.svg") center no-repeat; background-size: 100%; position: absolute; right: 0.2rem; top: 0px; } .job_04 { overflow: visible; padding-top: 0.6rem; } .job_04 ul li { width: 100%; overflow: hidden; background-color: #fcfcfc; border-radius: 0.08rem; margin-bottom: 0.1rem; -moz-box-shadow: 0px 0px 0.22rem rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0px 0px 0.22rem rgba(0, 0, 0, 0.03); box-shadow: 0px 0px 0.22rem rgba(0, 0, 0, 0.03); } .job_04 ul li .job_04_t { width: 100%; overflow: hidden; background-color: #fff; height: 0.4rem; padding: 0.3rem 0px; position: relative; } .job_04 ul li .job_04_t span { display: inline-block; line-height: 0.4rem; overflow: hidden; } .job_04 ul li .job_04_t span.sp1 { margin-left: 0.4rem; width: 2rem; font-size: 0.2rem; color: #222222; text-overflow: ellipsis; white-space: nowrap; } .job_04 ul li .job_04_t span.sp2 { margin-left: 0.2rem; font-size: 0.16rem; color: #999; } .job_04 ul li .job_04_t span.sp3 { margin-left: 0.8rem; font-size: 0.16rem; color: #999; } .job_04 ul li .job_04_t a { display: inline-block; height: 0.4rem; line-height: 0.4rem; font-size: 0.16rem; color: #1c4295; float: right; margin-right: 0.4rem; position: relative; } .job_04 ul li .job_04_t a span { display: inline-block; background: url("../images/job_01.svg") right center no-repeat; background-size: 0.12rem; padding-right: 0.25rem; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .job_04 ul li .job_04_t a i { width: 0.4rem; height: 0.4rem; display: block; overflow: hidden; background: url("../images/job_02.svg") center no-repeat #1c4295;background-size:.12rem; border-radius: 0.1rem; position: absolute; right: 0rem; top: 0.06rem; opacity: 0; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .job_04 ul li .job_04_c { width: 100%; overflow: hidden; display: none; } .job_04 ul li .job_04_c .job_04c_c { width: 100%; overflow: hidden; padding: 0.3rem 0.4rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .job_04 ul li .job_04_c p { width: 100%; overflow: hidden; font-size: 0.16rem; color: #666; line-height: 1.75; } .job_04 ul li .job_04_c p.p1 { display: none; } .job_04 ul li .job_04_c p.p2 { display: none; } .job_04 ul li .job_04_c p.p3 { font-size: 0.18rem; color: #222; line-height: 1.5; font-weight: bold; margin-bottom: 0.1rem; } .job_04 ul li .job_04_c p.p4 a { display: inline-block; line-height: 0.5rem; border-radius: 0.5rem; padding: 0px 0.5rem; background-color: #1c4295; font-size: 0.2rem; color: #fff; } .job_04 ul li.on .job_04_t a span { opacity: 0; } .job_04 ul li.on .job_04_t a i { top: 0px; opacity: 1; } .jobtcfr { width: 100%; height: 100%; overflow: hidden; position: fixed; left: 0px; top: 0px; z-index: 99999; display: none; } .jobtcfr .jobtc_bg { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; background-color: rgba(0, 0, 0, 0.5); } .jobtcfr .jobtc_c { width: 5.9rem; overflow: hidden; padding: 0px 0.5rem; background-color: #fff; border-radius: 0.06rem; position: absolute; left: 50%; top: 50%; margin-left: -2.95rem; margin-top: -200px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .jobtcfr .jobtc_c .close { width: 0.16rem; height: 0.16rem; display: block; overflow: hidden; background: url("../images/close.jpg") center no-repeat; background-size: 100%; position: absolute; right: 0.2rem; top: 0.2rem; } .jobtcfr .jobtc_c p { width: 100%; overflow: hidden; } .jobtcfr .jobtc_c p.p1 { text-align: center; font-size: 0.28rem; color: #222; line-height: 1.5; margin-top: 0.4rem; margin-bottom: 0.25rem; } .jobtcfr .jobtc_c p.p2 { margin-bottom: 0.2rem; min-height: 0.5rem; position: relative; padding-left: 0.9rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .jobtcfr .jobtc_c p.p2 span.sp1 { position: absolute; left: 0px; top: 0px; font-size: 0.18rem; color: #222; width: 0.9rem; line-height: 0.5rem; } .jobtcfr .jobtc_c p.p2 span.sp2 { width: 100%; display: block; overflow: hidden; } .jobtcfr .jobtc_c p.p2 span.sp2 input.jobtc_txt { width: 100%; height: 0.5rem; border: 0.01rem solid #e6e6e6; border-radius: 0.03rem; font-size: 0.16rem; padding: 0px 0.2rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .jobtcfr .jobtc_c p.p2 span.sp2 .lb1 { line-height: 0.5rem; float: left; cursor: pointer; border: 0.01rem solid #1c4295; color: #1c4295; padding: 0px 0.4rem; font-size: 0.16rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .jobtcfr .jobtc_c p.p2 span.sp2 .lb1 i { display: inline-block; background: url("../images/job_03.png") left center no-repeat; background-size: 0.2rem; padding-left: 0.3rem; } .jobtcfr .jobtc_c p.p2 span.sp2 .lb1 input { width: 2000%; height: 1000%; position: absolute; left: 0px; top: 0px; opacity: 0; cursor: pointer; } .jobtcfr .jobtc_c p.p2 span.sp2 .lb2 { float: right; display: inline-block; min-height: 0.5rem; background: url("../images/job_04.png") left center no-repeat; background-size: 0.36rem; padding-left: 0.55rem; } .jobtcfr .jobtc_c p.p2 span.sp2 .lb2 i { width: 100%; display: block; overflow: hidden; } .jobtcfr .jobtc_c p.p2 span.sp2 .lb2 i.i1 { font-size: 0.16rem; color: #1c4295; line-height: 0.26rem; } .jobtcfr .jobtc_c p.p2 span.sp2 .lb2 i.i2 { font-size: 0.14rem; color: #1c4295; line-height: 0.2rem; } .jobtcfr .jobtc_c p.p3 { text-align: center; margin-top: 0.4rem; margin-bottom: 0.35rem; } .jobtcfr .jobtc_c p.p3 input { height: 0.5rem; padding: 0px 0.46rem; border: 0px; cursor: pointer; background-color: #1c4295; border-radius: 0.03rem; font-size: 0.16rem; color: #fff; } .fkfw_01 { overflow: hidden; padding: 1rem 0px 0.8rem 0px; } .fkfw_01 .wrap_c { display: flex; display: -webkit-flex; justify-content: space-between; } .fkfw_01 .fkfw_01_img { width: 48.8%; overflow: visible; border-radius: 0.05rem; position: relative; } .fkfw_01 .fkfw_01_img img { width: 100%; display: block; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .fkfw_01 .fkfw_01_img img.img2 { position: absolute; left: 0px; top: 0px; -webkit-animation: an_03 2.1s linear infinite; animation: an_03 2.1s linear infinite; } .fkfw_01 .fkfw_01_img img.img3 { position: absolute; left: 0px; top: 0px; -webkit-animation: an_04 2.1s linear infinite; animation: an_04 2.1s linear infinite; } .fkfw_01 .fkfw_01_img img.img4 { position: absolute; left: 0px; top: 0px; } .fkfw_01 .fkfw_01_img img.img5 { position: absolute; left: 0px; top: 0px; -webkit-animation: an_04 2.1s linear infinite; animation: an_04 4.1s linear infinite; } .fkfw_01 .fkfw_01_img img.img6 { position: absolute; left: 0px; top: 0px; -webkit-animation: an_04 2.1s linear infinite; animation: an_04 6.1s linear infinite; } .fkfw_01 .fkfw_01_txt { width: 43%; overflow: hidden; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .fkfw_01:hover .fkfw_01_img img.img_hover { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .fw01_t_c { width: 100%; overflow: hidden; position: relative; } .fw01_t_c::before { content: ""; width: 0.4rem; height: 0.08rem; margin-bottom: 0.3rem; display: block; overflow: hidden; background: url("../images/lxwm_01.png") center no-repeat; background-size: 100% 100%; } .fw01_t_c p { width: 100%; overflow: hidden; font-size: 0.18rem; color: #1c1c1c; line-height: 1.75; text-align: justify; text-justify: inter-ideograph; } .fkfw_02 { overflow: hidden; background-color: #f8f9fb; padding: 0.7rem 0px; } .fkfw_02_c { width: 100%; overflow: hidden; margin-top: 0.24rem; } .fkfw_02_c ul { width: 100%;max-width:9rem;margin:0px auto;padding:0px; overflow: hidden; text-align: center; font-size: 0px;display:flex;display:-webkit-flex;justify-content: space-around } .fkfw_02_c ul li { display: inline-block; margin: 0px 0.7rem; max-width: 3.55rem; } .fkfw_02_c ul li:nth-child(1) { margin-left: 0px; } .fkfw_02_c ul li:nth-child(2) { margin-right: 0px; } .fkfw_02_c ul li p { width: 100%; overflow: hidden; text-align: center; } .fkfw_02_c ul li p.p1 i { display: inline-block; position: relative; } .fkfw_02_c ul li p.p1 img { height: 2.33rem; display: block; margin: 0px auto; padding: 0px; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .fkfw_02_c ul li p.p1 img.img2 { position: absolute; left: 0px; top: 0px; } .fkfw_02_c ul li p.p2 { font-size: 0.24rem; color: #1c1c1c; font-family: albb_SemiBold; line-height: 1.5; margin-top: 0.2rem; } .fkfw_02_c ul li p.p3 { font-size: 0.18rem; color: #666; line-height: 1.75; margin-top: 0.1rem; text-align: left; } .fkfw_02_c ul li:hover p.p1 img.img2 { transform: translateY(-0.03rem); -webkit-transform: translateY(-0.03rem); -moz-transform: translateY(-0.03rem); } .fkfw_03 { overflow: hidden; padding: 0.7rem 0px; } .fkfw_03_c { width: 100%; overflow: hidden; margin-top: 0.4rem; text-align: center; } .fkfw_03_c ul { width: 100%; overflow: hidden; display: flex; display: -webkit-flex; justify-content: space-around; } .fkfw_03_c ul li { max-width: 2.6rem;transition: 0.3s linear;-webkit-transition: 0.3s linear;-o-transition: 0.3s linear;-moz-transition: 0.3s linear; } .fkfw_03_c ul li.szh_w1{ max-width: 3rem;} .fkfw_03_c ul li p { width: 100%; overflow: hidden; text-align: center; } .fkfw_03_c ul li p.p1 i { display: inline-block; position: relative; } .fkfw_03_c ul li p.p1 img { display: block; margin: 0px auto; padding: 0px; height: 1rem; transition: 0.3s linear;-webkit-transition: 0.3s linear;-o-transition: 0.3s linear;-moz-transition: 0.3s linear;} .fkfw_03_c ul li p.p1 img.img2 { position: absolute; left: 0px; top: 0px; } .fkfw_03_c ul li p.p2 { font-size: 0.24rem; color: #1c1c1c; line-height: 1.5; font-family: albb_SemiBold; margin-top: 0.2rem; } .fkfw_03_c ul li p.p3 { font-size: 0.18rem; color: #666; line-height: 1.75; margin-top: 0.1rem; text-align: center; } .fkfw_03_c ul li p.p3 label{display:inline-block;text-align:left;text-align:justify;text-justify:inter-ideograph;} .fkfw_03_c_wap ul li p.p3{text-align: center;} .fkfw_03_c ul li:hover p.p1 img.img2 {transform: translateY(-0.03rem);-webkit-transform: translateY(-0.03rem);-moz-transform: translateY(-0.03rem);} .fkfw_03_c ul li:hover{transform: translateY(-0.03rem);-webkit-transform: translateY(-0.03rem);-moz-transform: translateY(-0.03rem);} .fkfw_04 { overflow: hidden; padding: 0.7rem 0px; background-color: #f8f9fb; } .fkfw_04_c { width: 100%; overflow: hidden; margin-top: 0.4rem; } .fkfw_04_c ul { width: 100%; overflow: hidden; display: flex; display: -webkit-flex; justify-content: space-around; } .fkfw_04_c ul li { max-width: 2.47rem; } .fkfw_04_c ul li p { width: 100%; overflow: hidden; text-align: center; } .fkfw_04_c ul li p.p1 { font-size: 0.6rem; color: #024497; font-family: albb_SemiBold; line-height: 1.5; font-weight: bold; } .fkfw_04_c ul li p.p1 span { font-size: 0.2rem; color: #222222; font-family: albb; font-weight: 100; } .fkfw_04_c ul li p.p2 { margin: 0.1rem 0px; } .fkfw_04_c ul li p.p2 i { width: 0.02rem; height: 0.2rem; display: block; overflow: hidden; margin: 0px auto; padding: 0px; background-color: #cad7e6; } .fkfw_04_c ul li p.p3 { position: relative; } .fkfw_04_c ul li p.p3 img { display: block; width: 100%; margin: 0px auto; padding: 0px; } .fkfw_04_c ul li p.p3 span { width: 100%; display: block; overflow: hidden; text-align: center; position: absolute; left: 0px; bottom: 0.2rem; font-size: 0.2rem; color: #597293; line-height: 1.5; } .fkfw_05_c { width: 100%; overflow: hidden; margin-top: 0.6rem; text-align: center; } .fkfw_05_c img { max-width: 100%; } .fkfw_05c_i { display: inline-block; position: relative; } .fkfw_05c_i img { max-width: 100%;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear; } .fkfw_05c_i img.img2 { position: absolute; left: 0px; top: 0px; } .fkfw_05c_i img.img3 { position: absolute; left: 0px; bottom: 0px; } .fkfw_05c_i:hover img.img1{transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03);} .fkfw_06 .fw01_t_c::before { display: none; } .fkfw_06 .lxwm_01_t { text-align: left; margin-bottom: 0.3rem; } .fkfw_06 .lxwm_01_t b { left: 0px; margin-left: 0px; } .fkfw_07 { overflow: hidden; background-color: #f8f9fb; padding: 0.7rem 0px 0.5rem 0px; } .fkfw_07_c { width: 100%; overflow: hidden; margin-top: 0.25rem; } .fkfw_07_c ul li { width: calc((100% - 0.2rem) / 2); float: left; padding: 0.2rem 0.4rem; margin-right: 0.2rem; margin-bottom: 0.2rem; border: 0.01rem dashed #98a8cb; border-radius: 0.05rem; background-color: #fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .fkfw_07_c ul li:nth-child(2n) { margin-right: 0px; } .fkfw_07_c ul li { display: flex; display: -webkit-flex; align-items: center; justify-content: space-between; } .fkfw_07_c ul li .fw07c_l { width: 1.17rem; overflow: hidden; } .fkfw_07_c ul li .fw07c_l i { width: 100%; display: block; overflow: hidden; position: relative; } .fkfw_07_c ul li .fw07c_l i img { width: 100%; display: block; } .fkfw_07_c ul li .fw07c_l i img.img1 { /*-webkit-animation: an_02 25.1s linear infinite; animation: an_02 25.1s linear infinite;*/ } .fkfw_07_c ul li .fw07c_l i img.img2 { position: absolute; left: 0px; top: 0px; } .fkfw_07_c ul li .fw07c_r { width: calc(100% - 1.17rem - 0.4rem); overflow: hidden; align-self: start; } .fkfw_07_c ul li .fw07c_r .fw07cr_c { width: 100%; overflow: hidden; } .fkfw_07_c ul li .fw07c_r p { width: 100%; overflow: hidden; font-size: 0.18rem; color: #666; line-height: 1.75; } .fkfw_07_c ul li .fw07c_r p.p1 { font-size: 0.24rem; color: #1c1c1c; font-family: albb_SemiBold; line-height: 1.5; margin-bottom: 0.2rem; } .fkfw_08 { overflow: hidden; padding: 0.7rem 0px; } .fkfw_08_c { width: 100%; overflow: hidden; padding-top: 0.4rem; } .fkfw_08_c ul { width: 100%; overflow: visible; display: flex; display: -webkit-flex; justify-content: space-between; } .fkfw_08_c ul li { width: calc((100% - 0.3rem) / 4); overflow: hidden; padding: 0.4rem 0.2rem; background-color: #fff; border: 0.02rem dashed #c8d1e3; border-radius: 0.1rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .fkfw_08_c ul li { transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; } .fkfw_08_c ul li p { width: 100%; overflow: hidden; text-align: center; } .fkfw_08_c ul li p.p1 img { height: 0.8rem; display: block; margin: 0px auto; padding: 0px; } .fkfw_08_c ul li p.p2 { text-align: center; font-size: 0.24rem; color: #1c1c1c; line-height: 1.5; font-family: albb_SemiBold; margin-top: 0.2rem; } .fkfw_08_c ul li p.p3 { font-size: 0.18rem; color: #666; line-height: 1.75; margin-top: 0.1rem; text-align:center; } .fkfw_08_c ul li p.p3 label{display:inline-block;text-align:left;} .fkfw_08_c ul li:hover { transform: translateY(-0.03rem); -webkit-transform: translateY(-0.03rem); -moz-transform: translateY(-0.03rem); } .fkfw_09 { overflow: hidden; background-color: #f8f9fb; padding: 0.7rem 0px 1rem 0px; } .fkfw_09_t { width: 100%; overflow: hidden; margin-top: 0.3rem; } .fkfw_09_t p { width: 100%; overflow: hidden; text-align: center; font-size: 0.18rem; color: #1c1c1c; line-height: 1.75; } .fkfw_09_c { width: 100%; overflow: hidden; margin: 0px auto; padding: 0px; max-width: 9.6rem; margin-top: 0.4rem; position: relative; } .fkfw_09_c img { width: 100%; display: block; } .fkfw_09_c img.img2 { position: absolute; left: 0px; top: 0px; -webkit-animation: an_04 2.1s linear infinite; animation: an_04 2.1s linear infinite; } .fkfw_10 { overflow: hidden; padding: 0.7rem 0px 1rem 0px; } .fkfw_11 { overflow: hidden; padding: 0.7rem 0px; } .fkfw_11 .fkfw_05_c { margin-top: 0px; } .fkfw_12_c ul li { border: 0px; width: calc((100% - 0.81rem) / 4); margin-right: 0.27rem; } .fkfw_13 { overflow: hidden; padding: 0.7rem 0px 1rem 0px; } .fkfw_13_c { width: 100%; overflow: hidden; margin-top: 0.4rem; } .fkfw_13_c ul { width: 100%; overflow: hidden; text-align: center; font-size: 0px; } .fkfw_13_c ul li { display: inline-block; font-style: normal; margin: 0px 0.4rem; } .fkfw_13_c ul li:nth-child(1) { margin-left: 0px; } .fkfw_13_c ul li:last-child { margin-right: 0px; } .fkfw_13_c ul li p { width: 100%; overflow: hidden; text-align: center; } .fkfw_13_c ul li p.p1 { font-size: 0.6rem; color: #024497; font-family: albb_SemiBold; line-height: 1.5; font-weight: bold; } .fkfw_13_c ul li p.p1 span { font-size: 0.2rem; color: #222222; font-family: albb; font-weight: 100; } .fkfw_13_c ul li p.p2 { margin: 0.1rem 0px; } .fkfw_13_c ul li p.p2 i { width: 0.02rem; height: 0.2rem; display: block; overflow: hidden; margin: 0px auto; padding: 0px; background-color: #cad7e6; } .fkfw_13_c ul li p.p3 { position: relative;max-width:3.5rem;margin:0px auto;padding:0px; } .fkfw_13_c ul li p.p3 img { display: block; width: 100%; margin: 0px auto; padding: 0px; max-width:2.5rem; } .fkfw_13_c ul li p.p3 span { width: 100%; height: 72%; display: block; overflow: hidden; text-align: center; position: absolute; left: 0px; bottom: 0rem; font-size: 0.2rem; color: #597293; line-height: 1.5; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .fkfw_13_map { width: 100%; overflow: hidden; margin: 0px auto; padding: 0px; margin-top: 0.2rem; position: relative; } .fkfw_13_map img.img1 { width: 100%; display: block; } .fkfw_13m_a a { width: 8.3333%; height: 12.3%; display: block; overflow: hidden; position: absolute; } .fkfw_13m_a a span { display: none; } .fkfw_13m_a a.a1 { left: 29.5%; top: 26%; } .fkfw_13m_a a.a2 { left: 40.1%; top: 29.5%; } .fkfw_13m_a a.a3 { left: 49.7%; top: 19.6%; } .fkfw_13m_a a.a4 { left: 33.2%; top: 62.5%; } .fkfw_13m_a a.a5 { left: 46.9%; top: 85.2%; } .fkfw_13m_a a.a6 { left: 57.2%; top: 43.9%; } .fkfw_13m_a a.a7 { left: 53.3%; top: 55.2%; } .fkfw_13m_a a.a8 { left: 49.3%; top: 69.2%; } .dttcfr { width: 3.85rem; position: absolute; left: 0%; top: 0%; z-index: 9990; display: none; opacity: 0; padding-left: 0.1rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .dttcfr::before { content: ""; width: 0.11rem; height: 0.2rem; display: block; overflow: hidden; position: absolute; left: 0px; top: 50%; z-index: 9991; margin-top: -0.1rem; background: url("../images/t_02.png") center no-repeat; background-size: 100% 100%; } .dttcfr .dttc_c { width: 100%; overflow: hidden; position: relative; z-index: 999; padding: 0.15rem 0.25rem; background-color: #fff; border-radius: 0.15rem; -moz-box-shadow: 0px 0px 0.21rem rgba(23, 69, 137, 0.15); -webkit-box-shadow: 0px 0px 0.21rem rgba(23, 69, 137, 0.15); box-shadow: 0px 0px 0.21rem rgba(23, 69, 137, 0.15); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .dttcfr .dttc_c p { width: 100%; overflow: hidden; font-size: 0.18rem; color: #222222; line-height: 1.75; } .dttcfr .dttc_c p.p1 { font-size: 0.28rem; font-weight: bold; } .fkfw_14_c ul { width: 100%; overflow: hidden; display: flex; display: -webkit-flex; justify-content: space-between; padding-top: 0.4rem; } .fkfw_14_c ul li { max-width: 1.8rem; } .fkfw_14_c ul li p { width: 100%; overflow: hidden; text-align: center; } .fkfw_14_c ul li p.p1 i { display: inline-block; position: relative; } .fkfw_14_c ul li p.p1 img { display: block; margin: 0px auto; padding: 0px; height: 1rem; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .fkfw_14_c ul li p.p1 img.img2 { position: absolute; left: 0px; top: 0px; } .fkfw_14_c ul li p.p2 { font-size: 0.24rem; color: #1c1c1c; line-height: 1.5; font-family: albb_SemiBold; margin-top: 0.2rem; } .fkfw_14_c ul li p.p3 { font-size: 0.18rem; color: #666; line-height: 1.75; margin-top: 0.1rem; text-align: center; } .fkfw_14_c ul li p.p3 label{display:inline-block;text-align:left;} .fkfw_14_c ul li:hover p.p1 img.img2 { transform: translateY(-0.03rem); -webkit-transform: translateY(-0.03rem); -moz-transform: translateY(-0.03rem); } .fkfw_15_c { width: 100%; overflow: hidden; text-align: center; font-size: 0.28rem; color: #014099; margin-top: 0.4rem; } .fkfw_15_c p { line-height: 1.5; } .fkfw_16_c { width: 100%; overflow: hidden; margin-top: 0.6rem; background-color: #f3f5f8; border: 0.01rem solid #d2ddeb; border-radius: 0.06rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .fkfw_16_c ul { width: 100%; overflow: hidden; display: grid; grid-template-columns: auto auto auto auto auto auto; grid-gap: 0.5rem; padding: 0px 0.8rem; margin-top: 0.6rem; padding-bottom: 0.6rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .fkfw_16_c ul li em { width: 100%; display: block; overflow: hidden; font-style: normal; } .fkfw_16_c ul li em.em1 { width: 0.9rem; height: 0.9rem; border-radius: 50%; margin: 0px auto; padding: 0px; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .fkfw_16_c ul li em.em1 img { width: 100%; display: block; } .fkfw_16_c ul li em.em2 { text-align: center; font-size: 0.18rem; color: #666; line-height: 1.5; margin-top: 0.2rem; } .cpxq_01 { overflow: hidden; margin-top: 1rem; } .cpxq_01 .wrap_c { position: relative; } .cpxq_01 h1 { width: 50%; overflow: hidden; margin: 0px; padding: 0px; font-size: 0.32rem; color: #222222; font-weight: bold; font-family: albb_SemiBold; } .cpxq_03 { width: 46.6666%; overflow: hidden; position: absolute; right: 0px; top: 0px; height: 4.6rem; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .cpxq_03 img { max-width: 100%; display: block; max-height: 4.6rem; } .cpxq_02 { width: 50%; overflow: hidden; margin-top: 0.5rem; } .cpxq_02 p { width: 100%; overflow: hidden; font-size: 0.16rem; color: #222; line-height: 1.75; } .cpxq_02 p.p1 { position: relative; font-size: 0.24rem; color: #222; font-weight: bold; line-height: 0.4rem; text-indent: 0.25rem; margin-bottom: 0.1rem; } .cpxq_02 p.p1 b { width: 0.05rem; height: 0.22rem; display: block; overflow: hidden; background: url("../images/cp_01.png") center no-repeat; background-size: 100% 100%; position: absolute; left: 0px; top: 0.08rem; } .cpxq_02 img { max-width: 100%; height: auto !important; } .cpxq_04 { width: 100%; } .cplbfr { overflow: hidden; padding-top: 0.7rem; } .cplb_l { width: 2.8rem; overflow: hidden; float: left; position: relative; } .cplb_l_c { width: 2.8rem; overflow: hidden; border-radius: 0.15rem; padding: 0.1rem 0.3rem; background-color: #f4f6fa; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .cplb_l ul li { width: 100%; overflow: hidden; margin: 0.2rem 0px; } .cplb_l ul li a { width: 100%; display: block; line-height: 0.3rem; font-size: 0.18rem; font-weight: bold; font-family: albb_SemiBold; color: #222; overflow: hidden; background: url("../images/cp_02.png") right 0.06rem no-repeat; background-size: 0.22rem; padding-right: 0.24rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .cplb_l ul li:hover a { color: #014099; background: url("../images/cp_03.png") right 0.06rem no-repeat; background-size: 0.22rem; } .cplb_l ul li.on a { color: #014099; background: url("../images/cp_03.png") right 0.06rem no-repeat; background-size: 0.22rem; } .cplb_l_dw { width: 100%; height: 1px; overflow: hidden; position: absolute; left: 0px; top: 0.9rem; pointer-events: none; background-color: red; } .cplb_l_c.on { position: fixed; left: 50%; margin-left: -6rem; top: 0.6rem; z-index: 999; } .cplb_r { width: calc(100% - 0.6rem - 2.8rem); overflow: hidden; float: right; } .cplb_01 { width: 100%; overflow: hidden; position: relative; font-size: 0.32rem; color: #222222; line-height: 1.5; padding-bottom: 0.25rem;font-weight:bold; } .cplb_01 b { width: 0.4rem; height: 0.08rem; display: block; overflow: hidden; background: url("../images/lxwm_01.png") center no-repeat; background-size: 100% 100%; position: absolute; left: 0px; bottom: 0px; } .cplb_02 { width: 100%; overflow: hidden; margin-top: 0.4rem; } .cplb_02 ul li { width: calc((100% - 0.2rem) / 2); float: left; margin-right: 0.2rem; margin-bottom: 0.4rem; } .cplb_02 ul li:nth-child(2n) { margin-right: 0px; } .cplb_02 ul li em { width: 100%; display: block; overflow: hidden; font-style: normal; position: relative; } .cplb_02 ul li em.em1 { background-color: #f7f7f7; border-radius: 0.05rem; height: 3.1rem; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .cplb_02 ul li em.em1 img { max-width: 100%; max-height: 3.1rem; display: block; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .cplb_02 ul li em.em1::before { content: ""; width: 0; height: 0.03rem; display: block; overflow: hidden; background-color: #014099; position: absolute; left: 50%; bottom: 0px; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .cplb_02 ul li em.em2 span { width: 100%; display: block; overflow: hidden; text-align: center; } .cplb_02 ul li em.em2 span.sp1 { font-size: 0.2rem; color: #222; line-height: 0.3rem; margin-top: 0.2rem; } .cplb_02 ul li em.em2 span.sp2 { margin-top: 0.2rem; } .cplb_02 ul li em.em2 span.sp2 i { display: inline-block; line-height: 0.4rem; padding: 0px 0.3rem; border-radius: 0.4rem; background-color: #f1f1f1; font-size: 0.18rem; color: #222; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .cplb_02 ul li em.em2 span.sp3 { font-size: 0.18rem; color: #222; line-height: 1.5; margin-top: 0.05rem; } .cplb_02 ul li:hover em.em1::before { width: calc(100% - 0.1rem); left: 0.05rem; } .cplb_02 ul li:hover em.em1 img { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .cplb_02 ul li:hover em.em2 span.sp2 i { background-color: #014099; color: #fff; } .cplb_03 { margin-top: 0.3rem; } .ss_01 { overflow: hidden; text-align: center; margin-top: 0.6rem; } .ss_01 label { width: 100%; max-width: 6rem; height: 0.56rem; background-color: #fff; border-radius: 0.6rem; position: relative; display: inline-block; } .ss_01 label input.ss_01_txt { width: 100%; height: 100%; border: 0px; background-color: #fff; border-radius: 0.6rem; position: absolute; left: 0px; top: 0px; font-size: 0.16rem; padding: 0px 0.3rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .ss_01 label input.ss_01_btn { height: 0.52rem; padding: 0px 0.4rem; border-radius: 0.6rem; border: 0px; cursor: pointer; background-color: #014099; font-size: 0.16rem; color: #fff; position: absolute; right: 0.02rem; top: 0.02rem; } .ss_02 { margin-top: 0.3rem; } .ss_03{overflow:hidden;text-align:center;margin-top:.2rem;font-size:.16rem;line-height:1.5;color:#666;} .ss_03 label{display:inline-block;} .ss_03 span{display:inline-block;margin:0px .2rem;} .ss_03 span i{color:#014099;font-weight:bold;} .fkfw_06_c{width:100%;overflow:hidden;margin-top:.4rem;} .fkfw_06c_t{width:100%;overflow:hidden;text-align:center;font-size:.24rem;color:#014099;line-height:1.5;font-weight:bold;} .fkfw_06c_c{width:100%;overflow:hidden;margin-top:.2rem;} .fkfw_06c_c ul{width:100%;overflow:hidden;border:.01rem solid #d5d5d5;border-radius:.06rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;display:flex;display:-webkit-flex;justify-content: space-around} .fkfw_06c_c ul li{display:inline-block;line-height:1.75;padding:.2rem 0px;} .fkfw_06c_c ul li span{display:inline-block;font-size:.2rem;color:#1c1c1c;position:relative;padding-left:.2rem;} .fkfw_06c_c ul li span:before{content:"";width:.1rem;height:.1rem;display:block;overflow:hidden;border-radius:50%;background-color:#014099;position:absolute;left:0px;top:50%;margin-top:-.05rem;} @media screen and (max-width: 1700px) { .in_03 ul li .lb1 { font-size: 0.5rem; } } @media screen and (max-width: 1440px) { .wrap_in { margin: 0px auto; } } @media screen and (max-width: 1200px) { .wrap_in{max-width:100%;padding:0px .3rem;width:auto;} .wrap_c{} .t_menu ul li{margin-right:.2rem;} .gsjj_04 .fr{width:calc(100% - 3.67rem);} .fw01_t_c p{font-size:.24rem;} .gsjj_01_c p{font-size:.24rem;} /*.t_menu ul li .tm_c .tmc_c1{width:12rem;} .t_menu ul li .tm_c .tmc_c2{width:5.8rem;} .t_menu ul li .tm_c .tmc_c3{width:2.7rem;} .t_menu ul li .tm_c .tmc_c4{width:3.7rem;} .t_menu ul li .tm_c .tmc_c5{width:4.7rem;}*/ } /*@media screen and (max-width: 1030px) { .t_menu ul li .tm_c .tmc_c1{width:14rem;margin-left:-6rem;} .t_menu ul li .tm_c .tmc_c2{width:6.4rem;margin-left:-4rem;} .t_menu ul li .tm_c .tmc_c3{width:3.2rem;margin-left:-1.1rem;} .t_menu ul li .tm_c .tmc_c4{width:4.3rem;margin-left:-1.7rem} .t_menu ul li .tm_c .tmc_c5{width:5.3rem;margin-left:-1.95rem} } */ @media screen and (max-width: 880px) { .t_sch{width:1.4rem;} .in_03 ul li .lb2{margin-left:.1rem;min-width:1.8rem;} } @media screen and (max-width: 750px) { html,body{min-width:100%;} .topfr{position:fixed;min-width:100%;} .wrap_in { max-width: 750px; margin: 0px auto; padding: 0px; position: relative; } .wrap_c { max-width: 750px; width: auto; padding: 0px .2rem; margin: 0px auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .topfr .wrap_in { margin: 0px auto; } .subfr img.img1.w_pc { display: none !important; } .w_pc { display: none !important; } .subfr img.img1.w_pc { display: block !important; } .subfr .b1.w_wap { display: none !important; } .w_wap { display: block !important; } .topfr { height: 0.6rem; } .topfr .fl { height: 0.6rem; position: relative; z-index: 999; } .topfr .fl img { height: 0.3rem; } .top_empty { height: 0.6rem; } .top_on .t_sch { margin-top: 0.13rem; } .t_sch { width: 1.6rem; margin-top: 0.13rem; height: 0.34rem; } .t_sch input.tsch_txt { font-size: 0.14rem; } .t_sch input.tsch_btn { width: 0.14rem; right: 0.12rem; } .mtmenu_click { width: 0.24rem; height: 0.6rem; float: left; margin-left: 0.2rem; position: relative; z-index: 999; } .mtmenu_click a { width: 100%; height: 0.6rem; display: block; overflow: hidden; background: url("../images/menu_01.svg") center no-repeat; background-size: 100%; } .mtmenu_click a.on { background: url("../images/menu_02.svg") center no-repeat; background-size: 0.2rem; } .t_menu { width: 100%; position: fixed; left: 0px; top: 0px; background-color: #fff; padding-top: 0.6rem; display: none; } .t_menu ul { width: 100%; overflow: hidden; border-top: 0.01rem solid #e7e7e7; } .t_menu ul li { width: 100%; overflow: hidden; margin: 0px auto; padding: 0px; border-bottom: 0.01rem solid #e7e7e7; } .t_menu ul li .tm_t { height: 0.36rem; padding: 0.05rem 0px; justify-content: flex-start; font-size: 0.18rem; width: calc(100% - 20px); margin: 0px auto; } .banner_slide { height: auto; } .banner_slide .swiper-slide .bs_c p.p1 { font-size: 0.3rem; } .banner_slide .swiper-slide .bs_c p.p2 { font-size: 0.14rem; margin-top: 0.1rem; } .banner_slide .bs_sp { bottom: 0.2rem !important; } .in_02fr { padding-top:0rem; display: block; } .in_02fr .fl { width: 1rem; position: absolute; right: 0px; top: 0px; display:none; } .in_02fr .fr { width: 100%; } .in_02fr .fr p.p1 { font-size: 0.2rem; line-height: 0.6rem; } .in_02fr .fr p.p2 { font-size: 0.16rem; padding: 0 0rem; width: calc(100%); } .in_02fr .fr p.p3 a span { font-size: 0.15rem; padding-right: 0.2rem;background-size:.14rem; } .in_02fr .fr p.p3 a { padding: 0px 0.2rem; line-height: 0.3rem; margin-right: .2rem; } .in_03 { margin-top: 0.4rem; } .in_03 ul { display: block; } .in_03 ul li { width: 100%; display: block; padding-top: 0.1rem; padding-bottom: 0.1rem; margin-bottom: 0.2rem; } .in_03 ul li:last-child { margin-bottom: 0px; } .in_03 ul li .lb1 { font-size: 0.3rem; width: 100%; text-align: center;line-height:.5rem; } .in_03 ul li .lb2 span.sp1::before{width:.3rem;} .in_03 ul li .lb2 { width: 100%; } .in_03 ul li .lb2 span.sp1{font-size:.16rem;} .in_04 { padding-top: 0.4rem; } .in_04_t .lb1 span { font-size: 0.2rem; margin-left: 0.12rem; } .in_04_t .lb1 b { width: 0.04rem;height:.16rem;margin-top:.17rem; } .in_04_t a { padding: 0px 0.15rem; line-height: 0.3rem; margin-top: 0.1rem; } .in_04_t a span { font-size: 0.14rem; padding-right: 0.2rem; background-size: 0.14rem; } .in_04_t a:hover span{ background-size: 0.14rem;} .in_05_c { margin-top: 0.3rem; flex-wrap: wrap; } .in_05_c a { display: block; width: 100%; } .in_05_c em { width: 100%!important; } .in_05_c em.em2 { padding: 0.2rem; } .in_05_c span.sp1 { font-size: 0.14rem; } .in_05_c span.sp2 { font-size: 0.18rem; line-height: 0.28rem; } .in_05_c span.sp3 { font-size: 0.16rem; line-height: 0.26rem; max-height: 0.78rem; } .in_05_c span.sp4 { margin-top: 0.3rem; font-size: 0.16rem; padding-right: 0.4rem; } .in_05_c span.sp4 i{background-size:.14rem;padding-right:.2rem;} .in_05_b ul li span.sp4 i{background-size:.14rem;padding-right:.2rem;} .mt_01 ul li em.em3 b{background-size:.2rem;margin-right:0px;} .mt_01 ul li em.em3{position:absolute;right:0px;bottom:-.08rem;display:none;} .mt_01 ul li a{position:relative;} .mt_01 ul li em span.sp4{margin-top:.3rem;font-size:.16rem;color:#254194;} .mt_01 ul li em span.sp4 i{display:inline-block;background:url("../images/in_01.png") right center no-repeat;background-size:.14rem;padding-right:.2rem;} .mt_01 ul li:hover em.em3 b{background:url("../images/mt_01.png") center no-repeat;background-size:.2rem;margin-right:0px;} .in_05_b { padding-top: 0.3rem; } .in_05_b ul { display: block; } .in_05_b ul li { width: calc(100% - .4rem); margin-top: 0.2rem; padding-bottom: 0.2rem; padding-right: .2rem; padding-left: .2rem; } .in_05_b ul li span.sp1 { font-size: 0.14rem; } .in_05_b ul li span.sp2 { font-size: 0.18rem; line-height: 0.28rem; height: auto; -webkit-line-clamp: 100; } .in_05_b ul li span.sp3 { font-size: 0.16rem; line-height: 0.26rem; max-height: 0.78rem; } .in_05_b ul li span.sp4 { margin-top: 0.3rem; font-size: 0.16rem; padding-right: 0.4rem; } .btn_01 { padding: 0.3rem 0px; } .btn_01 .wrap_in { display: block; } .btn_01 .fl .lb1 span.sp1 { font-size: 0.18rem; } .btn_01 .fl .lb1 span.sp2 { font-size: 0.22rem; } .btn_01 .fl .lb1 { background-size: 0.33rem; padding-left: 0.5rem; text-align: left;min-height:.52rem; } .btn_01 .fl { width: 100%; text-align: center; } .btn_01 .fr { width: 100%; text-align: center; margin-top: 0.2rem; } .btn_01 .fr label:nth-child(2) { margin-left: 0.3rem; } .btn02_link { font-size: 0.16rem; } .btn02_link i { display: none; } .btn02_link a { margin-right: 0.1rem; } .btn02_b { padding-top: 0.3rem; padding-bottom: 0.2rem; } .btn02_b p img { height: 0.4rem; } .btn02_b p.p2 { margin-top: 0.1rem; font-size: 0.14rem; } .btn02_b p.p3 { font-size: 0.14rem; } .subfr .b1 { width: 100%; height: 3rem; display: block; overflow: hidden; } .subfr .b2 { display: none !important; } .subc_c p.p1 { font-size: 0.3rem; letter-spacing: 0px; text-shadow: 5px 2px 6px rgba(0, 0, 0, 0.5); } .subc_c p.p2 { font-size: 0.14rem; margin-top: 0.1rem; letter-spacing: 0px; text-shadow: 5px 2px 6px rgba(0, 0, 0, 0.5); } .sub_zn p.p1 { color: #fff; } .sub_zn p.p2 { color: #fff; } .nav_01fr ul li { margin: 0px 0.1rem; } .nav_01fr ul li a { font-size: 0.16rem; height: 0.7rem; } .dsxy_01 { padding-top: 0.3rem; } .dsxy_01 ul li { margin-bottom: 0.3rem; } .dsxy_01 ul li .dsxy_01_img { width: 100%; } .dsxy_01 ul li .dsxy_01_txt { width: 100%; position: relative; } .dsxy_01 ul li .dsxy_01_txt .dy1t_c { padding: 0.2rem; } .dsxy_01 ul li .dsxy_01_txt .dy1t_c p.p2 { font-size: 0.2rem; } .dsxy_01 ul li .dsxy_01_txt .dy1t_c p.p3 { font-size: 0.16rem; } .dsxy_01 ul li .dsxy_01_txt .dy1t_c p.p4 { font-size: 0.18rem; } .dsxy_02 { margin-top: 0.3rem; padding: 0.3rem 0px 0px 0px; } .dsxy_02 ul { display: block; } .dsxy_02 ul li { width: calc((100% - 0.2rem) / 2); margin-right: 0.2rem; float: Left; margin-bottom: 0.3rem; } .dsxy_02 ul li:nth-child(2n) { margin-right: 0px; } .dsxy_02 ul li em.em1 img { height: 0.4rem; } .dsxy_02 ul li em.em2 span.sp1 { font-size: 0.18rem; margin-top: 0.1rem; } .dsxy_02 ul li em.em2 span.sp2 { font-size: 0.15rem; } .dsxy_03 { padding-top: 0.3rem; padding-bottom: 0.1rem; } .lxwm_01_t { font-size: 0.2rem;padding-bottom:.2rem; } .lxwm_01_t b{width:.2rem;height:.04rem;margin-left:-.1rem;} .dsxy_04b_sp span{width:.2rem;height:.04rem;} .dsxy_03_t { margin-top: 0.3rem; } .dsxy_03_c1 ul { display: block; } .dsxy_03_c1 ul li { width: calc((100% - 0.2rem) / 2); margin-right: 0.2rem; float: Left; margin-bottom: 0.3rem; } .dsxy_03_c1 ul li:nth-child(2n) { margin-right: 0px; } .dsxy_03_c1 ul li em.em1 img { width: 0.6rem; } .dsxy_03_c1 ul li em.em2 { margin-top: 0.1rem; } .dsxy_03_c1 ul li em.em2 span.sp1 { font-size: 0.18rem; } .dsxy_03_c1 ul li em.em2 span.sp2 { font-size: 0.15rem; } .dsxy_04 { padding-top: 0.3rem; } .dy4cs_txt { width: calc(100%); padding: 0.2rem;margin-top:0px;border-radius:0px 0px .14rem .14rem;opacity:1; } .dy4cs_img{border-radius:.14rem .14rem 0px 0px;} .dy4cs_txt.on{ margin-top:-.02rem;} .dy4cs_txt p.p1 { font-size: 0.16rem; } .dy4cs_txt p.p2 { font-size: 0.14rem; } .btn_empty { height: 0.7rem; } .gsjj_01 { padding-top: 0.3rem; } .gsjj_01_c p { font-size: 0.15rem; } .gsjj_01_v em { margin-top: -0.3rem; } .gsjj_01_v em b { width: 0.4rem; height: 0.4rem; } .gsjj_01_v em span { font-size: 0.14rem; margin-top: 0px; } .gsjj_02 { margin-top: 0.3rem; padding: 0.3rem 0px; } .gsjj_02_c { margin-top: 0.3rem; } .gsjj_02_c ul li { width: 100%; display: block; overflow: hidden; margin: 0px; padding: 0px; margin-bottom: 0.3rem; } .gsjj_02_c ul li:nth-child(2) { padding: 0px; } .gsjj_02_c ul li p.p1 img { height: 0.4rem; } .gsjj_02_c ul li p.p2 { font-size: 0.18rem; margin-top: 0.1rem; } .gsjj_02_c ul li p.p3 { font-size: 0.14rem; } .gsjj_02_c ul li:last-child { margin-bottom: 0px; } .gsjj_03 { padding-top: 0.3rem; } .gsjj_03c_slide .swiper-slide .gsjj_03c_c p.p1 { font-size: 0.3rem; } .gsjj_03c_slide .swiper-slide .gsjj_03c_c p.p2 { font-size: 0.15rem; } .gsjj_03c_slide .swiper-slide-active .gsjj_03c_c { height: 100%; } .gsjj_04 { margin-top: 0.3rem; padding: 0.3rem 0px; } .gsjj_04 .fl { width: 100%; display: none; } .gsjj_04 .fr { width: 100%; } .gsjj_04c_slide .swiper-slide ul li { width: 100%; margin-right: 0px; padding: 0.25rem 0.15rem; } .job_01 { padding: 0.3rem 0px; } .job_01 .lxwm_01_t { font-size: 0.18rem; } .job_01_c ul li label { padding: 0px 0.15rem; } .job_01_c ul li label span.sp3 { margin-top: 0.4rem; } .job_01_c ul li img.img1 { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .job_01_c ul li label span.sp3 i { opacity: 1; margin-top: 0px; } .job_01_c ul li label img { height: 0.3rem; } .job_01_c ul li label span.sp1 { margin-top: 0.1rem; font-size: 0.2rem; } .job_01_c ul li label span.sp2 { font-size: 0.14rem; } .job_01_c ul li label span.sp3 i { font-size: 0.14rem; padding: 0px 0.2rem; line-height: 0.4rem; } .job_01_c ul li label span.sp3 i b { background-size: 0.15rem; padding-right: 0.3rem; } .job_02 { margin-top: 0.3rem; } .job_02_c { padding-top: 0.3rem; } .job_02_c ul li { width: calc((100% - 0.2rem) / 2); margin-right: 0.2rem; padding: 0.2rem 0.2rem; } .job_02_c ul li:nth-child(3n) { margin-right: 0.2rem; } .job_02_c ul li:nth-child(2n) { margin-right: 0px; } .job_02_c ul li em.em1 i img { height: 0.6rem; } .job_02_c ul li em.em2 { margin-top: 0.1rem; } .job_02_c ul li em.em2 span.sp1 { font-size: 0.18rem; } .job_02_c ul li em.em2 span.sp2 { font-size: 0.14rem; line-height: 0.24rem; height: 0.96rem; -webkit-line-clamp: 4; } .job_03 { margin-top: 0.3rem; } .job_03_t a { font-size: 0.16rem; padding: 0px 0.3rem; line-height: 0.4rem; margin: 0px 0.1rem; } .job_03_c { margin-top: 0.3rem; } .job_03_c label { padding-left: 0.9rem; } .job_03_c label span { font-size: 0.16rem; } .job_04 { padding-top: 0.3rem; } .job_04 ul li .job_04_t { padding: 0.1rem 0px; } .job_04 ul li .job_04_t span.sp1 { margin-left: 0.2rem; font-size: 0.16rem; } .job_04 ul li .job_04_t span.sp2 { display: none; } .job_04 ul li .job_04_t span.sp3 { display: none; } .job_04 ul li .job_04_t a { margin-right: 0.2rem; } .job_04 ul li .job_04_t a i { width: 0.3rem; height: 0.3rem; margin-top: 0.05rem; } .job_04 ul li .job_04_c .job_04c_c { padding: 0.2rem; } .job_04 ul li .job_04_c p.p4 a { line-height: 0.4rem; font-size: 0.14rem; padding: 0px 0.3rem; } .pagesfr { margin-top: 0.3rem; } .pagesfr a { display: none;line-height:.3rem;padding:0px .1rem; } .pagesfr i { display: none; } .pagesfr span { display: none; } .pagesfr input { display: none; } .pagesfr a.a1 { display: inline-block; } .pagesfr a.on { display: inline-block; } .mt_01 { margin-top: 0.3rem; } .mt_01 ul li { padding: 0.2rem 0rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; } .mt_01 ul li a { display: block; } .mt_01 ul li em.em1 { display: none; } .mt_01 ul li em.em2 { width: 100%; } .mt_01 ul li em.em3 { width: 100%; margin-top: 0.2rem; } .mt_01 ul li em.em2 .sp1 { font-size: 0.18rem;-webkit-box-orient:vertical;-webkit-line-clamp:4;text-overflow:ellipsis;display:-webkit-box;white-space:normal; } .mt_01 ul li em.em2 .sp3 { display: block; } .nxq_01 { margin-top: 0.3rem; } .nxq_01_t { padding: 0px 0rem; } .nxq_01_t h1 { margin-top: 0.3rem; font-size: 0.2rem; } .nxq_01_t p { padding: 0.15rem 0px; font-size: 0.14rem; } .nxq_01_t p span { background-size: 0.14rem; padding-left: 0.2rem; } .nxq_01_c { padding: 0.2rem 0rem; } .nxq_01_c video{max-width:100%;height:auto !important;} .nxq_01_b { padding: 0.2rem 0rem 0rem 0rem; font-size: 0.14rem; } .nxq_01_b::before { width: calc(100% - 0.4rem); left: 0.2rem; } .nxq_01_b a { width: 100%; display: block; overflow: hidden; margin-bottom: 0.2rem; } .fkfw_01 { padding: 0.3rem 0px; } .fkfw_01 .wrap_c { display: block; } .fkfw_01 .fkfw_01_img { width: 100%; } .fkfw_01 .fkfw_01_txt { width: 100%; margin-top: 0.3rem; } .fw01_t_c::before { margin-bottom: 0.2rem;width:.2rem;height:.04rem; } .fw01_t_c p { font-size: 0.15rem; } .fkfw_02 { padding: 0.3rem 0px; } .fkfw_02_c ul li { margin: 0px; width: 48%; float: left; margin-bottom: 0.3rem; margin-right: 4%; } .fkfw_02_c ul li:nth-child(2) { margin-right: 0px; } .fkfw_02_c ul li p.p2 { font-size: 0.16rem; font-weight: bold; } .fkfw_02_c ul li p.p3 { font-size: 0.14rem; } .fkfw_03 { padding: 0.3rem 0px; } .fkfw_03_c ul { display: block; } .fkfw_03_c ul li { width: 100%; margin: 0px auto; padding: 0px; margin-bottom: 0.3rem; float: none; max-width: 100%; } .fkfw_03_c ul li:last-child { margin-bottom: 0px; } .fkfw_03_c ul li p.p1 img { height: 0.6rem; } .fkfw_03_c ul li p.p2 { font-size: 0.16rem;font-weight:bold; margin-top: 0.1rem; } .fkfw_03_c ul li p.p3 { font-size: 0.14rem; padding: 0 .2rem; width: calc(100% - .4rem); } .fkfw_04 { padding: 0.3rem 0px; } .fkfw_04_c ul { display: block; } .fkfw_04_c ul li { float: none; margin: 0px auto; padding: 0px; margin-bottom: 0.3rem; } .fkfw_07 { padding: 0.3rem 0px; } .fkfw_07_c ul li { width: 100%; padding: 0.2rem; } .fkfw_07_c ul li .fw07c_r p.p1 { font-size: 0.16rem; margin-bottom: 0.1rem;font-weight:bold; } .fkfw_07_c ul li .fw07c_r p { font-size: 0.14rem; } .fkfw_08 { padding: 0.3rem 0px; } .fkfw_08_c ul { display: block; } .fkfw_08_c ul li { width: 100%; margin-bottom: 0.3rem; } .fkfw_08_c ul li:last-child { margin-bottom: 0px; } .fkfw_08_c ul li p.p1 img { height: 0.4rem; } .fkfw_08_c ul li p.p2 { font-size: 0.16rem; margin-top: 0.1rem;font-weight:bold; } .fkfw_08_c ul li p.p3 { font-size: 0.14rem; } .fkfw_09 { padding: 0.3rem 0px 0.8rem 0px; } .fkfw_05_c { margin-top: 0.3rem; } .fkfw_03_c_wap ul li { width: 50%; float: left; } .fkfw_10 { padding: 0.3rem 0px 0.8rem 0px; } .fkfw_09_t p { font-size: 0.14rem; } .fkfw_13_c ul li { width: 100%; margin: 0px; margin-bottom: 0.3rem; } .fkfw_15_c { font-size: 0.18rem; margin-top: 0.2rem; } .fkfw_16_c ul { width: 100%; display: block; padding: 0px; margin-top: 0.3rem; } .fkfw_16_c ul li { width: 33.3333%; float: left; margin-bottom: 0.3rem; } .fkfw_16_c ul li em.em1 { width: 0.5rem; height: 0.5rem; } .fkfw_16_c ul li em.em2 { font-size: 0.14rem; margin-top: 0.1rem; } .gsgg_01 .gsg_01_prev { left: 0.2rem;width:.3rem; } .gsgg_01 .gsg_01_next { right: 0.2rem;width:.3rem; } .gsgg_01 .gsgg_01_slide { width: calc(100% - 1rem); height: 0.62rem; } .gsgg_01 .gsgg_01_slide .swiper-slide { font-size: 0.18rem; } .gsgg_01 .gsgg_01_slide .swiper-slide a.on { font-size: 0.24rem; } .gsgg_01 .gsgg_01_slide .swiper-slide a { padding-bottom: 0.22rem; } .gsgg_02 { margin-top: 0px; } .gsgg_02 ul li a { display: block; } .gsgg_02 ul li em.em1 { display: none; } .gsgg_02 ul li em.em2 { width: 100%; } .gsgg_02 ul li em.em3 { display: block; width: 100%; margin-top: 0.2rem; } .gsgg_02 ul li em.em2 .sp3 { display: block; } .gsgg_02 ul li em.em3 b { width: 0.56rem; height: 0.3rem; } .tzbg_01 { padding-top: 0.1rem; } .tzbg_01 ul li::before { width: 0.56rem; height: 0.3rem;right:initial;left:0px;bottom:.3rem;top:initial; } .tzbg_01 ul li { line-height: 0.3rem;padding-bottom:.8rem; } .tzbg_01 ul li span { font-size: 0.18rem;width:100%;display:block;padding-left:.15rem;background-size:.08rem; } .shzr_01 { padding-top: 0.3rem; } .shzr_01 ul li { width: 100%; margin-right: 0px; } .shzr_01 ul li em.em2 span.sp1 { font-size: 0.18rem; } .shzr_01 ul li em.em2 span.sp2 { margin-top: 0.3rem; } .shzr_01 ul li em.em2 span.sp2 i { width: 0.56rem; height: 0.3rem; } .lxwm_01 { padding-top: 0.3rem; padding-bottom: 0.5rem; } .lxwm_01c_map { height: 2rem; } .xwm_01c_b ul { width: calc(100% - 0.4rem); margin: 0rem auto; display: block; } .xwm_01c_b ul li { width: 100%; margin: 0.2rem 0px; min-height: 0.4rem; padding-left: 0.5rem; } .xwm_01c_b ul li span.sp1 { font-size: 0.14rem; } .xwm_01c_b ul li span.sp2 { font-size: 0.18rem; } .xwm_01c_b ul li i { width: 0.4rem; } .lxwm_02_c ul li label { width: 100%; margin-right: 0px; } .lxwm_02_c ul li label:nth-child(2) { margin-top: 0.2rem; } .lxwm_02_c ul li span.sp2 input.lxwm_02_txt { padding: 0px 0.2rem; font-size: 0.14rem; height: 0.46rem; } .lxwm_02_c ul li span.sp2 select { height: 0.46rem; padding: 0px 0.2rem; font-size: 0.14rem; } .lxwm_02_c ul li span.sp2 textarea { padding: 0.1rem 0.2rem; font-size: 0.14rem; } .lxwm_02_b { margin-top: 0.2rem; } .lxwm_02_b input { height: 0.46rem; font-size: 0.14rem; padding: 0px 0.3rem; } .lxwm_03 { margin-top: 0.3rem; } .lxwm_03_c ul { align-items: flex-start; } .lxwm_03_c ul li span { font-size: 0.14rem; } .cpxq_03 { position: relative; left: 0px; top: 0px; height: auto; width: 100%; } .cpxq_01 { margin-top: 0.3rem; } .cpxq_02 { width: 100%; } .cpxq_01 h1 { width: 100%; font-size: 0.2rem; } .cpxq_02 p.p1 { font-size: 0.18rem; text-indent: 0.15rem; } .cpxq_02 p.p1 b{width:.04rem;height:.16rem;top:.11rem;} .cpxq_02 p { font-size: 0.14rem; } .cpxq_02 { margin-top: 0.2rem; } .cplbfr { padding-top: 0.3rem; } .cplb_l { width: 100%; float: none; } .cplb_l_c { width: 100%; float: none; padding: 0.1rem 0px 0.1rem 0.2rem; } .cplb_l_c select { width: 100%; overflow: hidden; border: 0px; font-size: 0.16rem; background: url("../images/lxwm_02.png") right center no-repeat; background-size: 0.3rem; } .cplb_r { width: 100%; float: none; margin-top: 0.3rem; } .cplb_01 { font-size: 0.2rem;padding-bottom:.15rem; } .cplb_01 b { width: 0.2rem; height: 0.04rem; } .cplb_02 { margin-top: 0.2rem; } .cplb_02 ul li { margin-bottom: 0.2rem; } .cplb_02 ul li em.em2 span.sp1 { font-size: 0.15rem; margin-top: 0.1rem; } .cplb_02 ul li em.em2 span.sp2 i { font-size: 0.13rem; line-height: 0.34rem; padding: 0px 0.2rem; } .cplb_02 ul li em.em2 span.sp2 { margin-top: 0.1rem; } .cplb_02 ul li em.em2 span.sp3 { font-size: 0.15rem; margin-top: 0px; } .jobtcfr .jobtc_c { width: 98%; left: 1%; margin-left: 0px; padding: 0px 0.2rem; } .jobtcfr .jobtc_c p.p1 { font-size: 0.2rem; } .jobtcfr .jobtc_c p.p2 span.sp1 { font-size: 0.14rem; line-height: 0.4rem; } .jobtcfr .jobtc_c p.p2 { min-height: 0.4rem; padding-left: 0.9rem; } .jobtcfr .jobtc_c p.p2 span.sp2 input.jobtc_txt { height: 0.4rem; font-size: 0.14rem; padding: 0px 0.1rem; } .jobtcfr .jobtc_c p.p2 span.sp2 .lb1 { line-height: 0.4rem; padding: 0px 0.2rem; font-size: 0.14rem; } .jobtcfr .jobtc_c p.p2 span.sp2 .lb1 i { font-size: 0.14rem; padding-left: 0.2rem; } .jobtcfr .jobtc_c p.p3 input { font-size: 0.14rem; height: 0.4rem; padding: 0px 0.2rem; } .jobtcfr .jobtc_c p.p3 { margin-top: 0.2rem; } .ss_01 { margin-top: 0.2rem; } .ss_02 { margin-top: 0rem; } .t_menu ul li .tm_t { position: relative; } .t_menu ul li .tm_t b { width: 0.36rem; height: 100%; display: block; background: url("../images/job_01.svg") center no-repeat; background-size: 0.12rem; position: absolute; right: 0px; top: 0px; } .t_menu ul li:last-child .tm_t b { display: none; } .t_menu ul li .tm_c { display: block; position: relative; left: 0px; top: 0px; display: none; } .t_menu ul li .tm_c .tmc_c { margin-top: 0px; } .t_menu ul li .tm_c .tmc_c dl dd em.em1 { display: none; } .t_menu ul li .tm_c .tmc_c dl dd em.em2 { padding-bottom: 0px; margin-top: 0px; font-size: 0.16rem; text-align:left; } .t_menu ul li .tm_c .tmc_c dl dd em.em2::before { display: none !important; } .t_menu ul li .tm_c .tmc_c dl dd em.em2 br { display: none; } .t_menu ul li .tm_c .tmc_c dl { display: block; margin: 0px; padding: 0px 10px; padding-bottom: 0.2rem; } .t_menu ul li .tm_c .tmc_c dl dd { width: 100%; margin: 0px; padding:.02rem 0px; text-align:left;position:relative; } .t_menu ul li .tm_c .tmc_c dl dd a:before{content:"";display:block;position:absolute;left:0px;top:0px;width:.06rem;height:100%;background:url("../images/tz_01.png") left center no-repeat;background-size:100%;} .t_menu ul li .tm_c .tmc_c dl dd a{text-align:left;position:relative;text-indent:.12rem;} .t_menu ul li .tm_c .tmc_c dl dd>span{display: none;} .t_menu ul li.on1 .tm_t::before { display: none; } .t_menu ul li.on .tm_t::before { display: none; } .t_menu ul li .tm_c .tmc_c1 { width: 100%; left: 0px; margin-left: 0px; } .t_menu ul li .tm_c .tmc_c2 { width: 100%; left: 0px; margin-left: 0px; } .t_menu ul li .tm_c .tmc_c3 { width: 100%; left: 0px; margin-left: 0px; } .t_menu ul li .tm_c .tmc_c4 { width: 100%; left: 0px; margin-left: 0px; } .t_menu ul li .tm_c .tmc_c5 { width: 100%; left: 0px; margin-left: 0px; } .t_menu ul li.on1 .tm_t b { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); } .ss_01 label{height:.46rem;} .ss_01 label input.ss_01_btn{height:0.42rem;padding:0px 0.3rem;} .gsjj_03 .lxwm_01_t .gsjj_03_prev{display:none;} .gsjj_03 .lxwm_01_t .gsjj_03_next{display:none;} .gsjj_03c_slide .swiper-wrapper{display:block;} .gsjj_03c_slide .swiper-slide{width:100%;height:auto;} .gsjj_03c_slide .swiper-slide .gsjj_03c_c{position:relative;padding-bottom:.3rem;width:100%;} .gsjj_03c_slide .swiper-slide .gsjj_03c_c em b{top:.08rem;} .gsjj_03c_slide .swiper-slide .gsjj_03c_c em::before{top:.22rem;} .gsgg_02 ul li em.em2 .sp1{font-size:.18rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;display:-webkit-box;white-space:normal;} .gsjj_03_b{height:.04rem;} .gsjj_04 .fr .lxwm_01_t em a{width:.3rem;height:.3rem;} .banner_slide .bs_sp span{height:.04rem;width:.3rem;} .fkfw_04_c ul li p.p1{font-size:.4rem;} .fkfw_04_c ul li p.p1 span{font-size:.16rem;} .fkfw_04_c ul li p.p3 span{font-size:.16rem;} .fkfw_13_c ul li p.p1{font-size:.4rem;} .fkfw_13_c ul li p.p3 span{font-size:.16rem;} #newBridge .nb-icon-wrap{width:.5rem !important;} .dsxy_01 ul li .dsxy_01_txt .dy1t_c p.p1 b{width:.2rem;height:.04rem;} .ss_03 label{width:100%;display:block;overflow:hidden;} .ss_03 label span{margin:.02rem 0px;width:100%;overflow:hidden;line-height:1.5;} .mt_01 ul li.li1 label img{height:1rem;} .fkfw_06c_c ul{display:block;padding:.1rem;} .fkfw_06c_c ul li{width:49%;float:left;margin-right:2%;padding:.05rem 0px;} .fkfw_06c_c ul li:nth-child(2n){margin-right:0px;} .fkfw_06c_c ul li:last-child{margin-right:0px;width:100%;} .fkfw_06c_c ul li span{font-size:.16rem;padding-left:.15rem;} .fkfw_06c_c ul li span:before{width:.06rem;height:.06rem;margin-top:-.03rem;} .gsjj_04c_slide .swiper-slide ul li em.em3{font-size:.14rem;} .shzr_01 ul li em.em1{width:1.3rem;} .shzr_01 ul li em.em2{width:calc(100% - 1.3rem - 0.2rem)} .fkfw_06c_t{font-size:.16rem;} .fkfw_06c_c ul li{padding:.01rem 0px;} .fkfw_06c_c ul li span{font-size:.14rem;} } @media screen and (max-width: 749px) { .wrap_in { margin: 0px 10px; } .topfr .wrap_in { margin: 0px 10px; } .dttcfr { width: 2.4rem; padding-left:0; } .dttcfr .dttc_c p{font-size: 14px;line-height: 1.5;} .dttcfr .dttc_c p.p1{font-size: .16rem;} .fkfw_14_c ul { display: block; width: calc(100% - .4rem); margin: 0 .2rem; } .fkfw_14_c ul li { width: 50%; float: Left; margin-top: 0.3rem;max-width:100%; } .fkfw_14_c ul li:last-child { margin-bottom: 0px; width: 100%; } .fkfw_14_c ul li p.p1 img { height: 0.6rem; } .fkfw_14_c ul li p.p2 { font-size: 0.16rem;font-weight:bold; } .fkfw_14_c ul li p.p3 { font-size: 0.14rem; } .cplb_02 ul li em.em1 { height: 1.4rem; } .cplb_02 ul li em.em1 img { height: 1.4rem; } .job_01_c { margin-top: 0rem; } .job_01_c ul li { width: 100%; margin-top: 0.3rem; } }