@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.eot"); src: url("../fonts/albb.eot?#iefix") format("embedded-opentype"), url("../fonts/albb.woff") format("woff"), url("../fonts/albb.ttf") format("truetype"), url("../fonts/albb.svg#syRegular") 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#din") format("svg"); font-weight: normal; font-style: normal; } 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: #005bac; 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; } .yh { font-family: "Microsoft Yahei", "微软雅黑"; } 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: 'syRegular', Arial, 'Microsoft Yahei', '微软雅黑', SimSun, Arial, tahoma, arial !important; outline: none; } input::-ms-clear, input::-ms-reveal { display: none; } input[type="text"]:disabled { background-color: #999; } input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; } input:-ms-input-placeholder { color: #999; } input::-webkit-input-placeholder { color: #999; } 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(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); } 100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); } } @keyframes an_02 { 0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); } 100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); } } .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; } 100% { opacity: 1; } } @keyframes an_03 { 0% { opacity: 0; } 100% { opacity: 1; } } .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(-3px); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); } 50% { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); } 100% { transform: translateY(-3px); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); } } @keyframes an_04 { 0% { transform: translateY(-3px); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); } 50% { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); } 100% { transform: translateY(-3px); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); } } @-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); } } /*common*/ .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 { margin: 0px 8%; } .wrap_c { margin: 0px 10%; } .w_wap { display: none !important; } .banner_fs .p1 { font-size: 1rem; line-height: 1; } .banner_fs .p2 { font-size: 0.24rem; line-height: 1; } .topfr { width: 100%; position: absolute; left: 0px; top: 0.6rem; z-index: 99999; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .topfr .wrap_in { margin: 0px 0.4rem; } .topfr .menu_click { float: left; width: 0.4rem; height: 0.7rem; margin-right: 0.6rem; } .topfr .menu_click a { width: 100%; height: 0.7rem; display: block; overflow: hidden; background: url("../images/c_02.png") center no-repeat; background-size: 100%; } .topfr .fl { height: 0.7rem; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .topfr .fl h2 { display: inline-block; position: relative; margin: 0px; } .topfr .fl img { display: block; height: 0.7rem; } .topfr .fl h1 { position: absolute; left: 0px; top: 0px; pointer-events: none; width: 0px; height: 0px; overflow: hidden; } .menufr { float: left; } .menufr ul li { float: left; padding: 0px 0.25rem; position: relative; } .menufr ul li .tm_t { width: 100%; height: 0.7rem; overflow: hidden; position: relative; z-index: 99; display: flex; display: -webkit-flex; align-items: center; justify-content: center; font-size: 0.2rem; color: #b1b1b1; } .menufr ul li .tm_t a { color: #fff; display: inline-block; position: relative; line-height: 1.3; } .menufr ul li .tm_t a:before { content: ""; width: 0rem; height: 0.02rem; display: block; overflow: hidden; background-color: #fafbfb; position: absolute; left: 50%; bottom: -0.2rem; margin-left: 0rem; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } /*12-11edit*/ .menufr ul li .tm_c { border-radius: 0.04rem; width: 100%; display: none; position: absolute; left: 0px; top: .6rem; /* overflow: hidden; */ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .menufr ul li .tm_c .tmc_c { width: 100%; /* overflow: hidden; */ padding: 0.1rem 0px; background-color: rgba(0, 0, 0, 0.5); display: flex; flex-direction: column; } .top_pos2 .menufr ul li .tm_c .tmc_c { margin-top: 0.4rem; } .topnx .menufr ul li .tm_c .tmc_c {margin-top:0;} .menufr ul li .tm_c .tmc_c .third_nav{ position: absolute; left: 100%; top:0; width: 160%; background-color: rgba(0, 0, 0, 0.5); border-radius: 0.04rem; border: solid rgba(255, 255, 255, 0.05) 1px ; display: none; } .top_pos2 .menufr ul li .tm_c .tmc_c .third_nav{ top:.4rem; } .topnx .menufr ul li .tm_c .tmc_c .third_nav{top:0;} .menufr ul li .tm_c .tmc_c .third_nav li a{ font-size: .16rem; color:rgba(255,255,255,.8); } .menufr ul li .tm_c .tmc_c li { width: 100%; /* overflow: hidden; */ text-align: center; font-size: 0.18rem; line-height: 1.5; margin: 0.1rem 0px; padding: 0px 0.1rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: static; } .menufr ul li .tm_c .tmc_c li:hover .third_nav{display: block;} .menufr ul li .tm_c .tmc_c li a { color: #fff; } .menufr ul li .tm_c .tmc_c li a:hover { color: #72ba5a; } .menufr ul li:nth-child(4) .tm_c { width: calc(100% + 0.5rem); margin-left: -0.25rem; } .menufr ul li:nth-child(5) .tm_c { width: calc(150% + 0.5rem); margin-left: -0.25rem; } .menufr ul li:nth-child(6) .tm_c { width: calc(160% + 0.5rem); margin-left: -0.25rem; } .menufr ul li:hover .tm_t a::before { width: 0.3rem; margin-left: -0.15rem; } .menufr ul li:hover .tm_c { display: block; } .top_empty { overflow: hidden; width: 100%; height: 1rem; } .top_on { top: -1.3rem; padding-bottom: 0.1rem !important; } .top_on1 { background-color: rgba(0, 0, 0, 0.5); } .top_pos { position: fixed; z-index: 99999; top: 0rem; padding-top: 0.3rem; } .top_pos .menufr ul li .tm_c { /*background-color: rgba(0, 0, 0, 0);*/ top:0; } .top_pos .menufr ul li .tm_c .tmc_c { /* background-color: rgba(0, 0, 0, 0.5);*/ margin-top: 1rem; } .top_pos.on .menufr ul li .tm_c .tmc_c .third_nav{top:1rem;} .top_pos .fl { display: none; } .top_pos .fr { display: none; } .top_pos.on { background-color: rgba(0, 0, 0, 0.5); padding: 0.3rem 0px; } .top_pos.on .fl { display: block; } .top_pos.on .fr { display: block; } .top_pos.on1 .menu_click a { background: url("../images/c_02_on.png") center no-repeat; background-size: 100%; } .top_pos.on .menu_click a { background: url("../images/c_02.png") center no-repeat; background-size: 100%; } .top_pos2 { position: fixed; z-index: 99999; top: 0rem; background-color: rgba(0, 0, 0, 0.5); padding: 0.3rem 0px; } /*.top_pos2 .menufr ul li .tm_c { background-color: rgba(0, 0, 0, .5); }*/ .top_pos2 .menufr ul li .tm_c .tmc_c { /*background-color: rgba(0, 0, 0, 0.5);*/ /* margin-top: 1rem;*/ } .page1 { overflow: hidden; position: relative; background-color: #fff; } .banner_slide { width: calc(100%); height: 100vh; overflow: hidden; z-index: 999; } .banner_slide .swiper-slide { width: 100%; overflow: hidden; } .banner_slide .swiper-slide .nbanner_bg { width: 100%; height: 100%; overflow: hidden; position: relative; left: 0px; top: 0px; } .banner_slide .swiper-slide .nbanner_bg b { width: 100%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; transition: 3s linear; -webkit-transition: 3s linear; -o-transition: 3s linear; -moz-transition: 3s linear; } .banner_slide .swiper-slide .nbanner_bg img { position: absolute; -webkit-animation: an_06 6.1s linear infinite; animation: an_06 6.1s linear infinite; } .banner_slide .swiper-slide .nbanner_bg img.img1 { width: 14.01041667%; right: -3%; top: -5%; animation-delay: 100ms; animation-duration: 10s; } .banner_slide .swiper-slide .nbanner_bg img.img2 { width: 8.59375%; left: 38%; top: 12%; animation-delay: 100ms; animation-duration: 3s; } .banner_slide .swiper-slide .nbanner_bg img.img3 { width: 32%; left: 54%; top: 25.5%; animation-delay: 250ms; animation-duration: 6s; } .banner_slide .swiper-slide .nbanner_bg img.img4 { width: 12.4%; left: 47%; top: 62%; animation-delay: 300ms; animation-duration: 4s; } .banner_slide .swiper-slide .nbanner_bg img.img5 { width: 8.6%; left: 87%; top: 82%; animation-delay: 200ms; animation-duration: 5s; } .banner_slide .swiper-slide .nbanner_bg img.img6 { height: 70vh; right: 10%; top: 22vh; animation-delay: 200ms; animation-duration: 5s; } .nbanner_c { width: 100%; height: calc(100% - 1.3rem); overflow: hidden; position: absolute; left: 0px; bottom: 0px; z-index: 990; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .nbanner_c .nbc_c { width: 100%; overflow: hidden; } .nbanner_c .nbc_c p { width: 100%; overflow: hidden; opacity: 0; } .nbanner_c .nbc_c p.p1 { font-family: "savoyelet"; font-size: 0.38rem; color: #5db356; line-height: 1.1; } .nbanner_c .nbc_c p.p2 { font-size: 0.8rem; color: #fff; line-height: 1; text-transform: uppercase; font-style: oblique; font-weight: bold; margin-top: 0.1rem; } .nbanner_c .nbc_c p.p3 { font-size: 0.42rem; color: #fff; line-height: 1.3; margin-top: 0.4rem; } .nbanner_c .nbc_c p.p4 { font-size: 0.42rem; color: #fff; line-height: 1.3; margin-top: 0.1rem; } .nbanner_c .nbc_c p.p5 { margin-top: 0.6rem; } .nbanner_c .nbc_c p.p5 a { display: inline-block; line-height: 0.5rem; padding: 0px 0.45rem; border-radius: 0.2rem; font-size: 0.2rem; color: #fff; background: linear-gradient(to right, #1b2786 20%, #5db456); background: -webkit-linear-gradient(to right, #1b2786 20%, #5db456); background: -o-linear-gradient(to right, #1b2786 20%, #5db456); background: -moz-linear-gradient(to right, #1b2786 20%, #5db456); } .nbanner_c .nbc_c p.p6 { margin-top: 0.6rem; } .nbanner_c .nbc_c p.p6 img { width: 1rem; display: block; } .page2 { overflow: hidden; position: relative; background: url("../upimg/in_02.jpg") center no-repeat; background-size: cover; } .page2::before { content: ""; width: 100%; height: 100%; overflow: hidden; background: url("../upimg/in_03.png") center bottom no-repeat; background-size: 100% 100%; pointer-events: none; position: absolute; left: 0px; bottom: 0px; z-index: 9999; } .p2_t { position: absolute; left: 8%; top: 1rem; z-index: 999; } .p2_t label { display: inline-block; position: relative; cursor: pointer; } .p2_t label::before { content: ""; width: 0.4rem; height: 0.5rem; display: block; overflow: hidden; background: url("../images/in_01.png") center no-repeat; background-size: 100%; position: absolute; right: -0.32rem; top: 0px; } .p2_t label span { display: block; overflow: hidden; } .p2_t label span.sp1 { font-size: 0.42rem; color: #fff; line-height: 0.5rem; } .p2_t label span.sp2 { font-size: 0.2rem; color: rgba(255, 255, 255, 0.3); text-transform: uppercase; line-height: 1.3; margin-top: 0.1rem; } .p2_c { widtH: 100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; z-index: 998; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .p2_c .p2c_c { width: 100%; overflow: hidden; } .p2_c .p2c_c .p2_t{left:0; top:0;} .p2_c .p2c_c .p2_t label{background: url(../images/w/span_bg1.png) bottom left no-repeat;padding-right: 1rem;padding-bottom: .1rem;} .p2_c .p2c_c .p2_t label::before { content: ""; width: 0.4rem; height: 0.5rem; display: block; overflow: hidden; background: url("../images/in_01.png") center no-repeat; background-size: 100%; position: absolute; right: .4rem; top: 0px; } /*.p2_c .p2c_c .fl,.p2_c .p2c_c .fr{width: 49%;position: relative;padding-top: 1.3rem;} .p2_c .p2c_c .fr{margin-left: 2%;}*/ .p2_c .p2c_c .fl,.p2_c .p2c_c .fr{width: 59%;position: relative;padding-top: 1.3rem;} .p2_c .p2c_c .fr{margin-left: 2%;width: 39%;} .p2c_slide { width: 100%; overflow: hidden; position: relative; } .p2c_slide .p2c_a { position: absolute; right: 1rem; top: 0.5rem; z-index: 999; } .p2c_c .p2c_a a { width: 0.5rem; height: 0.5rem; display: block; overflow: hidden; float: left; } .p2c_c .p2c_a a.p2c_prev { background: url("../images/in_04.png") center no-repeat; background-size: 100%; } .p2c_c .p2c_a a.p2c_prev:hover { background: url("../images/in_04_on.png") center no-repeat; background-size: 100%; } .p2c_c .p2c_a a.p2c_next { background: url("../images/in_05.png") center no-repeat; background-size: 100%; margin-left: 0.2rem; } .p2c_c .p2c_a a.p2c_next:hover { background: url("../images/in_05_on.png") center no-repeat; background-size: 100%; } .p2c_c .swiper-slide { width: 100% !important; overflow: hidden; position: relative; } .p2c_c .swiper-slide ul { width: 100%; overflow: hidden; display: flex; display: -webkit-flex; align-items: flex-start; /* justify-content: space-between;*/ } .p2c_c .swiper-slide ul li { width: calc((100% - 0.4rem) / 3); margin: 0px .2rem 0 0; overflow: visible; position: relative; } .p2_c .p2c_c .fl .swiper-slide ul li:nth-child(3){margin-right:0;} .p2_c .p2c_c .fl .swiper-slide ul li:nth-child(1),.p2_c .p2c_c .fl .swiper-slide ul li:nth-child(3){margin-top: .5rem;} .p2_c .p2c_c .fr .swiper-slide ul li:nth-child(2){margin-top: .5rem; margin-right:0;} .p2_c .p2c_c .fr .swiper-slide ul li{ width: calc((100% - 0.2rem) / 2);} .p2c_c .swiper-slide a { width: 100%; display: block; overflow: visible; position: relative; } .p2c_c .swiper-slide em { width: 100%; display: block; overflow: hidden; font-style: normal; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .p2c_c .swiper-slide em.em3 { position: relative; overflow: visible; } .p2c_c .swiper-slide em.em3 img.img1 { width: 100%; display: block; } .p2c_c .swiper-slide em.em3 b { width: 104%; height: 104%; display: block; position: absolute; left: -2%; top: -2%; background-color: initial; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .p2c_c .swiper-slide em.em1 { height: 100%; position: absolute; left: 0px; top: 0px; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .p2c_c .swiper-slide em.em2 { width: 100%; padding: 0px 0.4rem; } .p2c_c .swiper-slide em.em2 span { width: 100%; display: block; overflow: hidden; text-align: center; color: #fff; } .p2c_c .swiper-slide em.em2 span.sp1 img { display: block; height: 1rem; margin: 0px auto; padding: 0px; } .p2c_c .swiper-slide em.em2 span.sp2 { font-size: .28rem; color: #fff; line-height: 1.3; margin-top: 0.4rem; } .p2c_c .swiper-slide em.em2 span.sp3 { font-size: 0.2rem; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; line-height: 1.1; margin-top: 0.1rem; } .p2c_c .swiper-slide em.em2 span.sp4 { margin: 0.2rem 0px; } .p2c_c .swiper-slide em.em2 span.sp4 b { width: 100%; height: 0.16rem; display: block; overflow: hidden; background: url("../images/in_02.png") center no-repeat; background-size: auto 100%; } .p2c_c .swiper-slide em.em2 span.sp5 { font-size: 0.18rem; color: #fff; line-height: 1.3; } .p2c_c .swiper-slide em.em2 span.sp6 { margin-top: 0.8rem; } .p2c_c .swiper-slide em.em2 span.sp6 b { width: 100%; height: 0.4rem; display: block; overflow: hidden; background: url("../images/in_03.png") center no-repeat; background-size: auto 100%; } .p2c_c .swiper-slide a:hover em.em3 b { backdrop-filter: blur(0px); -webkit-backdrop-filter: blur(0px); } .page3 { overflow: hidden; position: relative; background: url("../upimg/in_13.jpg") center no-repeat; background-size: cover; } .page3::before { content: ""; width: 100%; height: 100%; display: block; overflow: hidden; background: url("../upimg/in_14.png") center bottom no-repeat; background-size: 100% 1.29rem; pointer-events: none; position: absolute; left: 0px; top: 0px; } .p3fr { width: 100%; overflow: hidden; padding-bottom: 1.29rem; } .p3t_r { position: absolute; right: 0px; top: 50%; margin-top: -0.25rem; } .p3c_slide{position: relative;overflow: hidden;width: 92%;margin-left: 8%;} .p3c_slide .swiper-slide{padding: .3rem; width: 42%;} .p3c_slide .i_vbox{width: 100%;height: 100%; border-radius: .2rem; overflow: hidden;box-shadow: 0 .1rem .3rem rgba(0,0,0,.08);} .p3c_slide .i_vbox>img{display: block;width: 100%;} .p3c_slide .i_vbox>a{display:flex;position: absolute;left:0; top:0;width: 100%;height: 100%; justify-content: center;align-items: center;} .p3c_slide .i_vbox>a img{max-width: 1.09rem;display: block;} .p3c_slide .i_vbox>span{position: absolute; right: .5rem; bottom: .5rem; font-size: .5rem; color: #fff;} .page3 .p2_t { width: 84%; overflow: hidden; position: relative; top: 0px; height: .5rem; } .page3 .p2_t label span.sp1 { color: #222; } .page3 .p2_t label span.sp2 { color: rgba(34, 34, 34, 0.3); } .p3_c { width: 100%; overflow: visible; margin-top: 0.4rem; } .p3_c ul li { width: calc((100% - 0.4rem) / 2); float: left; overflow: hidden; background-color: #fff; margin-right: 0.4rem; margin-bottom: 0.4rem; border-radius: 0.08rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .p3_c ul li:nth-child(2n) { margin-right: 0px; } .p3_c ul li:nth-child(3) { margin-bottom: 0px; } .p3_c ul li:nth-child(4) { margin-bottom: 0px; } .p3_c ul li a { width: 100%; display: block; overflow: hidden; position: relative; } .p3_c ul li em { display: block; font-style: normal; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .p3_c ul li em.em1 { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; opacity: 0; } .p3_c ul li em.em1 b { width: 100%; height: 100%; display: block; position: absolute; left: 0px; top: 0px; } .p3_c ul li em.em2 { width: 100%; overflow: hidden; position: relative; padding: 0.3rem 0.6rem; z-index: 9; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display: flex; display: -webkit-flex; align-items: center; justify-content: space-between; } .p3_c ul li label { display: block; cursor: pointer; } .p3_c ul li label.lb1 { width: 2rem; } .p3_c ul li label.lb1 img { width: 100%; display: block; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .p3_c ul li label.lb2 { width: calc(100% - 2rem - 0.5rem); } .p3_c ul li label.lb2 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; } .p3_c ul li label.lb2 span.sp1 { font-size: 0.28rem; color: #222222; line-height: 1.5; } .p3_c ul li label.lb2 span.sp2 { margin-top: 0.3rem; } .p3_c ul li label.lb2 span.sp2 b { width: 0.4rem; height: 0.4rem; display: block; overflow: hidden; background: url("../images/in_06.png") center no-repeat; background-size: 100%; } .p3_c ul li:hover em.em1 { opacity: 1; } .p3_c ul li:hover label.lb2 span.sp1 { color: #fff; } .p3_c ul li:hover label.lb2 span.sp2 b { background: url("../images/in_07.png") center no-repeat; background-size: 100%; } .p3c_slide>a { width: 0.5rem; height: 0.5rem; display: block; float: left; margin-right: 0.2rem; position: absolute; z-index: 999; } .p3c_slide a.p3s_prev { background: url("../images/ab_04.png") center no-repeat; background-size: 100%; left:0; top:calc(50% - .25rem); } .p3c_slide a.p3s_prev:hover { background: url("../images/in_04_on.png") center no-repeat; background-size: 100%; } .p3c_slide a.p3s_next { background: url("../images/ab_05.png") center no-repeat; background-size: 100%; right:8.4%; top:calc(50% - .25rem); } .p3c_slide a.p3s_next:hover { background: url("../images/in_05_on.png") center no-repeat; background-size: 100%; } .page4 { overflow: hidden; position: relative; background: url("../upimg/in_15.jpg") center no-repeat; background-size: cover; } .p4fr { width: 100%; overflow: hidden; position: relative; } .p4fr .p2_t { width: 84%; overflow: hidden; position: relative; top: 0px; } .p4t_r { position: absolute; right: 0px; top: 50%; margin-top: -0.25rem; } .p4t_r a { width: 0.5rem; height: 0.5rem; display: block; float: left; margin-right: 0.2rem; } .p4t_r a:last-child { margin-right: 0px; } .p4t_r a:nth-child(1) { background: url("../images/in_04.png") center no-repeat; background-size: 100%; } .p4t_r a:nth-child(1):hover { background: url("../images/in_04_on.png") center no-repeat; background-size: 100%; } .p4t_r a:nth-child(2) { background: url("../images/in_05.png") center no-repeat; background-size: 100%; } .p4t_r a:nth-child(2):hover { background: url("../images/in_05_on.png") center no-repeat; background-size: 100%; } .p4_c { width: 100%; overflow: hidden; margin-top: 0.4rem; } .p4c_slide { width: 100%; overflow: hidden; } .p4c_slide .swiper-slide { width: 100%; overflow: hidden; } .p4c_slide .swiper-slide .fl { width: 50%; overflow: hidden; background-color: rgba(255, 255, 255, 0.7); border-radius: 0.15rem; 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; } .p4c_slide .swiper-slide .fl a { widtH: calc(100% - 0.36rem); display: block; overflow: hidden; height: calc(63vh - 0.36rem); position: relative; padding: 0.18rem; } .p4c_slide .swiper-slide .fl em { width: 100%; display: block; overflow: hidden; font-style: normal; } .p4c_slide .swiper-slide .fl em.em1 { position: relative; height: calc(63vh - 30vh); border-radius: 0.15rem; } .p4c_slide .swiper-slide .fl em.em1 b { width: 100%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; } .p4c_slide .swiper-slide .fl em.em2 { width: 100%; height: calc(33vh - 0.36rem - 0.1rem); padding: 0px 0.4rem; overflow: hidden; 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; } .p4c_slide .swiper-slide .fl em.em2 span { width: 100%; display: block; overflow: hidden; } .p4c_slide .swiper-slide .fl em.em2 span.sp1 { font-size: 0.18rem; color: #222; line-height: 1.5; } .p4c_slide .swiper-slide .fl em.em2 span.sp2 { font-size: 0.32rem; color: #222; line-height: 1.5; margin-top: 0.1rem; } .p4c_slide .swiper-slide .fl em.em2 span.sp3 { margin-top: 0.3rem; } .p4c_slide .swiper-slide .fl em.em2 span.sp3 b { width: 0.4rem; height: 0.4rem; display: block; overflow: hidden; background: url("../images/in_01.png") center no-repeat; background-size: 100%; } .p4c_slide .swiper-slide .fl:hover { background-color: #ffffff; } .p4c_slide .swiper-slide .fr { width: calc(50% - 0.4rem); height: 100%; overflow: hidden; position: absolute; right: 0px; top: 0px; } .p4c_slide .swiper-slide .fr ul { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; } .p4c_slide .swiper-slide .fr ul li { width: 100%; height: calc((100% - 0.8rem) / 3); padding: 0px 0.6rem; margin-bottom: 0.4rem; overflow: hidden; background-color: rgba(255, 255, 255, 0.7); border-radius: 0.15rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 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; } .p4c_slide .swiper-slide .fr ul li:last-child { margin-bottom: 0px; } .p4c_slide .swiper-slide .fr ul li a { width: 100%; display: block; overflow: hidden; background: url("../images/in_01.png") right center no-repeat; background-size: 0.4rem; } .p4c_slide .swiper-slide .fr ul li span { width: 100%; display: block; overflow: hidden; } .p4c_slide .swiper-slide .fr ul li span.sp1 { font-size: 0.18rem; color: #222; line-height: 1.3; } .p4c_slide .swiper-slide .fr ul li span.sp2 { font-size: 0.32rem; color: #222; line-height: 0.42rem; max-height: 0.84rem; margin-top: 0.1rem; padding-right: 0.4rem; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .p4c_slide .swiper-slide .fr ul li:hover { background-color: #ffffff; } .page5 { overflow: hidden; position: relative; background: url("../upimg/in_23.jpg") center no-repeat; background-size: cover; } .page5::before { content: ""; width: 100%; height: 100%; pointer-events: none; z-index: 9; display: block; background: url("../upimg/in_16.png") center top no-repeat; background-size: 100% 0.98rem; position: absolute; left: 0px; top: 0px; } .page5 .fr { widtH: 50%; height: 100vh; overflow: hidden; position: relative; z-index: 1; } .page5 .fr b { width: 100%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; } .page5 .fr em { width: 2rem; display: block; overflow: hidden; position: absolute; left: 50%; top: 50%; margin-left: -1rem; margin-top: -1rem; cursor: pointer; } .page5 .fr em img { width: 100%; display: block; } .page5 .fr em i.i1 { width: 1rem; height: 1rem; display: block; overflow: hidden; background-color: #1b2786; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-left: -0.5rem; margin-top: -0.5rem; } .page5 .fr em i.i2 { width: 100%; height: 100%; overflow: hidden; background-color: rgba(27, 39, 134, 0.2); position: absolute; left: 0px; top: 0px; border-radius: 50%; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .page5 .fr em i.i2 { -webkit-animation: an_05 2.1s linear infinite; animation: an_05 2.1s linear infinite; } .page5 .fr label.lb1 { display: block; position: absolute; width: 41%; left: 31%; top: 17%; z-index: 999; cursor: pointer; } .page5 .fr label.lb1 img { width: 100%; display: block; } .page5 .fl { width: 50%; height: 100vh; overflow: hidden; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .p5l_c { width: 100%; overflow: hidden; padding: 0px 1.4rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .p5l_c p { width: 100%; overflow: hidden; } .p5l_c p.p1 { margin-top: 1rem; } .p5l_c p.p1 img { height: 0.8rem; } .p5l_c p.p2 { font-size: 0.28rem; color: #fff; line-height: 1.3; text-transform: uppercase; margin-top: 0.1rem; } .p5l_c p.p3 { margin-top: 0.2rem; } .p5l_c p.p3 a { float: left; font-size: 0.2rem; color: #fff; margin-right: 0.3rem; } .p5l_c p.p3 a:last-child { margin-right: 0px; } .p5l_c p.p3 a:hover { color: #57ae50; } .p5l_c ul { width: 100%; overflow: hidden; margin-top: 0.2rem; } .p5l_c ul li { width: 100%; overflow: hidden; line-height: 0.4rem; font-size: 0.2rem; color: #fff; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .p5l_c ul li span { display: inline-block; position: relative; line-height: 0.4rem; padding-left: 1rem; } .p5l_c ul li i { position: absolute; left: 0.3rem; top: 0px; } .p5l_c ul li span.sp1 { background: url("../upimg/btn_02.png") left 0.1rem no-repeat; background-size: 0.2rem; } .p5l_c p.p4 { margin-top: 0.3rem; display: flex; } .p5l_c p.p4 span{margin-right: .4rem; color:#eee; font-size:.16rem;text-align:center;} .p5l_c p.p4 img { width: 1.6rem; display: block; } .p5l_c p.p5 { margin-top: 0.3rem; font-size: 0.2rem; color: #fff; line-height: 1.5; } .subfr { overflow: hidden; position: relative; z-index: 999; } .subfr .b1 { width: 100%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; z-index: 1; clip-path: polygon(100% 0%, 100% 90%, 0% 100%, 0% 0%); -webkit-clip-path: polygon(100% 0%, 100% 90%, 0% 100%, 0% 0%); } .sub_c { width: 100%; overflow: hidden; margin-top: calc(0.7rem + 0.6rem + 1.2rem); margin-bottom: 1rem; position: relative; z-index: 9; } .sub_c p { width: 100%; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .sub_c p.p1 { font-size: 0.4rem; color: #fff; line-height: 1; font-weight: 100; text-transform: uppercase; letter-spacing: 0.14rem; } .sub_c p.p2 { font-size: 0.58rem; color: #fff; line-height: 1.3; margin-top: 0.15rem; } .sub_c p.p3 { margin-top: 0.3rem; font-size: 0.24rem; color: #fff; line-height: 1.5; } .sub_c ul { width: 100%; overflow: hidden; margin-top: 0.3rem; max-width: 6rem; } .sub_c ul li { width: 100%; overflow: hidden; font-size: 0.16rem; color: #fff; line-height: 0.3rem; margin-bottom: 0.1rem; } .sub_c ul li span { display: inline-block; background: url("../images/c_03.png") left 0.09rem no-repeat; background-size: 0.12rem; padding-left: 0.3rem; } .sub_c p.p4 { margin-top: 0.4rem; } .sub_c p.p4 img { display: block; width: 1rem; margin: 0px auto; padding: 0px; -webkit-animation: an_04 2.1s linear infinite; animation: an_04 2.1s linear infinite; } .sub_c1 { width: 100%; overflow: hidden; margin-top: calc(0.7rem + 0.6rem + 1.2rem); margin-bottom: 1rem; position: relative; z-index: 9; } .sub_c1 p { width: 100%; overflow: hidden; } .sub_c1 p.p1 { font-size: 0.4rem; color: #fff; line-height: 1; font-weight: 100; text-transform: uppercase; letter-spacing: 0.14rem; margin-top: 1.7rem; } .sub_c1 p.p2 { font-size: 0.58rem; color: #fff; line-height: 1.3; margin-top: 0.15rem; } .sub_c1 p.p3 { font-size: 0.18rem; color: #fff; line-height: 1.5; margin-top: 0.4rem; max-width: 50%; } .sub_c1 p.p4 { margin-top: 1.6rem; } .sub_c1 p.p4 img { display: block; width: 1rem; margin: 0px auto; padding: 0px; -webkit-animation: an_04 2.1s linear infinite; animation: an_04 2.1s linear infinite; } .sub_c1 p.p5 { font-size: 0.18rem; color: #fff; text-align: right; line-height: 1.5; max-width: 50%; margin-top: 0.2rem; } .sub_c2 { width: 100%; overflow: hidden; margin-top: calc(0.7rem + 0.6rem + 1.2rem); margin-bottom: 1rem; position: relative; z-index: 9; } .sub_c2 p { width: 100%; overflow: hidden; } .sub_c2 p.p1 { font-size: 0.4rem; color: #fff; line-height: 1; font-weight: 100; text-transform: uppercase; letter-spacing: 0.14rem; margin-top: 0.2rem; } .sub_c2 p.p2 { font-size: 0.58rem; color: #fff; line-height: 1.3; margin-top: 0.15rem; } .sub_c2 p.p3 { font-size: 0.18rem; color: #fff; line-height: 1.5; margin-top: 0.4rem; max-width: 50%; } .sub_c2 p.p4 { margin-top: 1.6rem; } .sub_c2 p.p4 img { display: block; width: 1rem; margin: 0px auto; padding: 0px; -webkit-animation: an_04 2.1s linear infinite; animation: an_04 2.1s linear infinite; } .sub_c2 p.p5 { font-size: 0.18rem; color: #fff; text-align: right; line-height: 1.5; max-width: 50%; margin-top: 0.2rem; } .sub_c2 p.p6 img { display: block; height: 1rem; margin-top: 0.4rem; } .btnfr { clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 1rem); } .btnfr::before { display: none; } .cpfw_01 { overflow: visible; margin-top: 1.1rem; position: relative; z-index: 999; } .cpfw_01 .wrap_c { display: flex; display: -webkit-flex; justify-content: space-between; } .cpfw_01 .cpfw_01_img { width: 50%; overflow: visible; position: relative; } .cpfw_01 .cpfw_01_img img { width: 100%; display: block; border-radius: 0.1rem; -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); } .cpfw_01 .cpfw_01_img em { width: 0.87rem; height: 0.96rem; font-style: normal; display: block; overflow: hidden; z-index: 999; background: url("../images/cpfw_01.png") center no-repeat; background-size: 100% 100%; position: absolute; left: 0.5rem; top: -0.57rem; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .cpfw_01 .cpfw_01_img em span { display: inline-block; font-size: 0.4rem; color: #fff; border-bottom: 0.03rem solid #fff; line-height: 1.3; margin-bottom: 0.1rem; } .cpfw_01 .cpfw_01_txt { width: calc(50% - 0.6rem); overflow: visible; position: relative; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .cp01t_c { width: 100%; overflow: hidden; } .cp01t_c p { width: 100%; overflow: hidden; } .cp01t_c p.p1 { font-size: 0.34rem; color: #333; line-height: 1.5; margin-bottom: 0.2rem; } .cp01t_c p.p_more { margin-top: 0.4rem; } .cp01t_c p.p_more img { width: 0.4rem; display: block; } .cp01t_c ul { width: 100%; overflow: hidden; } .cp01t_c ul li { width: 100%; overflow: hidden; margin-bottom: 0.2rem; padding-left: 0.24rem; background: url("../images/cpfw_02.png") left 0.06rem no-repeat; background-size: 0.16rem; font-size: 0.18rem; color: #bcbcbc; line-height: 0.3rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .cpfw_02 { overflow: visible; margin-top: 1.1rem; position: relative; z-index: 999; } .cpfw_02 .wrap_c { display: flex; display: -webkit-flex; justify-content: space-between; } .cpfw_02 .cpfw_01_img { width: 50%; overflow: visible; position: relative; } .cpfw_02 .cpfw_01_img img { width: 100%; display: block; border-radius: 0.1rem; -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); } .cpfw_02 .cpfw_01_img em { width: 0.87rem; height: 0.96rem; font-style: normal; display: block; overflow: hidden; z-index: 999; background: url("../images/cpfw_01.png") center no-repeat; background-size: 100% 100%; position: absolute; left: 0.5rem; top: -0.57rem; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .cpfw_02 .cpfw_01_img em span { display: inline-block; font-size: 0.4rem; color: #fff; border-bottom: 0.03rem solid #fff; line-height: 1.3; margin-bottom: 0.1rem; } .cpfw_02 .cpfw_01_txt { width: calc(50% - 0.6rem); overflow: visible; position: relative; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .btn_empty { overflow: hidden; height: 1rem; } .bgan_01 { width: 22%; display: block; overflow: hidden; position: absolute; right: 0; top: 61vh; z-index: 1; pointer-events: none; } .bgan_01 img { width: 100%; display: block; position: relative; right: -30%; -webkit-animation: an_06 10.1s linear infinite; animation: an_06 10.1s linear infinite; } .bgan_02 { width: 12%; display: block; position: absolute; right: 5%; top: 46%; z-index: 1; pointer-events: none; -webkit-animation: an_06 20.1s linear infinite; animation: an_06 20.1s linear infinite; } .bgan_02 img { width: 100%; display: block; } .bgan_03 { width: 32%; display: block; position: absolute; left: 2%; bottom: 55vh; z-index: 1; pointer-events: none; -webkit-animation: an_06 20.1s linear infinite; animation: an_06 20.1s linear infinite; } .bgan_03 img { width: 100%; display: block; } .sinavfr { overflow: hidden; padding-top: 0.36rem; } .sinavfr ul { width: 100%; overflow: hidden; text-align: center; font-size: 0px; } .sinavfr ul li { display: inline-block; margin: 0px 0.5rem; } .sinavfr ul li a { display: flex; display: -webkit-flex; align-items: flex-end; justify-content: center; height: 0.61rem; font-size: 0.28rem; padding: 0px 0.22rem 0rem 0px; color: #999999; position: relative; } .sinavfr ul li img { height: 0.56rem; display: block; position: absolute; right: 0px; top: 0rem; display: none; } .sinavfr ul li:first-child { margin-left: 0px; } .sinavfr ul li:last-child { margin-right: 0px; } .sinavfr ul li.on a { color: #28348d; } .sinavfr ul li.on img { display: block; } .cjkp_01 { overflow: visible; padding-top: 0.8rem; position: relative; z-index: 990; } .cjkp_01_c { width: 90%; overflow: hidden; margin-left: 10%; border-radius: 0.4rem 0px 0px 0.4rem; background-color: #fff; -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); } .cjkp01c_img { width: 39%; overflow: hidden; height: 5rem; position: relative; float: left; } .cjkp01c_img b { width: 100%; height: 100%; display: block; position: absolute; left: 0px; top: 0px; } .cjkp01c_txt { float: left; width: 50%; overflow: hidden; height: 5rem; padding: 0px 0px 0px 0.5rem; position: relative; font-family: arial; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .cjkp01c_txt label { position: absolute; right: 0px; top: 0px; font-size: 1.5rem; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px #f1f0f0; line-height: 1; } .cjkp01c_txt a { width: 100%; display: block; overflow: hidden; } .cjkp01c_txt span { width: 100%; display: block; overflow: hidden; } .cjkp01c_txt span.sp1 { font-size: 0.3rem; color: #28348d; line-height: 1.75; } .cjkp01c_txt em { width: 100%; display: block; overflow: hidden; font-style: normal; margin-top: 0.2rem; } .cjkp01c_txt em i { width: 100%; display: block; overflow: hidden; background: url('../images/cpfw_02.png') left 0.09rem no-repeat; background-size: 0.16rem; padding-left: 0.26rem; font-size: 0.18rem; color: #999; line-height: 0.34rem; margin-bottom: 0.2rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .cjkp01c_txt span.sp2 { margin-top: 0.2rem; } .cjkp01c_txt span.sp2 i { display: inline-block; line-height: 0.5rem; padding: 0px 0.45rem; border-radius: 0.2rem; font-size: 0.2rem; color: #fff; background: linear-gradient(to right, #1b2786 20%, #5db456); background: -webkit-linear-gradient(to right, #1b2786 20%, #5db456); background: -o-linear-gradient(to right, #1b2786 20%, #5db456); background: -moz-linear-gradient(to right, #1b2786 20%, #5db456); } .cjkp_02 { overflow: visible; padding-top: 0.8rem; position: relative; z-index: 990; } .cjkp_02 .cjkp_01_c { margin-left: 0px; border-radius: 0px 0.4rem 0.4rem 0px; } .cjkp_02 .cjkp01c_img { float: right; } .cjkp_02 .cjkp01c_txt { float: right; padding: 0px 0.5rem 0px 0rem; } .cjkp_02 .cjkp01c_txt label { right: 0.5rem; } .cjwt_01 { overflow: hidden; padding-top: 0.4rem; } .cjwt_01 ul li { width: 100%; overflow: hidden; padding: 0px 0.45rem; margin-bottom: 0.4rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .cjwt_01 ul li .cjwt01_t { width: 100%; cursor: pointer; overflow: hidden; border-bottom: 0.01rem solid #e6e8eb; line-height: 0.36rem; padding-bottom: 0.3rem; padding-top: 0.3rem; background: url("../images/wt_02.png") right center no-repeat; background-size: 0.12rem; } .cjwt_01 ul li .cjwt01_t label { display: inline-block; font-size: 0.24rem; color: #333333; background: url("../upimg/wt_01.png") left center no-repeat; background-size: 0.36rem; padding-left: 0.6rem; } .cjwt_01 ul li .cjwt01_c { width: 100%; overflow: hidden; position: relative; display: none; } .cjwt_01 ul li .cjwt01_c .cjwt01c_c { width: 100%; overflow: hidden; position: relative; padding-left: 0.6rem; margin: 0.3rem 0px; font-size: 0.18rem; color: #999999; line-height: 0.3rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .cjwt_01 ul li .cjwt01_c i { position: absolute; left: 0px; top: 0px; font-size: 0.18rem; color: #57a758; } .cjwt_01 ul li.on { background-color: #fff; border-radius: 0.1rem; -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); } .cjwt_01 ul li.on .cjwt01_c { display: block; } .pagesfr { overflow: hidden; margin-top: 0.8rem; text-align: center; } .pagesfr .psc_c { display: inline-block; } .pagesfr a { float: left; line-height: 0.4rem; padding: 0px 0.15rem; background-color: #fff; font-size: 0.14rem; color: #333; margin: 0px 0.05rem; } .pagesfr a:hover { background-color: #57a75a; color: #fff; } .pagesfr a.on { background-color: #57a75a; color: #fff; } .pagesfr span { display: inline-block; line-height: 0.4rem; margin: 0px 0.05rem; font-size: 0.14rem; color: #333; float: left; } .news_01 { overflow: hidden; padding-top: 0.4rem; } .news_01 ul li { width: 100%; overflow: hidden; position: relative; padding: 0.5rem 0.45rem; margin-bottom: 0.3rem; background-color: #fff; border-radius: 0.1rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .news_01 ul li::before { content: ""; width: 100%; height: 0.05rem; display: block; overflow: hidden; background-color: #57a75a; position: absolute; left: 0px; bottom: -0.05rem; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .news_01 ul li a { width: 100%; display: block; overflow: hidden; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .news_01 ul li em { display: block; font-style: normal; } .news_01 ul li em.em1 { width: 1.4rem; height: 1rem; float: Left; border-right: 0.01rem solid #e4e4e4; } .news_01 ul li em.em1 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; } .news_01 ul li em.em1 span.sp1 { font-size: 0.32rem; color: #57a75a; line-height: 1.3; font-weight: bold; } .news_01 ul li em.em1 span.sp2 { font-size: 0.18rem; color: #57a75a; line-height: 1.3; } .news_01 ul li em.em2 { width: calc(100% - 1.4rem - 0.5rem); overflow: hidden; float: right; } .news_01 ul li em.em2 span { width: 100%; display: block; overflow: hidden; } .news_01 ul li em.em2 span.sp1 { font-size: 0.24rem; color: #333; line-height: 1.75; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .news_01 ul li em.em2 span.sp2 { font-size: 0.18rem; color: #666; line-height: 0.3rem; margin-top: 0.1rem; max-height: 0.6rem; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; } .news_01 ul li:hover::before { bottom: 0px; } .news_01 ul li:hover em.em2 span.sp1 { color: #57a75a; } .nxq_01 { overflow: hidden; margin-top: 0.6rem; } .nxq_01 h1 { margin: 0px auto; padding: 0px; width: 100%; overflow: hidden; text-align: center; font-size: 0.28rem; color: #1c1c1c; line-height: 1.75; } .nxq_01 p { width: 100%; overflow: hidden; border-bottom: 0.01rem solid #e5e5e5; font-size: 0.2rem; color: #9a9a9a; line-height: 0.4rem; text-align: center; padding: 0.2rem 0px 0.1rem 0px; } .nxq_01 p span { display: inline-block; background: url("../images/c_04.png") left center no-repeat; background-size: 0.2rem; padding-left: 0.3rem; } .nxq_02 { overflow: hidden; margin-top: 0.4rem; } .nxq_02 ul li{list-style:disc} .nxq_02 p { widtH: 100%; overflow: hidden; font-size: 0.18rem; color: #424242; line-height: 1.75; } .nxq_02 img { max-width: 100%; display: inline-block; height: auto !important; } .nxq_03 { overflow: hidden; margin-top: 0.4rem; } .nxq_03 a { width: 48.5%; background-color: #f4f4f4; display: block; padding: 0px 0.3rem; font-size: 0.18rem; color: #424242; line-height: 1.5; height: 0.8rem; display: flex; display: -webkit-flex; align-items: center; justify-content: flex-start; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .nxq_03 span { display: inline-block; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .nxq_03 a:nth-child(1) span { background: url("../images/c_05.png") left center no-repeat; background-size: 0.07rem; padding-left: 0.25rem; } .nxq_03 a:nth-child(2) { justify-content: flex-end; } .nxq_03 a:nth-child(2) span { background: url("../images/c_06.png") right center no-repeat; background-size: 0.07rem; padding-right: 0.25rem; } .nxq_03 a:hover { color: #1b2786; } .nxq_03 a:hover:nth-child(1) span { background: url("../images/c_05_on.png") left center no-repeat; background-size: 0.07rem; } .nxq_03 a:hover:nth-child(2) span { background: url("../images/c_06_on.png") right center no-repeat; background-size: 0.07rem; } .nxq_04 { overflow: hidden; margin-top: 0.8rem; } .nxq_04 .wrap_c { position: relative; text-align: center; } .nxq_04 .b1 { width: 100%; height: 0.01rem; display: block; overflow: hidden; background-color: #e5e5e5; position: absolute; left: 0px; top: 50%; margin-top: -0.005rem; } .nxq_04 label { display: inline-block; padding: 0px 0.15rem; position: relative; z-index: 999; background-color: #fff; } .nxq_04 label a { display: inline-block; margin: 0px 0.1rem; } .nxq_04 label img { display: block; height: 0.5rem; } .js_01 { overflow: hidden; margin-top: 0.3rem; } .js_01 select { float: right; background: url("../images/js_01.png") right center no-repeat rgba(255, 255, 255, 0); border: 0px; border-bottom: 0.01rem solid #d8d8d8; height: 0.6rem; padding-right: 0.6rem; background-size: 0.21rem; font-size: 0.18rem; color: #000; } .js_02 { overflow: visible; padding-top: 0.7rem; position: relative; z-index: 999; } .js_02fr { width: 100%; padding: 0.6rem; overflow: hidden; background-color: #fff; position: relative; margin-top: -0.44rem; z-index: 999; border-radius: 0.18rem; -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; } .js_02_t { width: 100%; overflow: hidden; display: flex; display: -webkit-flex; align-items: center; justify-content: space-between; } .js_02_t .js02t_img { width: 46%; overflow: hidden; } .js_02_t .js02t_img img { width: 100%; display: block; } .js_02_t .js02t_txt { width: calc(54% - 0.6rem); overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .js_02_t .js02t_txt p { width: 100%; overflow: hidden; } .js_02_t .js02t_txt p.p1 { font-size: 0.28rem; color: #000; line-height: 1.75; } .js_02_t .js02t_txt ul { width: 100%; overflow: hidden; } .js_02_t .js02t_txt ul li { width: 100%; overflow: hidden; position: relative; margin-top: 0.25rem; font-size: 0.18rem; line-height: 0.3rem; color: #666; background: url("../images/cpfw_02.png") left 0.06rem no-repeat; background-size: 0.16rem; padding-left: 0.24rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .js_02_c { width: 100%; overflow: hidden; border-top: 0.01rem dotted #d8dbdb; margin-top: 0.4rem; padding-top: 0.2rem; } .js_02_c p { width: 100%; overflow: hidden; } .js_02_c p.p1 { font-size: 0.22rem; color: #333333; line-height: 1.75; } .js_02_c ul { width: 100%; overflow: hidden; } .js_02_c ul.ul2 li { width: 46%; margin-right: 8%; float: left; margin-top: 0.22rem; min-height: 0.54rem; padding-left: 0.68rem; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .js_02_c ul.ul2 li:nth-child(2n) { margin-right: 0px; } .js_02_c ul.ul2 li img { height: 0.54rem; display: block; position: absolute; left: 0px; top: 0px; } .js_02_c ul.ul2 li p { width: 100%; overflow: hidden; } .js_02_c ul.ul2 li .p2 { font-size: 0.2rem; color: #333; font-weight: bold; line-height: 1.5; } .js_02_c ul.ul2 li .p3 { font-size: 0.18rem; color: #666; line-height: 1.5; } .js_02_c ul.ul2 li .p4 { font-size: 0.18rem; color: #666; line-height: 1.5; height: 0.54rem; display: flex; display: -webkit-flex; align-items: center; justify-content: flex-start; } .js_02_c ul.ul3 li { width: 32%; margin-right: 2%; float: left; margin-top: 0.22rem; min-height: 0.54rem; padding-left: 0.68rem; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .js_02_c ul.ul3 li:nth-child(3n) { margin-right: 0px; } .js_02_c ul.ul3 li img { height: 0.54rem; display: block; position: absolute; left: 0px; top: 0px; } .js_02_c ul.ul3 li p { width: 100%; overflow: hidden; } .js_02_c ul.ul3 li .p4 { font-size: 0.18rem; color: #666; line-height: 1.5; height: 0.54rem; display: flex; display: -webkit-flex; align-items: center; justify-content: flex-start; } .js_02_num { width: 100%; overflow: hidden; text-align: center; font-size: 1.5rem; line-height: 1.5rem; font-weight: bold; position: relative; z-index: 0; } .js_02_num span { display: inline-block; background: linear-gradient(to right, #1b2786, #5db456); -webkit-background-clip: text; color: transparent; } .ab_01 { overflow: hidden; position: relative; padding: 0.9rem 0px 2.5rem 0px; } .ab_01 b.b1 { width: 100%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; background: url("../images/ab_01.jpg") center no-repeat; background-size: cover; } .ab_01 b.b1 { /*clip-path:polygon(100% 0%, 100% calc(100% - 1rem), 0% 100%, 0% 0%);-webkit-clip-path:polygon(100% 0%, 100% calc(100% - 1rem), 0% 100%, 0% 0%);*/ } .ab_01fr { width: 100%; overflow: hidden; position: relative; } .ab_01fr .fr { width: 60%; margin-top: 0.9rem; padding: 0.6rem 0.8rem; overflow: hidden; position: relative; z-index: 9; border-radius: 0.14rem; background-color: #fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -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); } .ab_01fr .fr p { width: 100%; overflow: hidden; font-size: 0.16rem; color: #666; line-height: 1.5; margin-bottom: 0.1rem; } .ab_01fr .fr p.p1 { margin-bottom: 0.3rem; position: relative; } .ab_01fr .fr p.p1::before { content: ""; width: 1rem; height: 0.04rem; display: block; position: absolute; left: 0px; top: 50%; margin-top: -0.02rem; border-radius: 0.04rem; background: linear-gradient(to right, #1b2786 20%, #5db456); background: -webkit-linear-gradient(to right, #1b2786 20%, #5db456); background: -o-linear-gradient(to right, #1b2786 20%, #5db456); background: -moz-linear-gradient(to right, #1b2786 20%, #5db456); } .ab_01fr .fr p.p1 span { display: inline-block; } .ab_01fr .fr p.p1 span.sp1 { font-size: 0.42rem; color: #333333; margin-left: 1.2rem; } .ab_01fr .fr p.p1 span.sp2 { margin-left: 0.2rem; font-size: 0.3rem; color: #c6c6c6; } .ab_01fr .fl { width: 58%; height: calc(100% - 0.7rem); overflow: hidden; position: absolute; left: 0px; top: 0px; border-radius: 0.14rem; z-index: 1; } .ab_01_slide{display: block;width: 100%;height: 100%; overflow: hidden;} .ab_01_slide img{width: 100%;} .ab01{position: absolute;width: 70%!important;bottom: .2rem;text-align: center;z-index: 999;} .ab01 span{width: .1rem; height: .1rem; background: #fff;border-radius: .05rem; opacity: 1;} .ab01 span.swiper-pagination-bullet-active{width: .24rem;} /* .ab_01fr .fl b { width: 100%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; } */ .ab_02 { overflow: hidden; position: relative; padding-bottom: 1.6rem; margin-top: -1rem; padding-top: 1.46rem; } .ab_02 b.b1 { width: 100%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; background: url("../images/ab_02.jpg") center no-repeat; background-size: cover; } .ab_02 b.b1 { clip-path: polygon(100% 0%, 100% calc(100% - 1rem), 0% 100%, 0% 1rem); -webkit-clip-path: polygon(100% 0%, 100% calc(100% - 1rem), 0% 100%, 0% 1rem); } .ab_02 .wrap_c { position: relative; z-index: 99; } .ab_02_t { width: 100%; overflow: hidden; } .ab_02_t p { width: 100%; overflow: hidden; text-align: center; } .ab_02_t p.p1 { font-size: 0.42rem; color: #fff; line-height: 1.5; } .ab_02_t p.p2 { font-size: 0.26rem; color: #fff; line-height: 1.5; text-transform: uppercase; } .ab_02_c { width: 100%; overflow: hidden; padding-top: 0.4rem; } .ab_02_c ul { width: 100%; overflow: visible; display: flex; display: -webkit-flex; justify-content: space-between; } .ab_02_c ul li { width: calc((100% - 1.2rem) / 4); padding: 0px 0.3rem 0.84rem 0.3rem; position: relative; overflow: hidden; margin-right: 0.4rem; float: left; background-color: #fff; border-radius: 0.14rem; 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; } .ab_02_c ul li:last-child { margin-right: 0px; } .ab_02_c ul li p { width: 100%; overflow: hidden; position: relative; z-index: 999; } .ab_02_c ul li p.p1 { text-align: center; margin-top: 0.4rem; } .ab_02_c ul li p.p1 label { display: inline-block; position: relative; } .ab_02_c ul li p.p1 label img { display: block; height: 1rem; } .ab_02_c ul li p.p1 label img.img2 { position: absolute; left: 0px; top: 0px; opacity: 0; } .ab_02_c ul li p.p2 { text-align: center; font-size: 0.3rem; color: #333; line-height: 1.5; } .ab_02_c ul li p.p3 { text-align: center; font-size: 0.18rem; color: rgba(51, 51, 51, 0.2); line-height: 1.3; text-transform: uppercase; } .ab_02_c ul li p.p4 { margin-top: 0.2rem; } .ab_02_c ul li p.p4 img { display: block; height: 0.16rem; margin: 0px auto; padding: 0px; } .ab_02_c ul li p.p5 { margin-top: 0.2rem; font-size: 0.2rem; color: #666; line-height: 1.5; text-align: center; } .ab_02_c ul li p.p6 { text-align: center; position: absolute; left: 0px; bottom: 0.3rem; font-size: 0.2rem; line-height: 0.24rem; color: rgba(51, 51, 51, 0.2); } .ab_02_c ul li::before { content: ""; width: 104%; height: 104%; display: block; opacity: 0; position: absolute; left: -2%; top: -2%; background: linear-gradient(to right, #1b2786 20%, #5db456); background: -webkit-linear-gradient(to right, #1b2786 20%, #5db456); background: -o-linear-gradient(to right, #1b2786 20%, #5db456); background: -moz-linear-gradient(to right, #1b2786 20%, #5db456); transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .ab_02_c ul li:hover { transform: translateY(-0.2rem); -webkit-transform: translateY(-0.2rem); -moz-transform: translateY(-0.2rem); } .ab_02_c ul li:hover::before { opacity: 1; } .ab_02_c ul li:hover p.p1 label img.img1 { opacity: 0; } .ab_02_c ul li:hover p.p1 label img.img2 { opacity: 1; } .ab_02_c ul li:hover p.p2 { color: #fff; } .ab_02_c ul li:hover p.p3 { color: rgba(255, 255, 255, 0.2); } .ab_02_c ul li:hover p.p5 { color: #fff; } .ab_02_c ul li:hover p.p6 { color: #fff; } .ab_03 { overflow: hidden; padding: 0.6rem 0px; } .ab_03 .ab_02_t { width: 100%; overflow: hidden; } .ab_03 .ab_02_t p.p1 { color: #222; } .ab_03 .ab_02_t p.p2 { color: #d0d0d0; } .ab_03_c { width: 100%; overflow: visible; margin-top: 0.3rem; } .ab_03c_slide { width: 100%; overflow: visible; } .ab_03c_slide .swiper-slide { width: 100%; overflow: visible; position: relative; background-color: #fff; } .ab_03c_slide .swiper-slide .ab_03cs_l { width: 32%; overflow: visible; position: relative; padding: 0.2rem 0px 0px 0.2rem; float: left; opacity: 0; } .ab_03c_slide .swiper-slide .ab_03cs_l img { width: 100%; display: block; position: relative; z-index: 99; border-radius: 0.14rem; -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); } .ab_03c_slide .swiper-slide .ab_03cs_l b { width: calc(100% - 0.2rem); height: calc(100% - 0.2rem); display: block; position: absolute; left: 0px; top: 0px; border-radius: 0.14rem; overflow: hidden; background: linear-gradient(to right, #1b2786 20%, #5db456); background: -webkit-linear-gradient(to right, #1b2786 20%, #5db456); background: -o-linear-gradient(to right, #1b2786 20%, #5db456); background: -moz-linear-gradient(to right, #1b2786 20%, #5db456); transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .ab_03c_slide .swiper-slide .ab_03cs_r { width: calc(100% - 32% - 0.8rem); float: right; opacity: 0; } .ab_03c_slide .swiper-slide .ab_03cs_r p { width: 100%; overflow: hidden; font-size: 0.18rem; color: #999; line-height: 1.5; margin-bottom: 0.1rem; } .ab_03c_slide .swiper-slide .ab_03cs_r p.p1 { position: relative; font-size: 0.3rem; color: #333; line-height: 0.4rem; padding-bottom: 0.25rem; margin-top: 0.8rem; } .ab_03c_slide .swiper-slide .ab_03cs_r p.p1 b { width: 0.26rem; height: 0.05rem; display: block; overflow: hidden; position: absolute; left: 0px; bottom: 0px; border-radius: 0.05rem; background: linear-gradient(to right, #1b2786 20%, #5db456); background: -webkit-linear-gradient(to right, #1b2786 20%, #5db456); background: -o-linear-gradient(to right, #1b2786 20%, #5db456); background: -moz-linear-gradient(to right, #1b2786 20%, #5db456); } .ab_03c_slide .swiper-slide .ab_03cs_r ul { width: 100%; overflow: hidden; margin: 0.25rem 0px 0.15rem 0px; } .ab_03c_slide .swiper-slide .ab_03cs_r ul li { width: 100%; overflow: hidden; background: url("../images/c_07.png") left 0.11rem no-repeat; background-size: 0.05rem; padding-left: 0.2rem; margin: 0.05rem 0px; font-size: 0.18rem; color: #333; line-height: 1.75; font-weight: bold; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .ab_03_b { width: 100%; overflow: hidden; position: relative; } .ab_03_b::before { content: ""; width: 100%; height: 0.01rem; display: block; overflow: hidden; background-color: #e7e7e7; position: absolute; left: 0px; top: 0.6rem; } .ab_03_b ul { width: 100%; overflow: visible; text-align: center; font-size: 0px; } .ab_03_b ul li { display: inline-block; padding: 0px 1.2rem; position: relative; padding-top: 1.2rem; cursor: pointer; } .ab_03_b ul li b { width: 0.02rem; height: 0.2rem; display: block; overflow: hidden; background-color: #d6d6d6; position: absolute; left: 50%; margin-left: -0.01rem; top: 0.84rem; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .ab_03_b ul li span { width: 100%; display: block; overflow: hidden; text-align: center; } .ab_03_b ul li span.sp1 { font-size: 0.26rem; color: #333333; line-height: 1.5; } .ab_03_b ul li span.sp2 { font-size: 0.18rem; color: #999; line-height: 1.5; } .ab_03_b ul li.on b { height: 0.76rem; top: 0.28rem; background: linear-gradient(to right, #1b2786 20%, #5db456); background: -webkit-linear-gradient(to right, #1b2786 20%, #5db456); background: -o-linear-gradient(to right, #1b2786 20%, #5db456); background: -moz-linear-gradient(to right, #1b2786 20%, #5db456); } .ab_04 { overflow: hidden; position: relative; padding: 1.4rem 0px 2.2rem 0px; } .ab_04 b.b1 { width: 100%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; } .ab_04 b.b1 { clip-path: polygon(100% 0%, 100% calc(100% - 1rem), 0% 100%, 0% 1rem); -webkit-clip-path: polygon(100% 0%, 100% calc(100% - 1rem), 0% 100%, 0% 1rem); } .ab_04 .wrap_c { position: relative; z-index: 99; } .ab_04_c { width: 100%; overflow: hidden; margin-top: 0.4rem; } .ab_04_c ul li { width: calc((100% - 1rem) / 5); overflow: hidden; float: left; margin-right: 0.25rem; position: relative; } .ab_04_c ul li label { width: 100%; display: block; overflow: hidden; border-radius: 0.14rem; position: relative; } .ab_04_c ul li img { width: 100%; display: block; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .ab_04_c ul li img.img2 { position: absolute; left: 0px; top: 0px; opacity: 0; } .ab_04_c ul li:last-child { margin-right: 0px; } .ab_04_c ul li:hover img.img1 { opacity: 0; } .ab_04_c ul li:hover img.img2 { opacity: 1; } .ab_05 { overflow: hidden; margin-top: 0.4rem; } .ab_05 .ab_02_t { width: 100%; overflow: hidden; } .ab_05 .ab_02_t p.p1 { color: #222; } .ab_05 .ab_02_t p.p2 { color: #d0d0d0; } .ab_05_c { width: 100%; overflow: visible; } .ab_05c_slide { width: calc(100%); overflow: hidden; padding: 0.4rem 0.2rem 0.2rem 0.2rem; margin-left: -0.2rem; } .ab_05c_slide .swiper-slide { width: 20%; overflow: hidden; border-radius: 0.14rem; -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); } .ab_05c_slide .swiper-slide img { width: 100%; display: block; } .ab_05_b { widtH: 100%; overflow: hidden; text-align: center; margin-top: 0.5rem; } .ab_05_b label { display: inline-block; } .ab_05_b a { float: left; width: 0.5rem; height: 0.5rem; display: block; overflow: hidden; margin: 0px 0.1rem; } .ab_05_b a:nth-child(1) { background: url("../images/ab_04.png") center no-repeat; background-size: 100%; } .ab_05_b a:nth-child(1):hover { background: url("../images/in_04_on.png") center no-repeat; background-size: 100%; } .ab_05_b a:nth-child(2) { background: url("../images/ab_05.png") center no-repeat; background-size: 100%; } .ab_05_b a:nth-child(2):hover { background: url("../images/in_05_on.png") center no-repeat; background-size: 100%; } /*new*/ .ab_06 { overflow: hidden; position: relative; padding-bottom: 1.6rem; margin-top: 0; padding-top: 1.46rem; } .ab_06 b.b1 { width: 100%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; background: url("../images/ab_06.jpg") center no-repeat; background-size: cover; } .ab_06 b.b1 { clip-path: polygon(100% 0%, 100% calc(100% - 1rem), 0% 100%, 0% 1rem); -webkit-clip-path: polygon(100% 0%, 100% calc(100% - 1rem), 0% 100%, 0% 1rem); } .ab_06 .wrap_c { position: relative; z-index: 99; } .ab_06_box{display: flex;justify-content: space-between; color: #fff;align-items: center; height: 6rem;overflow: hidden;} .ab_06_box .fl{width: 45%;} .year_slide{width: 100%;overflow: hidden;height: 6rem;position: relative;} .year_slide .swiper-slide{ background:url(../images/w/year_circle.png) center no-repeat ;background-size: 2.97rem; height: 2.97rem;padding-right: 1rem;display: flex;align-items: center;} .ab_06_box .fl .ybox{ background-image: linear-gradient(to right, #1b2786, #5db456); color: transparent; -webkit-background-clip: text;font-size: 1.8rem;font-family: Arial; font-weight: bold;display: inline-block;} /*new-12-6*/ .ab_06_b { position: absolute; right: .5rem; top:calc(50% - .6rem); width: .5rem; z-index: 9; } .ab_06_b label { display: inline-block; } .ab_06_b a { width: 0.5rem; height: 0.5rem; display: block; overflow: hidden; margin: 0; } .ab_06_b a:nth-child(1) { background: url("../images/ab_06.png") center no-repeat; background-size: 100%; } .ab_06_b a:nth-child(1):hover { background: url("../images/ab_06_on.png") center no-repeat; background-size: 100%; } .ab_06_b a:nth-child(2) { background: url("../images/ab_07.png") center no-repeat; background-size: 100%; margin-top: .2rem; } .ab_06_b a:nth-child(2):hover { background: url("../images/ab_07_on.png") center no-repeat; background-size: 100%; } /*new end*/ .ab_06_box .fr{width: 55%;} .pro_slide{width: 100%;overflow: hidden;height: 6rem; } .pro_slide .swiper-slide{height: auto!important;} .pro_slide .swiper-slide .pro_box{border-bottom: solid rgba(255,255,255,.2) 2px;padding: .5rem 0;position: relative;} .pro_slide .pro_box h5{font-size: .34rem;padding: 0;margin: 0;font-family: Arial;} .pro_slide .pro_box p{font-size: .2rem;line-height: 1.5; margin-top: .3rem; opacity: .7;} .pro_slide .pro_box p span{display: block;} .pro_slide .swiper-slide-active h5{display: inline-block;background-image: linear-gradient(to right, #1b2786, #5db456); color: transparent; -webkit-background-clip: text; font-weight: bold;} .pro_slide .swiper-slide-active .pro_box:after{background-image: linear-gradient(to right, #1b2786, #5db456);content:'';width: 100%;height: 2px;position: absolute;bottom:-2px;left: 0;} .ab_07{margin-top: .5rem;} .ab_07 .ab_02_t { width: 100%; overflow: hidden; } .ab_07 .ab_02_t p.p1 { color: #222; } .ab_07 .ab_02_t p.p2 { color: #d0d0d0; } .ab_07_slide{width: 100%; overflow: hidden; margin-top: 1rem;} .ab_07_slide .swiper-slide{padding: .3rem; box-sizing: border-box;} .ab_07_slide .swiper-slide-active{width: 110%;} .honorimg{width:100%; background: #fff;box-sizing: border-box; box-shadow: 0 .05rem .2rem rgba(100,100,100,.2);padding: .2rem;} .honorimg>img{width: 100%;box-shadow: 0 .05rem .2rem rgba(100,100,100,.1);} .swiper-3d .swiper-slide-shadow-left{display: none;} .swiper-3d .swiper-slide-shadow-right{display: none;} .ab_07_slide .swiper-slide-next img{opacity: .3;} .ab_07_slide .swiper-slide-prev img{opacity: .3;} .ab_07_b { widtH: 100%; overflow: hidden; text-align: center; margin-top: 0.5rem; } .ab_07_b label { display: inline-block; } .ab_07_b a { float: left; width: 0.5rem; height: 0.5rem; display: block; overflow: hidden; margin: 0px 0.1rem; } .ab_07_b a:nth-child(1) { background: url("../images/ab_04.png") center no-repeat; background-size: 100%; } .ab_07_b a:nth-child(1):hover { background: url("../images/in_04_on.png") center no-repeat; background-size: 100%; } .ab_07_b a:nth-child(2) { background: url("../images/ab_05.png") center no-repeat; background-size: 100%; } .ab_07_b a:nth-child(2):hover { background: url("../images/in_05_on.png") center no-repeat; background-size: 100%; } .ab_08{margin-top: 1rem;padding-bottom: .5rem;} .ab_08_slide{width: 100%;overflow: hidden; margin-top: .3rem;} .ab_08_slide .swiper-slide{padding: .3rem; box-sizing: border-box;} /*new-end*/ .cpyb_01 { overflow: hidden; margin-top: 0.6rem; } .cpyb_01 .ab_02_t { width: 100%; overflow: hidden; } .cpyb_01 .ab_02_t p.p1 { color: #222; } .cpyb_01 .ab_02_t p.p2 { color: #d0d0d0; } .cpyb_01_c { width: 100%; overflow: hidden; margin-top: 0.5rem; position: relative; z-index: 999; background-color: #fff; border-radius: 0.14rem; -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); } .cpyb_01_c img { width: 100%; display: block; } .cpyb_01_c1 { width: 100%; overflow: hidden; margin-top: 0.4rem; } .cpyb_01_c1 p { width: 100%; overflow: hidden; } .cpyb_01_c1 p.p1 { font-size: 0.28rem; color: #333333; line-height: 1.75; font-weight: bold; } .cpyb_01_c1 p.p2 { font-size: 0.2rem; color: #999; line-height: 1.75; } .cpyb_01_c2 { width: 100%; overflow: hidden; margin-top: 0.25rem; } .cpyb_01_c2 dl { width: 50%; overflow: hidden; float: left; margin: 0px; padding: 0px; } .cpyb_01_c2 dl dt { width: 100%; margin: 0px; padding: 0px; overflow: hidden; font-size: 0.24rem; color: #333; line-height: 1.5; margin-bottom: 0.1rem; font-weight: bold; } .cpyb_01_c2 dl dd { width: 100%; overflow: hidden; background: url("../images/c_07.png") left 0.12rem no-repeat; background-size: 0.05rem; margin: 0.05rem 0px; padding: 0px; padding-left: 0.2rem; font-size: 0.18rem; color: #666; line-height: 0.3rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .cpyb_01_c3 { width: 100%; overflow: hidden; margin-top: 0.5rem; } .cpyb_01_c3_t { width: 100%; overflow: hidden; font-size: 0.28rem; color: #222; line-height: 1.75; font-weight: bold; } .cpyb_01_c3_c { width: 100%; overflow: hidden; margin-top: 0.2rem; display: flex; display: -webkit-flex; justify-content: space-between; } .cpyb_01_c3_c .fl { width: 41%; overflow: hidden; } .cpyb_01_c3_c .fl img { width: 100%; display: block; } .cpyb_01_c3_c .fr { width: calc(59% - 0.4rem); overflow: hidden; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .cpyb_01_c3_c .fr .cpyb_01c3_r { width: 100%; overflow: hidden; } .cpyb_01_c3_c .fr p { width: 100%; overflow: hidden; } .cpyb_01_c3_c .fr ul li { width: 100%; overflow: hidden; font-size: 0.2rem; color: #999; line-height: 0.3rem; margin: 0.06rem 0px; background: url("../images/cpfw_02.png") left 0.05rem no-repeat; padding-left: 0.3rem; background-size: 0.2rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .cpyb_02 { overflow: hidden; position: relative; padding: 1.5rem 0px 2rem 0px; margin-top: 0.4rem; } .cpyb_02 b.b1 { width: 100%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; } .cpyb_02 b.b1 { clip-path: polygon(100% 0%, 100% calc(100% - 1rem), 0% 100%, 0% 1rem); -webkit-clip-path: polygon(100% 0%, 100% calc(100% - 1rem), 0% 100%, 0% 1rem); } .cpyb_02 .wrap_c { position: relative; z-index: 999; } .cpyb_02_t { width: 100%; overflow: hidden; text-align: center; font-size: 0.42rem; color: #fff; line-height: 1.75; } .cpyb_02_c1 { width: 100%; overflow: hidden; margin-top: 0.5rem; } .cpyb_02_c1 ul { width: 100%; overflow: hidden; display: flex; display: -webkit-flex; justify-content: space-between; } .cpyb_02_c1 ul li { width: calc((100% - 0.6rem) / 3); overflow: hidden; padding: 0.5rem 0.4rem; border-radius: 0.14rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background: linear-gradient(to right, #5db456 20%, #1b2786); background: -webkit-linear-gradient(to right, #5db456 20%, #1b2786); background: -o-linear-gradient(to right, #5db456 20%, #1b2786); background: -moz-linear-gradient(to right, #5db456 20%, #1b2786); } .cpyb_02_c1 ul li p { width: 100%; overflow: hidden; } .cpyb_02_c1 ul li p.p1 img { height: 0.5rem; } .cpyb_02_c1 ul li p.p2 { font-size: 0.34rem; color: #fff; line-height: 1.5; margin-top: 0.1rem; } .cpyb_02_c1 ul li p.p3 { font-size: 0.2rem; color: #fff; line-height: 1.5; margin-top: 0.1rem; } .cpyb_02_c2 { width: 100%; overflow: hidden; margin-top: 0.8rem; } .cpyb_02_c2 img { max-width: 100%; display: block; margin: 0px auto; padding: 0px; } .cpyb_03 { overflow: hidden; position: relative; padding: 1.5rem 0px 2rem 0px; margin-top: -1.1rem; } .cpyb_03 b.b1 { width: 100%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; } .cpyb_03 b.b1 { clip-path: polygon(100% 0%, 100% calc(100% - 1rem), 0% 100%, 0% 1rem); -webkit-clip-path: polygon(100% 0%, 100% calc(100% - 1rem), 0% 100%, 0% 1rem); } .cpyb_03 .wrap_c { position: relative; z-index: 999; } .cpyb_03_t { width: 100%; overflow: hidden; text-align: center; font-size: 0.42rem; color: #fff; line-height: 1.75; } .cpyb_03_c { width: 100%; overflow: hidden; margin-top: 0.4rem; } .cpyb_03c_slide { width: 100%; overflow: hidden; } .cpyb_03c_slide .swiper-slide { width: 20%; overflow: hidden; } .cpyb_03c_slide .swiper-slide a { width: 100%; display: block; overflow: hidden; background-color: #fff; border-radius: 0.04rem; } .cpyb_03c_slide .swiper-slide 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; } .cpyb_03c_slide .swiper-slide 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; } .cpyb_03c_slide .swiper-slide em.em2 { padding: 0.1rem 0.2rem; font-size: 0.22rem; color: #999; line-height: 1.5; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .cpyb_03c_slide .swiper-slide em.em2 span { width: 100%; display: block; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .cpyb_03c_slide .swiper-slide:hover em.em2 { background: linear-gradient(to right, #1b2786 20%, #5db456); background: -webkit-linear-gradient(to right, #1b2786 20%, #5db456); background: -o-linear-gradient(to right, #1b2786 20%, #5db456); background: -moz-linear-gradient(to right, #1b2786 20%, #5db456); } .cpyb_03c_slide .swiper-slide:hover em.em2 span { color: #fff; } .cpyb_03c_sp { width: 100%; overflow: hidden; left: 0px !important; bottom: 0px !important; text-align: center; margin-top: 0.3rem; } .cpyb_03c_sp span { width: 0.12rem; height: 0.12rem; border-radius: 50%; margin: 0px 0.03rem; background-color: rgba(255, 255, 255, 0.5); opacity: 1; } .cpyb_03c_sp span.swiper-pagination-bullet-active { background-color: #fff; } .cpyb_03_t1 { margin-top: 1rem; } .cpyb_04 { overflow: hidden; padding: 0.6rem 0px 0rem 0px; position: relative; z-index: 999; } .cpyb_04 img { max-width: 100%; } .cpyb_05_01 { width: 100%; overflow: hidden; position: relative; margin-top: 0.5rem; padding-bottom: 0.1rem; } .cpyb_05_01 img { width: 100%; display: block; border-radius: 0.1rem; } .cpyb_05_01 .cpyb_05_01_c { width: calc(100% - 2.24rem); overflow: hidden; margin: 0px auto; padding: 0.5rem 0.6rem; position: relative; z-index: 999; margin-top: -1.58rem; background-color: #f6f8f9; border-radius: 0.05rem; } .cpyb_05_01 .cpyb_05_01_c p { width: 100%; overflow: hidden; } .cpyb_05_01 .cpyb_05_01_c p.p1 { font-size: 0.28rem; color: #333; font-weight: bold; line-height: 1.5; } .cpyb_05_01 .cpyb_05_01_c ul { width: 100%; overflow: hidden; margin-top: 0.2rem; } .cpyb_05_01 .cpyb_05_01_c ul li { width: 32%; margin-right: 2%; overflow: hidden; float: left; margin: 0.02rem 0px; font-size: 0.2rem; color: #000; line-height: 0.3rem; } .cpyb_05_01 .cpyb_05_01_c ul li:nth-child(3n) { margin-right: 0px; } .cpyb_05_01 .cpyb_05_01_c ul li span { display: inline-block; background: url("../images/cpfw_04.png") left 0.06rem no-repeat; background-size: 0.16rem; padding-left: 0.25rem; } .cpyb_05_01 .cpyb_05_01_c dl { width: 100%; overflow: hidden; margin: 0px; padding: 0px; margin-top: 0.2rem; } .cpyb_05_01 .cpyb_05_01_c dl dd { width: 100%; overflow: hidden; margin: 0.05rem 0px; padding: 0px; font-size: 0.16rem; color: #999; line-height: 0.3rem; } .cpyb_05_01 .cpyb_05_01_c dl dd span { display: inline-block; background: url("../images/cpfw_02.png") left 0.06rem no-repeat; background-size: 0.16rem; padding-left: 0.3rem; } .cpyb_05_01::before { content: ""; width: calc(100% - 0.6rem - 2.24rem); overflow: hidden; height: 0.2rem; border-radius: 0.1rem; display: block; position: absolute; left: 1.15rem; bottom: 0px; background: linear-gradient(to right, #5db456 20%, #1b2786); background: -webkit-linear-gradient(to right, #5db456 20%, #1b2786); background: -o-linear-gradient(to right, #5db456 20%, #1b2786); background: -moz-linear-gradient(to right, #5db456 20%, #1b2786); } .cpyb_btn { position: relative; margin-top: -1.1rem; } .cpyb_06 { overflow: hidden; position: relative; padding: 1.5rem 0px 2rem 0px; margin-top: 0.8rem; } .cpyb_06 b.b1 { width: 100%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; } .cpyb_06 b.b1 { clip-path: polygon(100% 0%, 100% calc(100% - 1rem), 0% 100%, 0% 1rem); -webkit-clip-path: polygon(100% 0%, 100% calc(100% - 1rem), 0% 100%, 0% 1rem); } .cpyb_06 .wrap_c { position: relative; z-index: 999; } .cpyb_06_t { width: 100%; overflow: hidden; text-align: center; color: #fff; font-size: 0.42rem; line-height: 1.75; } .cpyb_06_c1 { width: 100%; overflow: hidden; margin-top: 0.5rem; } .cpyb_06_c1 ul { width: 100%; overflow: hidden; display: flex; display: -webkit-flex; justify-content: space-between; } .cpyb_06_c1 ul li { width: calc((100% - 0.28rem) / 2); padding: 0.45rem; overflow: hidden; border-radius: 0.14rem; background: url("../images/cpfw_06.jpg") center no-repeat; background-size: cover; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .cpyb_06_c1 ul li p { width: 100%; overflow: hidden; } .cpyb_06_c1 ul li p.p1 { margin-bottom: 0.2rem; } .cpyb_06_c1 ul li p.p1 img { width: 100%; display: block; } .cpyb_06_c1 ul li p.p2 { font-size: 0.28rem; color: #fff; line-height: 1.5; } .cpyb_06_c1 ul li p.p3 { font-size: 0.24rem; color: #fff; line-height: 1.5; margin-top: 0.2rem; } .cpyb_06_c1 ul li dl { width: 100%; overflow: hidden; margin: 0px; padding: 0px; border-bottom: 0.01rem dotted rgba(255, 255, 255, 0.5); padding-bottom: 0.1rem; } .cpyb_06_c1 ul li dl.dl1 { border-bottom: 0px; padding-bottom: 0px; } .cpyb_06_c1 ul li dl dd { width: 100%; overflow: hidden; margin: 0.05rem 0px; padding: 0px; font-size: 0.18rem; line-height: 0.3rem; color: rgba(255, 255, 255, 0.8); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .cpyb_06_c1 ul li dl dd span { display: inline-block; background: url("../images/cpfw_03.png") left 0.12rem no-repeat; background-size: 0.04rem; padding-left: 0.2rem; } .cpyb_06_c2 { width: 100%; overflow: hidden; margin-top: 1rem; } .cpyb_06_c2 img { width: 100%; display: block; margin: 0px auto; padding: 0px; } .cpyb_06_c3 { width: 100%; overflow: hidden; margin-top: 0.4rem; } .cpyb_06_c3 p { width: 100%; overflow: hidden; } .cpyb_06_c3 p.p1 { font-size: 0.36rem; color: #fff; line-height: 1.75; position: relative; padding-bottom: 0.1rem; } .cpyb_06_c3 p.p1 b { width: 0.25rem; height: 0.05rem; position: absolute; left: 0px; bottom: 0px; display: block; overflow: hidden; border-radius: 0.05rem; background: linear-gradient(to right, #1b2786 20%, #5db456); background: -webkit-linear-gradient(to right, #1b2786 20%, #5db456); background: -o-linear-gradient(to right, #1b2786 20%, #5db456); background: -moz-linear-gradient(to right, #1b2786 20%, #5db456); } .cpyb_06_c3 ul { width: 100%; overflow: hidden; margin-top: 0.3rem; } .cpyb_06_c3 ul li { width: 100%; overflow: hidden; font-size: 0.18rem; color: #fff; line-height: 0.3rem; margin: 0.15rem 0px; } .cpyb_06_c3 ul li span { display: inline-block; background: url("../images/cpfw_02.png") left 0.06rem no-repeat; background-size: 0.16rem; padding-left: 0.3rem; } .cpyb_07_tab { width: 100%; overflow: hidden; margin-top: 0.4rem; } .cpyb_07_tab ul { width: 100%; overflow: hidden; font-size: 0px; position: relative; text-align: center; } .cpyb_07_tab ul::before { content: ""; width: 100%; height: 0.02rem; display: block; overflow: hidden; background-color: #e1e7f0; position: absolute; left: 0px; bottom: 0.01rem; } .cpyb_07_tab ul li { display: inline-block; position: relative; font-size: 0.28rem; color: #333; margin: 0px 0.3rem; line-height: 1.75; padding-bottom: 0.2rem; } .cpyb_07_tab ul li a { color: #333; } .cpyb_07_tab ul li:first-child { padding-left: 0px; } .cpyb_07_tab ul li:last-child { padding-right: 0px; } .cpyb_07_tab ul li.on::before { content: ""; width: 100%; height: 0.04rem; display: block; overflow: hidden; position: absolute; left: 0px; bottom: 0px; background: linear-gradient(to right, #5db456 20%, #1b2786); background: -webkit-linear-gradient(to right, #5db456 20%, #1b2786); background: -o-linear-gradient(to right, #5db456 20%, #1b2786); background: -moz-linear-gradient(to right, #5db456 20%, #1b2786); } .cpyb_07_tab ul li.on a { color: #4a8f4e; } .cpyb_07_txt { width: 100%; overflow: hidden; margin-top: 0.4rem; } .cpyb_07_txt p { width: 100%; overflow: hidden; font-size: 0.18rem; color: #666; line-height: 1.75; margin-bottom: 0.2rem; } .cpyb_07_txt p.p1 { font-size: 0.24rem; color: #333; } .cpyb_07_c { width: 100%; overflow: hidden; text-align: center; margin-top: 0.6rem; } .cpyb_07_c img { max-width: 100%; display: inline-block; } .cpyb_08 { overflow: hidden; position: relative; padding: 1.5rem 0px 2rem 0px; margin-top: 1rem; } .cpyb_08 b.b1 { width: 100%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; } .cpyb_08 b.b1 { clip-path: polygon(100% 0%, 100% calc(100% - 1rem), 0% 100%, 0% 1rem); -webkit-clip-path: polygon(100% 0%, 100% calc(100% - 1rem), 0% 100%, 0% 1rem); } .cpyb_08 .wrap_c { position: relative; z-index: 999; } .cpyb_08_t { width: 100%; overflow: hidden; text-align: center; color: #fff; font-size: 0.42rem; } .cpyb_08_c { width: 100%; overflow: hidden; margin-top: 0.4rem; } .cpyb_08_c ul li { width: 100%; overflow: hidden; font-size: 0.18rem; color: #fff; line-height: 1.75; margin: 0.05rem 0px; } .cpyb_08_c ul li span { display: inline-block; background: url("../images/cpfw_02.png") left 0.07rem no-repeat; background-size: 0.16rem; padding-left: 0.3rem; } .cpyb_08_b { width: 100%; overflow: hidden; margin-top: 0.2rem; } .cpyb_08_b ul { width: 100%; overflow: hidden; padding-top: 0.2rem; display: flex; display: -webkit-flex; justify-content: space-between; } .cpyb_08_b ul li { width: calc((100% - 0.6rem) / 5); float: left; padding: 0.5rem 0.3rem 0.2rem 0.3rem; border-radius: 0.12rem; background: linear-gradient(#5db456 20%, #1b2786); background: -webkit-linear-gradient(#5db456 20%, #1b2786); background: -o-linear-gradient(#5db456 20%, #1b2786); background: -moz-linear-gradient(#5db456 20%, #1b2786); 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; } .cpyb_08_b ul li p { width: 100%; overflow: hidden; text-align: center; } .cpyb_08_b ul li p.p1 img { height: 0.5rem; display: block; margin: 0px auto; padding: 0px; } .cpyb_08_b ul li p.p2 { color: #fff; font-size: 0.24rem; line-height: 1.75; margin-top: 0.2rem; } .cpyb_08_b ul li p.p3 { font-size: 0.16rem; color: rgba(255, 255, 255, 0.8); line-height: 1.75; margin-top: 0.1rem; text-align: center; } .cpyb_08_b ul li:hover { transform: translateY(-0.2rem); -webkit-transform: translateY(-0.2rem); -moz-transform: translateY(-0.2rem); } .cpyb_09 { overflow: hidden; padding: 0.4rem 0px 0.8rem 0px; } .cpyb_09_t { width: 100%; overflow: hidden; text-align: center; color: #222; font-size: 0.42rem; } .cpyb_09_c { width: 100%; overflow: visible; padding-top: 0.4rem; } .cpyb_09_c ul li { width: calc((100% - 0.3rem) / 2); float: left; padding: 0.2rem; margin-right: 0.3rem; border-radius: 0.14rem; margin-bottom: 0.3rem; background-color: #fff; -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; } .cpyb_09_c ul li:nth-child(2n) { margin-right: 0px; } .cpyb_09_c ul li em { display: block; font-style: normal; } .cpyb_09_c ul li em.em1 { width: 1.42rem; height: 1.42rem; float: left; overflow: hidden; border-radius: 0.04rem; } .cpyb_09_c ul li em.em1 img { width: 100%; height: 1.42rem; display: block; object-fit: cover; } .cpyb_09_c ul li em.em2 { width: calc(100% - 1.42rem - 0.2rem); float: left; margin-left: 0.2rem; } .cpyb_09_c ul li em.em2 span { width: 100%; display: block; overflow: hidden; } .cpyb_09_c ul li em.em2 span.sp1 { font-size: 0.26rem; color: #222; line-height: 0.3rem; margin-top: 0.1rem; } .cpyb_09_c ul li em.em2 span.sp2 { font-size: 0.18rem; color: #999; line-height: 0.28rem; margin-top: 0.1rem; } .cpyb_10 { overflow: hidden; position: relative; padding: 1.5rem 0px 2rem 0px; } .cpyb_10 b.b1 { width: 100%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; } .cpyb_10 b.b1 { clip-path: polygon(100% 0%, 100% calc(100% - 1rem), 0% 100%, 0% 1rem); -webkit-clip-path: polygon(100% 0%, 100% calc(100% - 1rem), 0% 100%, 0% 1rem); } .cpyb_10 .wrap_c { position: relative; z-index: 999; } .cpyb_11_c { width: 100%; overflow: hidden; margin-top: 0.5rem; } .cpyb_11_c ul li { width: calc((100% - 0.2rem) / 2); float: left; padding: 0.1rem 0.25rem; font-size: 0.24rem; color: #fff; background-color: rgba(255, 255, 255, 0.2); margin-right: 0.2rem; margin-bottom: 0.2rem; border-radius: 0.12rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .cpyb_11_c ul li:nth-child(2n) { margin-right: 0px; } .cpyb_11_c ul li span { float: Left; } .cpyb_11_c ul li i { float: right; color: #b1b2af; } .inright { position: absolute; right: 0.2rem; z-index: 9999; top: 40vh; } .inright ul li { width: 100%; overflow: hidden; text-align: right; margin: 0rem 0px; } .inright ul li a { display: inline-block; position: relative; font-size: 0.18rem; color: #fff; line-height: 0.22rem; padding-right: 0.6rem; height: 0.44rem; display: flex; display: -webkit-flex; align-items: center; justify-content: flex-end; } .inright ul li b { width: 0.2rem; height: 0.05rem; display: block; overflow: hidden; background-color: #cacaca; position: absolute; right: 0rem; top: 50%; margin-top: -0.025rem; border-radius: 0.05rem; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .inright ul li span { opacity: 0; } .inright ul li.on span { opacity: 1; } .inright ul li.on b { width: 0.4rem; background: linear-gradient(to right, #5db456 20%, #1b2786); background: -webkit-linear-gradient(to right, #5db456 20%, #1b2786); background: -o-linear-gradient(to right, #5db456 20%, #1b2786); background: -moz-linear-gradient(to right, #5db456 20%, #1b2786); } .inright ul li.on1 span { opacity: 1; color: #222; } .inright ul li.on1 b { width: 0.4rem; background: linear-gradient(to right, #5db456 20%, #1b2786); background: -webkit-linear-gradient(to right, #5db456 20%, #1b2786); background: -o-linear-gradient(to right, #5db456 20%, #1b2786); background: -moz-linear-gradient(to right, #5db456 20%, #1b2786); } /*1218new*/ .wxmsg{position: fixed;z-index: 9999; right: .2rem; bottom: 1.6rem;width: .8rem;display: flex;} .wxmsg .img img{width: .8rem;} .wxbox{position: absolute;width: 2.42rem;height: 2.94rem; top:-1.07rem; right:.6rem;display: none;} .wxbox>img{width: 100%;} .wxbox .txt{width: 100%; height: 100%;display: flex;flex-direction: column; justify-content: center;align-items: center;position: absolute;left: 0; top:0;font-size: .18rem; color: #fff;text-align: center;box-sizing: border-box;padding-right: .05rem;} .wxbox .txt p img{border-radius: 3px; box-shadow: 0 .05rem .1rem rgba(100,100,100,.2);margin: .1rem auto;width: 1.36rem;} .wxbox .txt a{display: block; width: 1.3rem;height: .32rem;line-height: .32rem;text-align: center;color: #fff; font-size: .16rem; background: linear-gradient(to right, #5db456 20%, #1b2786); background: -webkit-linear-gradient(to right, #5db456 20%, #1b2786); background: -o-linear-gradient(to right, #5db456 20%, #1b2786); background: -moz-linear-gradient(to right, #5db456 20%, #1b2786); border-radius: .16rem;} .wxmsg:hover .wxbox{display: block;} @media screen and (max-width: 1200px) { .wrap_in { max-width: 750px; margin: 0px auto; padding: 0px; position: relative; } .wrap_c { max-width: 750px; width: auto; padding: 0px 10px; margin: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .topfr .wrap_in { margin: 0px 10px; } .w_pc { display: none !important; } .w_wap { display: block !important; } .topfr { top: 0rem; padding-top: 0.1rem; } .topfr .menu_click { width: 0.2rem; height: 0.5rem; margin-right: 0px; float: right; z-index: 999; position: relative; } .topfr .menu_click a { height: 0.5rem; } .topfr .fl { height: 0.5rem; float: left; position: relative; z-index: 999; } .topfr .fl img { height: 0.4rem; } .menufr { width: calc(100% + 20px); overflow: hidden; position: absolute; left: -10px; top: -0.1rem; background-color: rgba(0, 0, 0, 0.5); display: none; } .menufr ul { width: 100%; overflow: hidden; margin-top: 0.75rem; border-top: 0.01rem solid rgba(255, 255, 255, 0.2); } .menufr ul li { width: 100%; overflow: hidden; padding: 0px; border-bottom: 0.01rem solid rgba(255, 255, 255, 0.2); } .menufr ul li .tm_t { height: 0.5rem; justify-content: flex-start; padding: 0px 10px; font-size: 0.18rem; } .menufr ul li .tm_c { position: relative; display: block; margin-top: -0.1rem; background-color: rgba(255, 255, 255, 0); } .menufr ul li .tm_c .tmc_c ul.third_nav { position: static; width: 100%; background-color: none; border-radius:0; border: none; display: block; margin-top: .1rem; padding: 0 .2rem; box-sizing: border-box; } .menufr ul li .tm_c .tmc_c ul.third_nav li{float: left;width: auto;border-bottom: none;} .menufr ul li .tm_c .tmc_c { margin-top: 0rem; padding: 0px 0px 0.1rem 0px; } .menufr ul li .tm_c .tmc_c p { width: auto; float: left; font-size: 0.16rem; margin: 0px; } .menufr ul li:nth-child(4) .tm_c { width: 100%; margin: 0px; } .menufr ul li:nth-child(6) .tm_c { width: 100%; margin: 0px; } .top_pos2 { padding-bottom: 0.1rem; } .nbanner_c .nbc_c p.p1 { font-size: 0.2rem; } .nbanner_c .nbc_c p.p2 { font-size: 0.34rem; } .nbanner_c .nbc_c p.p3 { font-size: 0.22rem; } .nbanner_c .nbc_c p.p4 { font-size: 0.22rem; } .nbanner_c .nbc_c p.p5 a { font-size: 0.14rem; padding: 0px 0.3rem; line-height: 0.4rem; } .nbanner_c .nbc_c p.p6 img { width: 0.5rem; } .page2::before { display: none; } .p2_t { left: 10px; top: 0.8rem; } .p2_t label span.sp1 { font-size: 0.22rem; line-height: 1.5; } .p2_t label span.sp2 { font-size: 0.14rem; margin-top: 0px; } .p2_t label::before { width: 0.3rem; height: 100%; top: -0.1rem; } .p2c_slide { padding-top: 0.4rem; } .p2c_slide .p2c_a { right: 10px; top: 0px; } .p2c_slide .p2c_a a { width: 0.3rem; height: 0.3rem; } .p2c_slide .p2c_a a.p2c_next { margin-left: 0.1rem; } .p2_c .p2c_c .fl, .p2_c .p2c_c .fr { width: 100%; position: relative; padding-top: .7rem; } .p2_c .p2c_c .fr{margin-top: .3rem;} .p2_c .p2c_c .p2_t label::before { width: 0.3rem; height: 100%; top: 0; right: 0; } .p2c_c .swiper-slide ul li { width: calc((100% - 0.3rem) / 3); margin: 0px 0.05rem; } .p2_c .p2c_c .p2_t label{padding-right: .6rem;} .p2_c .p2c_c .fl .swiper-slide ul li:nth-child(1), .p2_c .p2c_c .fl .swiper-slide ul li:nth-child(3) { margin-top: 0; } .p2_c .p2c_c .fr .swiper-slide ul li:nth-child(2) { margin-top: 0; } .p2c_c .fr br{display: none;} .p2c_c .swiper-slide em.em2 { padding: 0px .1rem; } .p2c_c .swiper-slide em.em2 span.sp1 img { height: 0.4rem; } .p2c_c .swiper-slide em.em2 span.sp2 { font-size: 0.18rem; margin-top: 0.1rem; } .p2c_c .swiper-slide em.em2 span.sp3 { font-size: 0.14rem; margin-top: 0.05rem; } .p2c_c .swiper-slide em.em2 span.sp4 b { height: 0.1rem; } .p2c_c .swiper-slide em.em2 span.sp6 { display: none; } .page3::before { display: none; } .p3fr { padding-bottom: 0px; overflow: visible; } .p3c_slide{width: 100%;margin-left: 0; overflow: visible;} .p3c_slide .swiper-slide { padding: .2rem; width: 100%; box-sizing: border-box; } .p3c_slide a.p3s_prev { left:calc(50% - .8rem); top:calc(100% + .2rem) } .p3c_slide a.p3s_next { right:calc(50% - .8rem); top:calc(100% + .2rem) } .page3 .p2_t { width: 100%; height: .5rem; } .p3t_r a { width: 0.3rem; height: 0.3rem; } .p3_c{margin-top: 0;} .p4fr .p2_t { width: calc(100% - 20px); } .p4t_r a { width: 0.3rem; height: 0.3rem; margin-right: 0.1rem; } .p4c_slide .swiper-slide .fl { display: block; width: 100%; } .p4c_slide .swiper-slide .fr { width: 100%; position: relative; height: 67vh; display: none; } .p4c_slide .swiper-slide .fr ul li { padding: 0px 0.2rem; } .p4c_slide .swiper-slide .fr ul li span.sp1 { font-size: 0.14rem; } .p4c_slide .swiper-slide .fr ul li span.sp2 { font-size: 0.2rem; } .p4c_slide .swiper-slide .fr ul li a { background-size: 0.2rem; } .p4c_slide .swiper-slide .fl em.em2 { padding: 0px 0.1rem; } .p4c_slide .swiper-slide .fl em.em2 span.sp1 { font-size: 0.12rem; } .p4c_slide .swiper-slide .fl em.em2 span.sp2 { font-size: 0.2rem; } .p4c_slide .swiper-slide .fl em.em2 span.sp3 { margin-top: 0.1rem; } .p4c_slide .swiper-slide .fl em.em2 span.sp3 b { width: 0.2rem; height: 0.2rem; } .p4c_slide .swiper-slide .fl em.em1 { height: calc(63vh - 20vh); } .p4c_slide .swiper-slide .fl em.em2 { height: calc(22vh - 0.36rem - 0.1rem); } .page5 .fr em { width: 0.6rem; margin-left: -0.3rem; margin-top: -0.3rem; } .page5 .fr em i.i1 { width: 0.3rem; height: 0.3rem; margin-left: -0.15rem; margin-top: -0.15rem; } .page5 .fr label.lb1 { top: 6%; } .p5l_c { padding: 0.6rem 0.1rem 0.4rem 0.1rem; } .page5::before { display: none; } .page5 .pagefr_n { height: auto; display: block; } .page5 .fl { width: 100%; height: auto; } .page5 .fr { width: 100%; height: 27vh; } .p5l_c p.p1 img { height: 0.4rem; } .p5l_c p.p2 { font-size: 0.2rem; margin-top: 0.1rem; } .p5l_c p.p3 { margin-top: 0.1rem; } .p5l_c p.p3 a { font-size: 0.14rem; } .p5l_c ul { margin-top: 0.1rem; } .p5l_c ul li { font-size: 0.14rem; } .p5l_c p.p4 { display: none; } .p5l_c p.p5 { font-size: 0.14rem; } .p5l_c ul li span { line-height: 0.24rem; padding-left: 0.75rem; } .p5l_c ul li { line-height: 0.24rem; } .p5l_c ul li span.sp1 { background: url("../upimg/btn_02.png") left 0.05rem no-repeat; background-size: 0.14rem; } .inright { display: none; } .sub_c { margin-top: 1rem; } .sub_c p.p1 { font-size: 0.14rem; letter-spacing: 0.02rem; } .sub_c p.p2 { font-size: 0.24rem; } .sub_c p.p3 { font-size: 0.16rem; } .sub_c p.p4 { margin-top: 0.4rem; } .sub_c ul { margin-top: 0.1rem; } .sub_c ul li { font-size: 0.14rem; line-height: 0.24rem; } .sub_c ul li span { background: url("../images/c_03.png") left 0.06rem no-repeat; } .sub_c p.p4 img { width: 0.6rem; } .cpfw_01 { margin-top: 0.6rem; } .cpfw_01 .wrap_c { display: block; } .cpfw_01 .cpfw_01_img { width: 100%; } .cpfw_01 .cpfw_01_txt { width: 100%; margin-top: 0.2rem; } .cpfw_01 .cpfw_01_img em { width: 0.47rem; height: 0.52rem; top: -0.37rem; } .cpfw_01 .cpfw_01_img em span { font-size: 0.2rem; } .cp01t_c p.p1 { font-size: 0.24rem; } .cp01t_c ul li { font-size: 0.16rem; } .cpfw_02 { margin-top: 0.6rem; } .cpfw_02 .wrap_c { display: block; } .cpfw_02 .cpfw_01_txt { width: 100%; } .cpfw_02 .cpfw_01_img { width: 100%; } .cpfw_02 .cpfw_01_img em { width: 0.47rem; height: 0.52rem; top: -0.37rem; } .cpfw_02 .cpfw_01_img em span { font-size: 0.2rem; } .btnfr { clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 0.3rem); } .sinavfr ul li { width: 50%; margin: 0px; } .sinavfr ul li a { font-size: 0.16rem; /* height: 0.41rem;*/ padding: 0 0.05rem ; } .sinavfr ul li img { height: 0.41rem; top: 0rem; } .sinavfr { padding-top: 0.2rem; } .ab_02_t p.p1 { font-size: 0.24rem; } .ab_02_t p.p2 { font-size: 0.14rem; } .cpyb_01_c { margin-top: 0.2rem; } .cpyb_01_c1 { margin-top: 0.2rem; } .cpyb_01_c1 p.p1 { font-size: 0.18rem; } .cpyb_01_c1 p.p2 { font-size: 0.16rem; } .cpyb_01_c2 dl dt { font-size: 0.18rem; } .cpyb_01_c2 dl dd { font-size: 0.16rem; } .cpyb_01_c3 { margin-top: 0.2rem; } .cpyb_01_c3_t { font-size: 0.18rem; } .cpyb_01_c3_c { display: block; } .cpyb_01_c3_c .fl { width: 100%; } .cpyb_01_c3_c .fr { width: 100%; margin-top: 0.3rem; } .cpyb_01_c3_c .fr ul li { font-size: 0.16rem; } .cpyb_02_t { font-size: 0.2rem; } .cpyb_02 { padding: 0.6rem 0px 1rem 0px; } .cpyb_02 b.b1 { clip-path: polygon(100% 0%, 100% calc(100% - 0.3rem), 0% 100%, 0% 0.3rem); -webkit-clip-path: polygon(100% 0%, 100% calc(100% - 0.3rem), 0% 100%, 0% 0.3rem); } .cpyb_02_c1 { margin-top: 0.3rem; } .cpyb_02_c1 ul li { width: 100%; padding: 0.3rem 0.1rem; margin-bottom: 0.2rem; } .cpyb_02_c1 ul { display: block; } .cpyb_02_c1 ul li p.p1 img { height: 0.3rem; } .cpyb_02_c1 ul li p.p2 { font-size: 0.18rem; } .cpyb_02_c1 ul li p.p3 { font-size: 0.16rem; } .cpyb_02_c2 { margin-top: 0.3rem; } .cpyb_03_t { font-size: 0.2rem; } .cpyb_03_c { margin-top: 0.2rem; } .cpyb_03 { margin-top: -0.6rem; padding: 0.6rem 0px; } .cpyb_03 b.b1 { clip-path: polygon(100% 0%, 100% calc(100% - 0.3rem), 0% 100%, 0% 0.3rem); -webkit-clip-path: polygon(100% 0%, 100% calc(100% - 0.3rem), 0% 100%, 0% 0.3rem); } .cpyb_03c_slide .swiper-slide em.em2 { font-size: 0.16rem; } .cpyb_03_t1 { margin-top: 0.4rem; } .cpyb_05_01 { margin-top: 0.3rem; } .cpyb_05_01 .cpyb_05_01_c { width: 100%; margin-top: 0px; padding: 0.3rem 0.1rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .cpyb_05_01 .cpyb_05_01_c p.p1 { font-size: 0.18rem; } .cpyb_05_01 .cpyb_05_01_c ul li { font-size: 0.16rem; width: 100%; } .cpyb_05_01::before { width: 100%; left: 0px; } .cpyb_06 { margin-top: 0.3rem; padding: 0.6rem 0px; } .cpyb_06 b.b1 { clip-path: polygon(100% 0%, 100% calc(100% - 0.3rem), 0% 100%, 0% 0.3rem); -webkit-clip-path: polygon(100% 0%, 100% calc(100% - 0.3rem), 0% 100%, 0% 0.3rem); } .cpyb_06_t { font-size: 0.2rem; } .cpyb_06_c1 { margin-top: 0.3rem; } .cpyb_06_c1 ul { display: block; } .cpyb_06_c1 ul li { padding: 0.2rem; width: 100%; margin-right: 0px; margin-bottom: 0.3rem; } .cpyb_06_c1 ul li p.p2 { font-size: 0.18rem; } .cpyb_06_c1 ul li p.p3 { font-size: 0.16rem; } .cpyb_06_c1 ul li dl dd { font-size: 0.16rem; } .cpyb_06_c2 { margin-top: 0.3rem; } .cpyb_06_c3 p.p1 { font-size: 0.2rem; } .cpyb_06_c3 ul li { font-size: 0.16rem; } .cpyb_btn { margin-top: -0.4rem; } .cpyb_07_tab ul li { font-size: 0.16rem; margin: 0px 0.03rem; } .cpyb_07_txt p { font-size: 0.16rem; } .cpyb_08 { margin-top: 0.4rem; padding: 0.6rem 0px; } .cpyb_08 b.b1 { clip-path: polygon(100% 0%, 100% calc(100% - 0.3rem), 0% 100%, 0% 0.3rem); -webkit-clip-path: polygon(100% 0%, 100% calc(100% - 0.3rem), 0% 100%, 0% 0.3rem); } .cpyb_08_t { font-size: 0.2rem; } .cpyb_08_c ul li { font-size: 0.16rem; } .cpyb_08_b ul { display: block; } .cpyb_08_b ul li { width: 100%; margin-right: 0px; margin-bottom: 0.3rem; padding: 0.3rem 0.1rem; } .cpyb_08_b ul li p.p1 img { height: 0.3rem; } .cpyb_08_b ul li p.p2 { font-size: 0.18rem; } .cpyb_08_b ul li p.p3 { font-size: 0.14rem; } .cpyb_09_t { font-size: 0.2rem; } .cpyb_09_c { padding-top: 0.3rem; } .cpyb_09_c ul li { width: 100%; margin-right: 0px; } .cpyb_09_c ul li em.em2 span.sp1 { font-size: 0.18rem; margin-top: 0px; } .cpyb_09_c ul li em.em2 span.sp2 { font-size: 0.16rem; } .cpyb_10 { padding: 0.6rem 0px; margin-top: 0rem; } .cpyb_10 b.b1 { clip-path: polygon(100% 0%, 100% calc(100% - 0.3rem), 0% 100%, 0% 0.3rem); -webkit-clip-path: polygon(100% 0%, 100% calc(100% - 0.3rem), 0% 100%, 0% 0.3rem); } .cpyb_07_c { margin-top: 0.2rem; } .cpyb_11_c { margin-top: 0.3rem; } .cpyb_11_c ul li { font-size: 0.18rem; padding: 0.1rem; width: 100%; margin-right: 0px; } .sub_c1 { margin-top: 1.4rem; } .sub_c1 p.p1 { font-size: 0.2rem; letter-spacing: 0px; } .sub_c1 p.p2 { font-size: 0.3rem; } .sub_c1 p.p4 img { width: 0.6rem; } .sub_c1 p.p4 { margin-top: 0.4rem; } .sub_c1 p.p1 { margin-top: 0rem; } .sub_c2 { margin-top: 1.4rem; } .sub_c2 p.p1 { font-size: 0.2rem; letter-spacing: 0px; } .sub_c2 p.p2 { font-size: 0.3rem; } .sub_c2 p.p3 { max-width: 100%; font-size: 0.16rem; } .sub_c2 p.p5 { max-width: 100%; font-size: 0.16rem; } .sub_c2 p.p4 { margin-top: 0.4rem; } .sub_c2 p.p4 img { width: 0.6rem; } .cjwt_01 ul li { padding: 0px 0.2rem; margin-bottom: 0.2rem; } .cjwt_01 ul li .cjwt01_t label { font-size: 0.2rem; } .cjwt_01 ul li .cjwt01_t { padding: 0.15rem 0px; } .cjwt_01 ul li .cjwt01_c .cjwt01c_c { font-size: 0.14rem; margin: 0.15rem 0px; } .pagesfr { margin-top: 0.4rem; } .pagesfr a { margin-bottom: 0.1rem; } .cjkp01c_img { width: 100%; height: 3rem; } .cjkp_01_c { width: 100%; margin: 0px; } .cjkp01c_txt label { font-size: 0.6rem; } .cjkp01c_txt { padding: 0 0 0 0.1rem; width: 100%; height: auto; padding-top: 0.3rem; padding-bottom: 0.3rem; } .cjkp01c_txt em i { font-size: 0.16rem; } .cjkp01c_txt span.sp1 { font-size: 0.18rem; } .cjkp01c_txt span.sp2 i { font-size: 0.14rem; padding: 0px 0.3rem; line-height: 0.4rem; } .cjkp_02 .cjkp01c_txt { padding: 0 0.1rem 0 0.1rem; width: 100%; height: auto; padding-top: 0.3rem; padding-bottom: 0.3rem; } .cjkp_01 { padding-top: 0.3rem; } .js_01 select { font-size: 0.14rem; padding-right: 0.3rem; background-size: 0.14rem; max-width: 70%; } .js_01 { margin-top: 0.1rem; } .js_02_num { font-size: 0.6rem; line-height: 0.6rem; } .js_02fr { margin-top: -0.1rem; padding: 0.2rem; } .js_02 { padding-top: 0.4rem; } .js_02_t { display: block; } .js_02_t .js02t_img { width: 100%; } .js_02_t .js02t_txt { width: 100%; margin-top: 0.2rem; } .js_02_t .js02t_txt p.p1 { font-size: 0.2rem; } .js_02_t .js02t_txt ul li { font-size: 0.16rem; } .js_02_c p.p1 { font-size: 0.18rem; } .js_02_c ul.ul2 li { width: 100%; margin-right: 0px; } .js_02_c ul.ul2 li .p2 { font-size: 0.18rem; } .js_02_c ul.ul2 li .p3 { font-size: 0.16rem; } .js_02_c ul.ul2 li .p4 { font-size: 0.16rem; height: auto; } .js_02_c ul.ul3 li { width: 100%; margin-right: 0px; } .js_02_c ul.ul3 li .p4 { font-size: 0.16rem; height: auto; min-height: 0.54rem; } .nxq_01 h1 { font-size: 0.2rem; } .nxq_01 p { font-size: 0.16rem; padding-top: 0.1rem; } .nxq_03 a { width: 100%; height: auto; margin: 0.1rem 0px; font-size: 0.14rem; padding: 0.1rem 0.1rem; } .nxq_04 { margin-top: 0.3rem; } .ab_01 { padding-top: 0.4rem; padding-bottom: 1.2rem; } .ab_01fr .fl { width: 100%; position: relative; height: 2rem; } .ab_01fr .fr { width: 100%; margin-top: 0.2rem; padding: 0.2rem; } .top_pos2 .menufr ul li .tm_c .tmc_c { margin-top: 0px; } .ab_01fr .fr p.p1 { margin-bottom: 0.1rem; } .ab_01fr .fr p.p1 span.sp1 { font-size: 0.3rem; margin-left: 0px; } .ab_01fr .fr p.p1 span.sp2 { font-size: 0.14rem; } .ab_01fr .fr p.p1::before { width: 0.5rem; display: none; } .ab_02 { padding: 0.6rem 0px; } .ab_02 b.b1 { clip-path: polygon(100% 0%, 100% calc(100% - 0.3rem), 0% 100%, 0% 0.3rem); -webkit-clip-path: polygon(100% 0%, 100% calc(100% - 0.3rem), 0% 100%, 0% 0.3rem); } .ab_02_c ul { display: block; } .ab_02_c ul li { width: 100%; margin-bottom: 0.2rem; } .ab_03c_slide .swiper-slide .ab_03cs_l { width: 93%; } .ab_03c_slide .swiper-slide .ab_03cs_r { width: 100%; } .ab_03c_slide .swiper-slide .ab_03cs_r p.p1 { margin-top: 0.4rem; } .ab_03_b { position: relative; z-index: 999; } .ab_03_b ul { width: 100%; overflow: visible; display: flex; display: -webkit-flex; justify-content: space-around; } .ab_03_b ul li { padding: 0px 0rem; padding-top: 1.2rem; } .ab_03_b ul li span.sp1 { font-size: 0.2rem; } .ab_03_b ul li span.sp2 { font-size: 0.12rem; } .ab_04 { padding: 0.6rem 0px; } .ab_04 b.b1 { clip-path: polygon(100% 0%, 100% calc(100% - 0.3rem), 0% 100%, 0% 0.3rem); -webkit-clip-path: polygon(100% 0%, 100% calc(100% - 0.3rem), 0% 100%, 0% 0.3rem); } .ab_04_c ul li { width: 49%; margin-right: 2%; margin-bottom: 0.2rem; } .ab_04_c ul li:nth-child(2n) { margin-right: 0px; } .p5l_c p.p1 { margin-top: 0px; } } @media screen and (max-width: 750px) { .wrap_in { margin: 0px 10px; } .ab_06 { padding-bottom: .5rem; padding-top: .4rem; } .ab_06_box{flex-wrap: wrap;} .ab_06_box .fl { width: 100%; } .ab_06_box .fr { width: 100%; } .year_slide{height: 1.2rem;} .year_slide .swiper-slide{height: 1.2rem;background-size: 1rem;padding: 0 .2rem 0 .8rem;box-sizing: border-box;} .ab_06_box .fl .ybox { font-size: .6rem; } .ab_06_b{right: 0; top:calc(50% - .46rem)} .ab_06_b a { width: 0.36rem; height: 0.36rem; } .ab_06 b.b1 { clip-path: polygon(100% 0%, 100% calc(100% - .3rem), 0% 100%, 0% .3rem); -webkit-clip-path: polygon(100% 0%, 100% calc(100% - .3rem), 0% 100%, 0% .3rem); } .pro_slide .swiper-slide .pro_box{padding:.2rem 0;} .pro_slide .pro_box h5 { font-size: .24rem;} .pro_slide .pro_box p { font-size: .14rem; margin-top: .16rem; } .ab_07 { margin-top: .3rem; } .ab_07_slide,.ab_08_slide{margin-top:0} .sub_c2 p.p6 img { height: auto; margin-top: 0.4rem; width: 99%; } }