@charset "utf-8"; /* CSS Document */ *{padding: 0; margin: 0;} :root { --hover: #d1161b; --vh: 1vh; } ::-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: "syRegular"; src: url("../fonts/syRegular.eot"); src: url("../fonts/syRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/syRegular.woff") format("woff"), url("../fonts/syRegular.ttf") format("truetype"), url("../fonts/syRegular.svg#syRegular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "syhthin"; src: url("../fonts/syRegular.woff") format("woff"),url("../fonts/syhthin.ttf") format("truetype"); 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; } body { font-family: 'syRegular',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:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear; } a:hover { color:var(--hover); 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:20px;} 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} /*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;height:calc(var(--vh) * 100);} .section .pagefr{width:100%;height:calc(var(--vh) * 100 - .92rem);margin-top:.92rem;overflow:hidden;display:flex;display:-webkit-flex;align-items:center;justify-content:flex-start;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;} .section .p_last{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);} .section.active .pagefr{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.96, 0.96); -moz-transform: scale(0.96, 0.96); -webkit-transform: scale(0.96, 0.96);} 50%{transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1);} 100% {transform: scale(0.96, 0.96); -moz-transform: scale(0.96, 0.96); -webkit-transform: scale(0.96, 0.96);} } @-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;} @-webkit-keyframes an_zdy { 0% {} 100%{} } @keyframes an_zdy { 0% {} 100%{} } .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_left { 0% {color:#222;transform:translateX(0px);-webkit-transform:translateX(0px);-moz-transform:translateX(0px);} 50%{color:#d1161b;transform:translateX(-4px);-webkit-transform:translateX(-4px);-moz-transform:translateX(-4px);} 100%{color:#222;transform:translateX(0px);-webkit-transform:translateX(0px);-moz-transform:translateX(0px);} } @keyframes an_left { 0% {color:#222;transform:translateX(0px);-webkit-transform:translateX(0px);-moz-transform:translateX(0px);} 50%{color:#d1161b;transform:translateX(-4px);-webkit-transform:translateX(-4px);-moz-transform:translateX(-4px);} 100%{color:#222;transform:translateX(0px);-webkit-transform:translateX(0px);-moz-transform:translateX(0px);} } @-webkit-keyframes an_right { 0% {color:#222;transform:translateX(0px);-webkit-transform:translateX(0px);-moz-transform:translateX(0px);} 50%{color:#d1161b;transform:translateX(4px);-webkit-transform:translateX(4px);-moz-transform:translateX(4px);} 100%{color:#222;transform:translateX(0px);-webkit-transform:translateX(0px);-moz-transform:translateX(0px);} } @keyframes an_right { 0% {color:#222;transform:translateX(0px);-webkit-transform:translateX(0px);-moz-transform:translateX(0px);} 50%{color:#d1161b;transform:translateX(4px);-webkit-transform:translateX(4px);-moz-transform:translateX(4px);} 100%{color:#222;transform:translateX(0px);-webkit-transform:translateX(0px);-moz-transform:translateX(0px);} } /*common*/ .in_body{min-height:calc(var(--vh) * 100);position:relative;opacity:0;background-color:#E5E5E5;} .other_body{min-height:calc(var(--vh) * 100);position:relative;opacity:0;background-color:#fff;} .home_body{overflow:hidden;height:calc(var(--vh) * 100);} .wrap{width:100%;margin:0px auto;padding:0px;} .wrap_c{margin:0px auto;width:1440px;padding:0px 0px;} .wrap_in{margin:0px 3%;} .wrap_nr{margin:0px 8.6%;} .wrap_hor{margin:0px calc(3% + 1.2rem + .86rem);} .w_pc{} .w_wap{display:none !important;} .topfr{width:100%;overflow:visible;position:fixed;left:0px;top:0px;z-index:9999;padding-top:.3rem; background-image: linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,0));} .topfr .fl{} .topfr .fl img{height:.5rem;display:block;} .topfr .fc{float:left;margin-left:1.2rem;} .top_menu ul li{float:left;position:relative;margin-left:.5rem;height:.5rem;display:flex;display:-webkit-flex;align-items:center;justify-content:center;} .top_menu ul li:nth-child(1){margin-left:0px;} .top_menu ul li>a{font-size:.18rem;color:#fff;line-height:.5rem;position:relative;padding-bottom:0rem;} .top_menu ul li.on>a:before{content:"";width:100%;height:.03rem;display:block;overflow:hidden;position:absolute;left:0px;bottom:0px;background-color:#d0141a;} .top_menu ul li .topm_sub{width:2rem;overflow:hidden;position:absolute;left:50%;margin-left:-1rem;top:.5rem;display:none;} .top_menu ul li .topm_sub b{width:.1rem;height:.1rem;display:block;overflow:hidden;position:absolute;left:50%;margin-left:-.05rem;top:.02rem;background-color:#d0141a;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);} .top_menu ul li .topm_sub .topms_c{width:100%;overflow:hidden;background-color:#d0141a;border-radius:.04rem;margin-top:.07rem;padding:.1rem .2rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .top_menu ul li .topm_sub .topms_c p{width:100%;overflow:hidden;text-align:center;line-height:1.75;margin:.05rem 0px;} .top_menu ul li .topm_sub .topms_c p a{font-size:.16rem;color:#fff;} .topfr .fr{height:.5rem;display:flex;display:-webkit-flex;align-items:center;justify-content:center;} .top_r01{width:100%;overflow:visible} .top_r01 a{float:left;display:inline-block;} .top_r01 a img{display:block;height:.2rem;} .top_r01 a.a1 img{display:block;border-radius:50%;} .top_r01 a.a2{position:relative;} .top_r01 a.a2 img.img2{position:absolute;left:0px;top:0px;opacity:0;} .top_r01 i{float:left;margin:0px .27rem;width:1px;height:.15rem;background-color:#fff;margin-top:.025rem} .lgnchfr{float:left;position:relative;} .lgnchfr em{width:100%;display:block;overflow:hidden;font-style:normal;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .lgnchfr em.em1{line-height:.2rem;height:.2rem;position:relative;z-index:999;} .lgnchfr em.em1 span{display:inline-block;font-size:.14rem;color:#fff;background:url("../images/lgn_01.png") left center no-repeat;background-size:.16rem;padding-left:.2rem;} .lgnchfr em.em2{width:1.4rem;position:absolute;left:50%;top:0px;z-index:990;margin-left:-.7rem;display:None;overflow:visible;} .lgnchfr em.em2:before{width:.06rem;height:.06rem;content:"";display:block;overflow:hidden;background-color:#fff;position:absolute;left:50%;top:.33rem;margin-left:-.03rem;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);} .lgnchfr em.em3{width:100%;overflow:hidden;padding:.1rem;background-color:#fff;margin-top:.36rem;border-radius:.04rem;-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;} .lgnchfr em.em3 span{width:100%;display:block;overflow:hidden;text-align:center;font-size:.14rem;line-height:1.75;} .lgnchfr em.em3 span a{color:#000;} .lgnchfr em.em3 span a:hover{color:#b21b21;} .lgnchfr:hover em.em2{display:block;} .menuikfr{float:right;position:relative;margin-left:.4rem;width:.6rem;height:.6rem;margin-top:0px;} .menu_click{display:block;position:absolute;right:-.05rem;top:.02rem;} .menu_click em{width:.6rem;height:.6rem;display:block;overflow:hidden;float:left;position:relative;cursor:pointer;} .menu_click em i{cursor:pointer;width:60%;display:block;overflow:hidden;height:.04rem;background-color:#fff;position:absolute;left:15%;top:0rem;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;} .menu_click em i.i1{top:.16rem;} .menu_click em i.i2{top:.30rem;} .menu_click em i.i3{top:.43rem;width:40%;} .menu_click em.on i.i2{opacity:0;} .menu_click em.on i.i1{width:60%;left:20%;transform:translateY(.12rem) rotate(45deg);-ms-transform:translateY(.12rem) rotate(45deg);-moz-transform:translateY(.12rem) rotate(45deg);-webkit-transform:translateY(.12rem) rotate(45deg);-o-transform:translateY(.12rem) rotate(45deg);} .menu_click em.on i.i3{width:60%;left:20%;top:.41rem;transform:translateY(-.12rem) rotate(-45deg);-ms-transform:translateY(-.12rem) rotate(-45deg);-moz-transform:translateY(-.12rem) rotate(-45deg);-webkit-transform:translateY(-.12rem) rotate(-45deg);-o-transform:translateY(-.12rem) rotate(-45deg);} .topfr_on .top_menu ul li>a{color:#000;} .topfr_on .top_r01 a.a2 img.img2{opacity:1;} .topfr_on .top_r01 a.a2 img.img1{opacity:0;} .topfr_on .top_r01 i{background-color:#898989;} .topfr_on .menu_click em i{background-color:#000;} .topfr_on .menu_click em.on i{} .topfr_on_content{padding-bottom:.4rem;background:linear-gradient(rgba(249,249,249,1) 90%,rgba(249,249,249,0));background: -webkit-linear-gradient(rgba(249,249,249,.8) 70%,rgba(249,249,249,0));background: -o-linear-gradient(rgba(249,249,249,.7) 50%,rgba(249,249,249,0)); background:-moz-linear-gradient(rgba(249,249,249,.7) 50%,rgba(249,249,249,0));} .rtnavfr{width:36.5%;height:calc(var(--vh) * 12);overflow:hidden;background-color:#fff;position:absolute;right:0px;bottom:0px;z-index:999;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;-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);} .rtnavfr .nvr_01{width:29%;height:calc(var(--vh) * 12);overflow:hidden;float:left;border-right:1px solid #dedede;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;} .rtnavfr .nvr_01 em{display:inline-block;font-style:normal;width:100%;overflow:hidden;} .rtnavfr .nvr_01 a{width:.27rem;height:.27rem;display:block;margin:.05rem auto;} .rtnavfr .nvr_01 a.a1{background:url("../images/in_03.png") center no-repeat;background-size:100%;} .rtnavfr .nvr_01 a.a1:hover{background:url("../images/in_03_on.png") center no-repeat;background-size:100%;} .rtnavfr .nvr_01 a.a2{background:url("../images/in_04.png") center no-repeat;background-size:100%;} .rtnavfr .nvr_01 a.a2:hover{background:url("../images/in_04_on.png") center no-repeat;background-size:100%;} .rtnavfr .nvr_02{width:41%;height:calc(var(--vh) * 12);overflow:hidden;float:left;display:flex;display:-webkit-flex;align-items:center;justify-content:center;} .rtnavfr .nvr_02 label{display:inline-block;font-size:.18rem;color:#adadad;} .rtnavfr .nvr_02 label i{font-size:.30rem;color:#d1161b;} .rtnavfr .nvr_03{width:30%;height:calc(var(--vh) * 12);overflow:hidden;background-color:#d1161b;float:left;display:flex;display:-webkit-flex;align-items:center;justify-content:center;cursor:pointer;} .rtnavfr .nvr_03 label{width:.27rem;height:.43rem;display:block;overflow:hidden;background:url("../images/in_05.png") center no-repeat;background-size:100%;position:relative;} .rtnavfr .nvr_03 label b{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:.05rem;background:url("../images/in_05_on.png") center no-repeat;background-size:100%;-webkit-animation:an_04 2.1s linear infinite;animation: an_04 2.1s linear infinite;} .banner_slide{width:100%;overflow:hidden;height:calc(var(--vh) * 100);position:relative;} .banner_slide .swiper-slide{width:100%;overflow:hidden;} .banner_slide .swiper-slide .banner_bg{width:100%;overflow:hidden;height:calc(var(--vh) * 100);background:#f9f9f9;background-size:cover;position:relative;} .banner_slide .swiper-slide .banner_bg b.b1{width:106%;height:106%;display:block;overflow:hidden;position:absolute;left:-3%;top:-3%;transition:6s;-webkit-transition:6s;transition-timing-function:linear;-webkit-transition-timing-function:linear;} .banner_slide .swiper-slide .banner_bg b.b1.on{/*-webkit-filter:url(#water);filter:blur(5px) url(#water);*/} .banner_slide .swiper-slide .banner_bg video{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;} .banner_slide .swiper-slide .banner_txt{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;z-index:990;opacity:0;} .banner_slide .swiper-slide .banner_txt img{display:block;height:2.2rem;margin-top:calc(var(--vh) * 33);margin-left:8%;} .banner_slide .swiper-slide .banner_txt .bt_c{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;display:flex;display:-webkit-flex;align-items:center;justify-content:center;} .banner_slide .swiper-slide .banner_txt .btc_c{width:100%;overflow:hidden;} .banner_slide .swiper-slide .banner_txt .bt_c p{width:100%;overflow:hidden;color:#fff;} .banner_slide .swiper-slide .banner_txt .bt_c p.p1{font-size:.4rem;line-height:1.5;font-weight:bold;} .banner_slide .swiper-slide .banner_txt .bt_c p.p2{font-size:.2rem;line-height:1.3;margin-top:.2rem;} .banner_slide .swiper-slide .banner_txt .bt_c p.p2 br:nth-child(1){display:none;} .banner_slide .swiper-slide-active .banner_bg b.b1{transform:translate3d(0,0,0);transform:scale(1.04) rotate(0.1deg); -moz-transform: scale(1.04) rotate(0.1deg); -webkit-transform:scale(1.04) rotate(0.1deg);} .banner_slide .banner_sp{position:absolute;left:8%;bottom:8vh;z-index:999;} .banner_slide .banner_sp span{opacity:1;width:.2rem;height:.2rem;margin:0px .05rem;background:url("../images/in_01.png") center no-repeat;background-size:100% 100%;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;} .banner_slide .banner_sp span.swiper-pagination-bullet-active{background:url("../images/in_02.png") center no-repeat;background-size:100% 100%;} .section{background-color:#f9f9f9;} .page1{overflow:hidden;} .page2{overflow:hidden;} .page3{overflow:hidden;} .page4{overflow:hidden;} .page5{overflow:hidden;} .page6,.npage4{overflow:hidden;background-color:#323131;} .pagefr_n{width:100%;overflow:hidden;height:calc(var(--vh) * 100);position:relative;} .p2_fl{width:63.5%;height:calc(var(--vh) * 100);overflow:hidden;position:relative;float:left;} .p2_fl .b1{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;opacity:.1;transition:.6s linear;-webkit-transition:.6s linear;-o-transition:.6s linear;-moz-transition:.6s linear;} .p2_fl .b1.on{opacity:1;} .p2l_c{width:100%;overflow:hidden;position:absolute;left:0px;bottom:2rem;} .p2l_c ul{width:66%;overflow:hidden;margin:0px auto;padding:0px;display:flex;display:-webkit-flex;justify-content: space-around} .p2l_c ul li{position:relative;padding-left:.25rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .p2l_c ul li i{width:.05rem;height:100%;display:block;overflow:hidden;background-color:#de181d;position:absolute;left:0px;top:0px;} .p2l_c ul li p{width:100%;overflow:hidden;color:#fff;} .p2l_c ul li p.p1{font-size:.72rem;line-height:0.8;} .p2l_c ul li p.p2{font-size:.18rem;line-height:1.5;margin-top:.15rem;} .p2_fr{width:36.5%;height:calc(var(--vh) * 100);overflow:hidden;position:relative;float:right;} .p2_fr b.b1{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;} .p2r_tit{position:absolute;right:3%;top:calc(var(--vh) * 18);z-index:999;} .p2r_tit p{width:100%;overflow:hidden;text-align:right;color:#fff;} .p2r_tit p.p1{text-transform:uppercase;font-size:.44rem;font-weight:100;line-height:1.3;font-family:PingFangSC;} .p2r_tit p.p2{font-size:.36rem;line-height:1.3;} .p3_tit{position:absolute;left:3%;top:calc(var(--vh) * 18);z-index:999;} .p3_tit p{width:100%;overflow:hidden;text-align:left;color:#fff;} .p3_tit p.p1{text-transform:uppercase;font-size:.44rem;font-weight:100;line-height:1.3;font-family:PingFangSC;} .p3_tit p.p2{font-size:.36rem;line-height:1.3;} .p5_tit{position:absolute;right:3%;top:calc(var(--vh) * 18);z-index:999;} .p5_tit p{width:100%;overflow:hidden;text-align:right;color:#000;} .p5_tit p.p1{text-transform:uppercase;font-size:.44rem;font-weight:100;line-height:1.3;font-family:PingFangSC;} .p5_tit p.p2{font-size:.36rem;line-height:1.3;} .p5_more{position:absolute;right:3%;bottom:calc(var(--vh) * 12);margin-bottom:.85rem;opacity:0.5;} .p5_more a{font-size:.16rem;color:#d1161b;text-transform:uppercase;} .p2r_c{width:50%;overflow:hidden;position:absolute;left:12%;bottom:calc(var(--vh) * 18 + 0vh);display:none;overflow: hidden;height: calc(var(--vh) * 50);} .p2r_c p{width:100%;overflow:hidden;font-size:.18rem;color:#fff;line-height:1.5;text-align:justify;text-justify:inter-ideograph;} .gywm{width: 100%; height: 100%; position: absolute; overflow: hidden; left:0; top:0; font-size:.18rem;color:#393939;line-height:.28rem; padding-right: .2rem; box-sizing: border-box; } .p3_slide{width:100%;height:calc(var(--vh) * 100);overflow:hidden;} .p3_slide .swiper-slide{width:25%;height:calc(var(--vh) * 100);overflow:hidden;position:relative;} .p3_slide .swiper-slide .p3s_bg{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;} .p3_slide .swiper-slide .p3s_bg b{width:102%;height:102%;display:block;overflow:hidden;position:absolute;left:-1%;top:-1%;transition:.6s linear;-webkit-transition:.6s linear;-o-transition:.6s linear;-moz-transition:.6s linear;} .p3_slide .swiper-slide .p3s_bg b.b1{opacity:.5;top:0%;transform: scale(1.03, 1.01); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03);} .p3_slide .swiper-slide .p3s_bg b.b2{background-color:rgba(0,0,0,0.5);} .p3_slide .swiper-slide:nth-child(1) .p3s_bg b.b1{top:6%;} .p3_slide .swiper-slide:nth-child(2) .p3s_bg b.b1{top:12%;} .p3_slide .swiper-slide:nth-child(3) .p3s_bg b.b1{top:8%;} .p3_slide .swiper-slide:nth-child(4) .p3s_bg b.b1{top:10%;} .p3_slide .swiper-slide .p3s_bg b.b1.on{opacity:1;top:-1%;} .p3_slide .swiper-slide .p3s_c{width:100%;overflow:hidden;position:absolute;left:0px;bottom:5%;padding:0px .36rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .p3_slide .swiper-slide .p3s_c p{width:100%;overflow:hidden;} .p3_slide .swiper-slide .p3s_c p.p1{} .p3_slide .swiper-slide .p3s_c p.p1 img{display:block;margin:0px auto;padding:0px;height:.6rem;} .p3_slide .swiper-slide .p3s_c p.p2{font-size:.28rem;color:#fff;line-height:1.5;position:relative;text-align:center;margin-top:.3rem;padding-bottom:.3rem;} .p3_slide .swiper-slide .p3s_c p.p2 b{width:0rem;height:.05rem;display:block;overflow:hidden;background-color:#de181d;position:absolute;left:50%;bottom:0px;border-radius:.05rem;margin-left:0rem;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;} .p3_slide .swiper-slide .p3s_c .p3sc_c{width:100%;overflow:hidden;margin-top:.15rem;max-height:0px;transition:max-height .3s linear;-webkit-transition:max-height .3s linear;-o-transition:max-height .3s linear;-moz-transition:max-height .3s linear;} .p3_slide .swiper-slide .p3s_c .p3sc_c p{width:100%;overflow:hidden;font-size:.18rem;color:#fff;line-height:1.5;text-align:center;margin:.1rem 0px;} .p3_slide .swiper-slide .p3s_c .p3sc_c p.p3{margin-top:.4rem;} .p3_slide .swiper-slide .p3s_c .p3sc_c p.p3 a{display:inline-block;font-size:.16rem;line-height:.5rem;padding:0px .4rem;color:#fff;background-color:#de181d;border-radius:.5rem;} .p3_slide .swiper-slide:hover .p3s_bg b.b2{background-color:rgba(0,0,0,0);} .p3_slide .swiper-slide:hover .p3s_c p.p2 b{width:.2rem;margin-left:-.1rem;} .p3_slide .swiper-slide:hover .p3s_c .p3sc_c{max-height:4rem;} .p4_l{width:63.5%;height:calc(var(--vh) * 100);overflow:hidden;position:relative;float:left;opacity:0.5;} .p4l_slide{width:100%;overflow:hidden;position:absolute;left:0px;top:0px;} .p4l_slide .swiper-slide{width:100% !important;height:calc(var(--vh) * 100);overflow:hidden;position:relative;} .p4l_slide .swiper-slide b.b1{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;} .p4l_slide .swiper-slide .p4ls_c{width:50%;overflow:hidden;position:absolute;left:13%;bottom:calc(var(--vh) * 18);opacity:0;} .p4l_slide .swiper-slide .p4ls_c p{width:100%;overflow:hidden;color:#fff;font-size:.14rem;line-height:2;} .p4l_slide .swiper-slide .p4ls_c p.p1{font-size:.32rem;line-height:1.4;margin-bottom:.08rem;} .p4l_slide .swiper-slide .p4ls_c p.p2{font-size:.2rem;text-transform:uppercase;color:rgba(255,255,255,0.15);line-height:1.5;position:relative;padding-bottom:.3rem;margin-bottom:.35rem;} .p4l_slide .swiper-slide .p4ls_c p.p2 i{width:.7rem;height:.05rem;display:block;overflow:hidden;background-color:#de181d;position:absolute;left:0px;bottom:0px;} .p4l_sp{position:absolute;left:13%;bottom:calc(var(--vh) * 12);z-index:999;} .p4l_sp span{width:.08rem;height:.08rem;background-color:#fff;opacity:1;margin-right:.3rem;} .p4l_sp span.swiper-pagination-bullet-active{background-color:#de181d;} .p4_r{width:36.5%;height:calc(var(--vh) * 100);overflow:hidden;position:relative;float:right;opacity:0.5;} .p4_r b.b1{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;} .p4r_c{width:70%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;display:flex;display:-webkit-flex;align-items:center;justify-content:center;} .p4r_c ul{width:100%;overflow:hidden;} .p4r_c ul li{width:100%;overflow:hidden;height:.7rem;padding-left:1.2rem;border-bottom:1px solid #ff4e53;position:relative;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:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;} .p4r_c ul li span{width:100%;display:block;cursor:pointer;overflow:hidden;font-size:.16rem;color:rgba(255,255,255,.5);transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;} .p4r_c ul li i{width:0rem;height:.03rem;display:block;overflow:hidden;background-color:#de181d;position:absolute;left:.7rem;top:50%;margin-top:-.015rem;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;} .p4r_c ul li:nth-child(1){border-top:1px solid #ff4e53;} .p4r_c ul li.on{background-color:#fff;} .p4r_c ul li.on span{color:#de181d;font-weight:bold;} .p4r_c ul li.on i{width:.25rem;} .p5cfr{width:calc(100% - 3% - 13.5%);height:calc(var(--vh) * 100 - 18% - var(--vh) * 12 - .6rem);overflow:hidden;position:absolute;left:3%;top:19%;opacity:.5;} .p5c_slide{width:100%;overflow:hidden;height:100%;position:absolute;left:0px;top:0px;} .p5c_slide .swiper-slide{width:100% !important;overflow:hidden;position:relative;} .p5c_slide .swiper-slide ul{opacity:0;width:100%;height:100%;position:absolute;left:0px;top:0px;} .p5c_slide .swiper-slide ul li{position:absolute;background-color:#fff;border-radius:0.03rem;} .p5c_slide .swiper-slide ul li.li1{width:49%;height:100%;overflow:hidden;left:0px;top:0px;} .p5c_slide .swiper-slide ul li.li1 b.b1{width:102%;height:102%;display:block;overflow:hidden;position:absolute;left:-1%;top:-1%;transition:.6s linear;-webkit-transition:.6s linear;-o-transition:.6s linear;-moz-transition:.6s linear;} .p5c_slide .swiper-slide ul li.li1 .sp1{width:1rem;height:1rem;display:block;overflow:hidden;background-color:#de181d;position:absolute;left:.5rem;top:.5rem;border-radius:.03rem;display:flex;display:-webkit-flex;align-items:center;justify-content:center;} .p5c_slide .swiper-slide ul li.li1 .sp1 label{width:100%;display:block;overflow:hidden;} .p5c_slide .swiper-slide ul li.li1 .sp1 i{width:100%;display:block;overflow:hidden;text-align:center;color:#fff;font-family:Arial;} .p5c_slide .swiper-slide ul li.li1 .sp1 i.i1{font-size:.6rem;font-weight:bold;line-height:1.1;} .p5c_slide .swiper-slide ul li.li1 .sp1 i.i2{font-size:.16rem;line-height:1.1;} .p5c_slide .swiper-slide ul li.li1 .sp3{width:calc(100% - 1rem);position:absolute;left:.5rem;bottom:.6rem;font-size:.24rem;color:#fff;line-height:1.5;padding-bottom:.3rem;} .p5c_slide .swiper-slide ul li.li1 .sp3 b.b2{width:.2rem;height:.05rem;display:block;overflow:hidden;border-radius:.05rem;background-color:#de181d;position:absolute;left:0px;bottom:0px;} .p5c_slide .swiper-slide ul li.li1:hover b.b1{transform: scale(1.03, 1.03) rotate(0.1deg) translate3d(0,0,0); -moz-transform: scale(1.03, 1.03) rotate(0.1deg) translate3d(0,0,0); -webkit-transform: scale(1.03, 1.03) rotate(0.1deg) translate3d(0,0,0);} .p5c_slide .swiper-slide ul li.li2{width:49%;height:47.5%;overflow:hidden;right:0px;top:0px;} .p5c_slide .swiper-slide ul li.li2 b.b1{width:102%;height:102%;display:block;overflow:hidden;position:absolute;left:0%;top:-1%;transition:.6s linear;-webkit-transition:.6s linear;-o-transition:.6s linear;-moz-transition:.6s linear;} .p5c_slide .swiper-slide ul li.li2 .sp2{font-size:.18rem;color:#fff;position:absolute;left:.4rem;top:.35rem;font-family:Arial;} .p5c_slide .swiper-slide ul li.li2 .sp3{width:calc(100% - .8rem);position:absolute;left:.4rem;bottom:.35rem;font-size:.2rem;color:#fff;line-height:1.5;} .p5c_slide .swiper-slide ul li.li2:hover b.b1{transform: scale(1.03, 1.03) rotate(0.1deg) translate3d(0,0,0); -moz-transform: scale(1.03, 1.03) rotate(0.1deg) translate3d(0,0,0); -webkit-transform: scale(1.03, 1.03) rotate(0.1deg) translate3d(0,0,0);} .p5c_slide .swiper-slide ul li.li3{width:23.5%;height:47.5%;overflow:hidden;right:25.5%;bottom:0px;} .p5c_slide .swiper-slide ul li.li3 b.b1{width:102%;height:102%;display:block;opacity:0;overflow:hidden;position:absolute;left:0%;top:-1%;transition:.6s linear;-webkit-transition:.6s linear;-o-transition:.6s linear;-moz-transition:.6s linear;} .p5c_slide .swiper-slide ul li.li3 .sp2{width:calc(100% - .8rem);display:block;font-weight:100;overflow:hidden;font-family:Arial;color:#999999;font-size:.18rem;line-height:1.5;margin:0px auto;padding:0px;margin-top:.35rem;position:relative;z-index:99;} .p5c_slide .swiper-slide ul li.li3 .sp3{width:calc(100% - .8rem);display:block;font-weight:bold;overflow:hidden;color:#222;font-size:.2rem;line-height:1.5;max-height:calc(.2rem * 1.5 * 3);margin:0px auto;padding:0px;margin-top:.05rem;position:relative;z-index:99;text-align:justify;text-justify:inter-ideograph;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;display:-webkit-box;} .p5c_slide .swiper-slide ul li.li3 b.b2{width:.2rem;height:.05rem;display:block;overflow:hidden;border-radius:.05rem;background-color:#de181d;position:absolute;left:.4rem;bottom:.35rem;} .p5c_slide .swiper-slide ul li.li3 b.b1{opacity:1;transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03);} .p5c_slide .swiper-slide ul li.li3 .sp2{color:rgba(255,255,255,0.5);} .p5c_slide .swiper-slide ul li.li3 .sp3{color:#fff;} .p5c_slide .swiper-slide ul li.li3 b.b2{background-color:#fff;} .p5c_slide .swiper-slide ul li.li4{width:23.5%;height:47.5%;overflow:hidden;right:0px;bottom:0px;} .p5c_slide .swiper-slide ul li.li4 b.b1{width:102%;height:102%;display:block;opacity:0;overflow:hidden;position:absolute;left:0%;top:-1%;transition:.6s linear;-webkit-transition:.6s linear;-o-transition:.6s linear;-moz-transition:.6s linear;} .p5c_slide .swiper-slide ul li.li4 .sp2{width:calc(100% - .8rem);display:block;font-weight:100;overflow:hidden;font-family:Arial;color:#999999;font-size:.18rem;line-height:1.5;margin:0px auto;padding:0px;margin-top:.35rem;position:relative;z-index:99;} .p5c_slide .swiper-slide ul li.li4 .sp3{width:calc(100% - .8rem);display:block;font-weight:bold;overflow:hidden;color:#222;font-size:.2rem;line-height:1.5;max-height:calc(.2rem * 1.5 * 3);margin:0px auto;padding:0px;margin-top:.05rem;position:relative;z-index:99;text-align:justify;text-justify:inter-ideograph;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;display:-webkit-box;} .p5c_slide .swiper-slide ul li.li4 b.b2{width:.2rem;height:.05rem;display:block;overflow:hidden;border-radius:.05rem;background-color:#de181d;position:absolute;left:.4rem;bottom:.35rem;} .p5c_slide .swiper-slide ul li.li4 b.b1{opacity:1;transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03);} .p5c_slide .swiper-slide ul li.li4 .sp2{color:rgba(255,255,255,0.5);} .p5c_slide .swiper-slide ul li.li4 .sp3{color:#fff;} .p5c_slide .swiper-slide ul li.li4 b.b2{background-color:#fff;} .p5c_sp{position:absolute;left:8.6%;bottom:calc(var(--vh) * 10);z-index:9999;opacity:.5;} .p5c_sp span{width:.08rem;height:.08rem;background-color:#c4c4c4;opacity:1;margin-right:.3rem;} .p5c_sp span.swiper-pagination-bullet-active{background-color:#de181d;} .btnfr{overflow:hidden;} .btn_01{width:100%;overflow:hidden;padding:1rem 0px;border-bottom:1px solid #464646;} .btn_01 .fl{width:36%;} .btn_01 .fl img{display:block;width:100%;} .btn_01 .fl span{width:100%;display:block;overflow:hidden;text-align:center;font-size:.16rem;color:#999;line-height:1.5;margin-top:.1rem;} .btn_01 .fl label{display:block;float:left;width:1.4rem;margin-left:4%;} .btn_01 .fl label i{width:1.4rem;height:1.4rem;display:block;overflow:hidden;background-color:#de181d;border-radius:.06rem;display:flex;display:-webkit-flex;align-items:center;justify-content:center;} .btn_01 .fl label i img{width:.4rem;display:block;} .btn_01 .fr{width:55%;display:flex;display:-webkit-flex;justify-content:space-between} .btn_01 .fr dl{float:left;margin:0px;padding:0px;} .btn_01 .fr dl:nth-child(1){margin-left:0px;} .btn_01 .fr dl dt{width:100%;overflow:hidden;margin:0px;padding:0px;font-size:.18rem;color:#fff;line-height:1.5;margin-bottom:.15rem;} .btn_01 .fr dl dt a{color:#fff;} .btn_01 .fr dl dd{width:100%;overflow:hidden;margin:.1rem 0px;padding:0px;font-size:.16rem;color:#999;line-height:1.5;} .btn_01 .fr dl dd a{color:#999;} .btn_02{width:100%;overflow:hidden;padding:.3rem 0px;line-height:1.5;} .btn_02 .fl{font-size:.16rem;color:#999;} .btn_02 .fl a{float:left;color:#999;} .btn_02 .fl i{float:left;margin:0px .2rem;width:1px;height:.16rem;background-color:#999;margin-top:.04rem;} .btn_02 .fr{font-size:.16rem;color:#999;} /*brand*/ .banner_slide .swiper-slide .nbanner_bg{width:100%;overflow:hidden;height:calc(var(--vh) * 100);background:#f9f9f9;background-size:cover;position:relative;} .banner_slide .swiper-slide .nbanner_bg b.b1{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;transition:2.6s ease;-webkit-transition:2.6s ease;-o-transition:2.6s ease;-moz-transition:2.6s ease;} .banner_slide .swiper-slide .nbanner_bg b.on{transform: scale(1.03, 1.03) rotate(0.1deg) translate3d(0,0,0); -moz-transform: scale(1.03, 1.03) rotate(0.1deg) translate3d(0,0,0); -webkit-transform: scale(1.03, 1.03) rotate(0.1deg) translate3d(0,0,0);} .banner_slide .swiper-slide .nbanner_txt{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;z-index:990;} .banner_slide .swiper-slide .nbanner_txt .txt_con{ width:14rem;margin:calc(var(--vh) * 30) auto 0; text-align: center;opacity:0;} .banner_slide .swiper-slide .nbanner_txt .txt_con h6{font-size:.32rem;color:rgba(255,255,255,0.5);font-family:Arial;text-transform:uppercase;font-weight:normal} .banner_slide .swiper-slide .nbanner_txt .txt_con h3{ font-size: .8rem; color: #fff;font-weight: normal;} .banner_slide .swiper-slide .nbanner_txt .txt_con h3 b{width: .4rem; height: 5px; background: #be1e22; border-radius: 2.5rem; display: block; margin: .4rem auto; } .banner_slide .swiper-slide .nbanner_txt .txt_con p{font-size: .28rem; line-height: .48rem; color: #fff;} .banner_slide .swiper-slide .nbanner_txt .txt_con ul{display: flex; justify-content: space-between; margin-top: 1.6rem;} .banner_slide .swiper-slide .nbanner_txt .txt_con ul>li{ width: 32%; background: #fff;position:relative;height:1rem;display: flex;justify-content: center;align-items: center; font-size: .24rem;color: #222;} .banner_slide .swiper-slide .nbanner_txt .txt_con ul>li i{ margin-right: .2rem;} .banner_slide .swiper-slide .nbanner_txt .txt_con ul>li i>img{max-width: .45rem;} .banner_slide .swiper-slide .nbanner_txt .txt_con ul>li i>img:nth-child(1){ display: block;} .banner_slide .swiper-slide .nbanner_txt .txt_con ul>li i>img:nth-child(2){ display: none;} .banner_slide .swiper-slide .nbanner_txt .txt_con ul>li a{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;display:inline-block;position:relative;z-index:99;display:flex;display:-webkit-flex;align-items:center;justify-content:center;} .banner_slide .swiper-slide .nbanner_txt .txt_con ul>li.active{ background: #d0141a;} .banner_slide .swiper-slide .nbanner_txt .txt_con ul>li.active a{ color: #fff; font-size: .32rem; } .banner_slide .swiper-slide .nbanner_txt .txt_con ul>li.active i>img:nth-child(1){ display: none;} .banner_slide .swiper-slide .nbanner_txt .txt_con ul>li.active i>img:nth-child(2){ display: block;} .banner_slide .swiper-slide .nbanner_sub{display:flex;display:-webkit-flex;align-items:flex-end;justify-content:center;} .banner_slide .swiper-slide .nbanner_sub .txt_con{margin:0px auto;margin-bottom:1rem;} .hor_banner_c{width:73%;overflow:hidden;position:absolute;left:13.5%;bottom:1rem;z-index:999;opacity:0;} .hor_banner_c .hor_txt{width:100%;overflow:hidden;} .hor_banner_c .hor_txt p{width:100%;overflow:hidden;text-align:center;} .hor_banner_c .hor_txt p.p1{font-family:Arial;font-size:.32rem;line-height:1.5;color:rgba(255,255,255,0.5);text-transform:uppercase;line-height:.6rem;} .hor_banner_c .hor_txt p.p2{font-size:.8rem;line-height:1.2rem;color:#fff;padding-bottom:.3rem;position:relative;} .hor_banner_c .hor_txt p.p2 b{width:.4rem;height:.05rem;display:block;overflow:hidden;background-color:#de181d;border-radius:.05rem;position:absolute;left:50%;bottom:0px;margin-left:-.2rem;} .hor_banner_c .hor_txt p.p3{font-size:.28rem;line-height:1.5;color:#fff;margin-top:.4rem;} .hor_banner_c .hor_icon{width:100%;overflow:hidden;margin-top:1.6rem;} .hor_banner_c .hor_icon ul{width:100%;overflow:hidden;display:flex;display:-webkit-flex;justify-content:space-between} .hor_banner_c .hor_icon ul li{width:calc( ( 100% - .2rem ) / 3 );text-align:center;position:relative;background-color:#fff;height:1rem;text-align:center;display:flex;display:-webkit-flex;align-items:center;justify-content:center;} .hor_banner_c .hor_icon ul li:before{content:"";width:0%;height:100%;display:block;overflow:hidden;background-color:#d0141a;position:absolute;left:50%;top:0px;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;} .hor_banner_c .hor_icon ul li a{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;display:inline-block;position:relative;z-index:99;display:flex;display:-webkit-flex;align-items:center;justify-content:center;} .hor_banner_c .hor_icon ul li i{float:left;display:inline-block;position:relative;} .hor_banner_c .hor_icon ul li i img{display:block;} .hor_banner_c .hor_icon ul li i img:nth-child(2){position:absolute;left:0px;top:0px;opacity:0;} .hor_banner_c .hor_icon ul li span{display:inline-block;float:left;margin-left:.3rem;font-size:.24rem;color:#1c1c1c;} .hor_banner_c .hor_icon ul li.on:before{width:100%;left:0px;} .hor_banner_c .hor_icon ul li.on i img:nth-child(1){opacity:0;} .hor_banner_c .hor_icon ul li.on i img:nth-child(2){opacity:1;} .hor_banner_c .hor_icon ul li.on span{color:#fff;font-size:.32rem;} .bp2_fl{width:50%;height:calc(var(--vh) * 100);overflow:hidden;position:relative;float:left;} .bp2_fl .b1{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;object-fit:cover} .bp2_fl .b1.on{opacity:1;} .bp2l_c{width:100%;overflow:hidden;position:absolute;left:0px;top:2rem;} .bp2l_c ul{width:78%;overflow:hidden;margin:0px auto;padding:0px;display:flex;display:-webkit-flex;justify-content: space-around; background: rgba(0,0,0,0.1);border-radius: 6px;} .bp2l_c ul li{width:33%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;text-align: center; padding: .4rem 0;position: relative;} .bp2l_c ul li>i{ height: calc(100% - .8rem); width: 1px; background: rgba(255,255,255,0.4); display:block; position: absolute;top:.4rem; left: 0;} .bp2l_c ul li p{width:100%;overflow:hidden;color:#fff;} .bp2l_c ul li p.p1{font-size:.6rem;line-height:0.8; color: #b21b20; font-family: Arial;font-weight: bold;} .bp2l_c ul li p.p1 sup{ font-size: .24rem;} .bp2l_c ul li p.p2{font-size:.18rem;line-height:1.5;margin-top:.15rem;} .bp2l_c ul li p.p3{font-size:.16rem;margin-top:.1rem;color:rgba(255,255,255,0.4);} .bp2_fr{width:50%;height:calc(var(--vh) * 100);overflow:hidden;position:relative;float:right;} .bp2_fr .b1{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;object-fit:contain;object-position:right top;} .bp2_frcon{ margin: 2.8rem 1.9rem 0 1.2rem;} .bp2_fr h3{ font-size: .42rem; line-height: .48rem;} .bp2_fr h4{font-size: .2rem; line-height: .32rem; margin-top: .3rem} .bp2_fr h4 b{display: block; width: .4rem; height: 3px; background:#b21b20; margin-top: .4rem; } .bp2_frcon p{font-size: .18rem; line-height: .36rem; color: #666;} .ppjsouter{width: 100%;position: relative; margin-top: .3rem;} .ppjsbox{ width: 100%; height: 2.2rem; position: absolute; overflow: hidden;left:0; top:0;} .ppjs{width: 100%; height: 100%; position: absolute; overflow: hidden; left:0; top:0; font-size:.18rem;color:#393939;line-height:.28rem; padding-right: .2rem; box-sizing: border-box; } .videobox{ width: 2.3rem;} .video{ width: 2.3rem; height: 1.3rem;position: relative; margin-top: .3rem; } .video b.b1{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px; z-index: 0;} .video>a{ position: relative;z-index: 1; display: flex; align-items: center; justify-content: center; height: 100%; width: 100%;} .videobox p{ font-size: .18rem; line-height: .32rem; color: #999; text-align: center;} #ns-video-wrap { width: 100%; height: 100%; position: fixed; z-index: 1001; top: 0; left: 0; background: rgba(0, 0, 0, 0.7); display: none; } .bp3_tit{position:absolute;top:calc(var(--vh) * 18);z-index:999; width: 100%;} .bp3_tit p{width:100%;overflow:hidden;text-align:center;color:#fff;} .bp3_tit p.p1{text-transform:uppercase;font-size:.44rem;font-weight:100;line-height:1.5;font-family:PingFangSC;} .bp3_tit p.p2{font-size:.42rem;line-height:1.5;} .bp3_slide{width:100%;height:calc(var(--vh) * 100);overflow:hidden;} .bp3_slide .swiper-slide{width:25%;height:calc(var(--vh) * 100);overflow:hidden;position:relative;} .bp3_slide .swiper-slide .p3s_bg{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;} .bp3_slide .swiper-slide .p3s_bg b{width:102%;height:102%;display:block;overflow:hidden;position:absolute;left:-1%;top:-1%;transition:.6s linear;-webkit-transition:.6s linear;-o-transition:.6s linear;-moz-transition:.6s linear;} .bp3_slide .swiper-slide .p3s_bg b.b1{opacity:1;transform: scale(1.03, 1.01); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03);} .bp3_slide .swiper-slide .p3s_bg b.b2{background-color:rgba(178,27,32,0.9);opacity: 0;transition:.6s linear;-webkit-transition:.6s linear;-o-transition:.6s linear;-moz-transition:.6s linear;} .bp3_slide .swiper-slide .p3s_c{width:100%;overflow:hidden;position:absolute;left:0px;bottom:.6rem;padding:0px .9rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-moz-transition:all .3s linear;} .bp3_slide .swiper-slide .p3s_c p{width:100%;overflow:hidden;} .bp3_slide .swiper-slide .p3s_c p.p1{} .bp3_slide .swiper-slide .p3s_c p.p1 img{display:block;margin:0px auto;padding:0px;height:.6rem;} .bp3_slide .swiper-slide .p3s_c p.p2{font-size:.32rem;color:#fff;line-height:1.5;position:relative;text-align:center;margin-top:.3rem;padding-bottom:.3rem;} .bp3_slide .swiper-slide .p3s_c .p3sc_c{width:100%;overflow:hidden;margin-top:.15rem;max-height:0px;transition:max-height .3s linear;-webkit-transition:max-height .3s linear;-o-transition:max-height .3s linear;-moz-transition:max-height .3s linear;} .bp3_slide .swiper-slide .p3s_c .p3sc_c p{font-size: .18rem;line-height: .32rem; text-align:left;color: #fff;} .bp3_slide .swiper-slide:hover .p3s_bg b.b2{opacity: 1;} .bp3_slide .swiper-slide:hover .p3s_c{bottom: 2rem;} .bp3_slide .swiper-slide:hover .p3s_c .p3sc_c{max-height:4rem; margin-top: 0;} .bp3_slide .swiper-slide:hover p.p2{ margin-top: .7rem;} .bp3_slide .swiper-slide:hover p.p1 img{display:block;margin:0px auto;padding:0px;height:1rem;} .bpage4 .b1,.bpage5 .b1{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;object-fit:cover;} .bp4_tit{width: 100%;} .bp4_tit p{width:100%;overflow:hidden;text-align:left;color:#222;} .bp4_tit p.p1{text-transform:uppercase;font-size:.44rem;font-weight:100;line-height:1.5;font-family:PingFangSC;} .bp4_tit p.p2{font-size:.42rem;line-height:1.5;font-weight: bold;} .bp4_tit p.p2 b{display: block; width: .4rem; height: 3px; background:#b21b20; margin-top: .4rem; } .bp4_l{position: absolute; left: 2.1rem; top:3rem; z-index: 9; width: 4.4rem;pointer-events:none;} .bp4{ margin-left: -2.8rem; width: calc(100% + 6rem);overflow:hidden; margin-top: 2rem; position: relative;} .bp4l_slide .swiper-slide{width:20vw;overflow:hidden;} .bp4l_slide .swiper-slide{ opacity: .1;} .bp4l_slide .swiper-slide a{width:20vw;display:block;overflow:hidden;position:relative;padding: .4rem;} .bp4l_slide .swiper-slide a>p{display: none;} .bp4l_slide .swiper-slide a>img{ width: 100%;height:calc(var(--vh) * 60);object-fit:cover;border: solid rgba(31,87,169,.3) 5px; border-radius: 10vw;box-sizing: border-box; -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ filter: grayscale(100%);} .bp4l_slide .swiper-slide-active,.bp4l_slide .swiper-slide-next,.bp4l_slide .swiper-slide-next+.swiper-slide{opacity: 1;} .bp4l_slide .swiper-slide-active a>img{border: solid #b21b20 6px;box-shadow: 0 .1rem .4rem #888; -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */ filter: grayscale(0%);} .bp4l_slide .swiper-slide-next a>img,.bp4l_slide .swiper-slide-next+.swiper-slide a>img{ -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */ filter: grayscale(0%);} .bp4l_slide .swiper-slide-active a>p{display:block;position: absolute;bottom: .9rem; width: 100%; left:0;text-align: center;font-size: .24rem; line-height: .38rem; color: #fff;} .bp4_con{ width: 100%;} .bp4_con h6{ font-size: .2rem; color: #222; line-height: .32rem; margin-top: .3rem;font-weight: bold;} .bp4_con p{ font-size: .18rem; color:#222; line-height: .36rem; margin-top: .1rem;} .bp4_con p strong{display: block; margin-top: .1rem;} .bp4l_slide_c{width:46.2%; position: absolute; left: 3rem; top:calc(50% - .3rem); z-index: 9; } .bp4s_prev{position: absolute; left: .6rem; top:0; background: url("../images/arr_left.png") center center no-repeat; width: .5rem; height: .5rem; background-size: 100%; } .bp4s_next{position: absolute; right: 0; top:0;background: url("../images/arr_right.png") center center no-repeat; width: .5rem; height: .5rem; background-size: 100%;} .bp4s_prev:hover{ background: url("../images/arr_left_on.png") center center no-repeat; background-size: 100%; } .bp4s_next:hover{background: url("../images/arr_right_on.png") center center no-repeat; background-size: 100%;} .bpage5{ position: relative;} .bp5_tit{width: 100%; position: absolute; left: 1.7rem; top:1.4rem;} .bp5_tit p{width:100%;overflow:hidden;text-align:left;color:#fff;} .bp5_tit p.p1{text-transform:uppercase;font-size:.44rem;font-weight:100;line-height:1.5;font-family:PingFangSC;} .bp5_tit p.p2{font-size:.42rem;line-height:1.5;font-weight: bold;} .bp5_ul{width: 100%; height: 100%; display: flex;} .bp5_ul>li{ border-left: solid rgba(255,255,255,.5) 1px; width: 15%; display: flex;flex-direction: column; justify-content: flex-end; color: #fff; padding-bottom: 1rem; transition: all .3s linear;cursor: pointer;} .bp5_ul>li>i,.bp5_ul>li>p,.bp5_ul>li>span{display: none;} .bp5_ul>li>h4{ font-size:.32rem; text-align: center;} .bp5_ul>li.active{ width: 40%; padding-left: 1.7rem; box-sizing: border-box; border-bottom: solid #b21b20 5px;} .bp5_ul>li.active h4{text-align: left;font-size: .42rem; margin-top: .5rem;} .bp5_ul>li.active>i,.bp5_ul>li.active>p,.bp5_ul>li.active>span{display: block;} .bp5_ul>li.active>i{ font-family: Arial; font-size: .6rem; line-height: .54rem; text-transform: uppercase; font-weight: bold;} .bp5_ul>li.active>p{font-size: .28rem; line-height: .48rem; padding-top: .1rem;} .bp5_ul>li.active>span{ margin-top: .8rem; margin-bottom: .2rem;} /*news*/ .np2_tit{width: 100%; margin-top: 1.7rem;} .np2_tit p{width:100%;overflow:hidden;text-align: center;color:#222;} .np2_tit p.p1{text-transform:uppercase;font-size:.44rem;font-weight:100;line-height:1.5;font-family:PingFangSC;} .np2_tit p.p2{font-size:.42rem;line-height:1.5;font-weight: bold;} .np2{ margin-left: -6rem; width: calc(100% + 12rem);overflow:hidden; margin-top: .5rem; position: relative;} .np3_tit p{ text-align: left; color: #fff;} .np2l_slide .swiper-slide{overflow:hidden;} .np2l_slide .swiper-slide .p2ls_c{ margin:0 .5rem; position: relative;width:calc(100% - 1rem);overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .np2l_slide .swiper-slide .p2ls_c a>img{ display: block; width: 100%;height:4.5rem;object-fit:cover;} .np2l_slide .swiper-slide .p2ls_c a.more>img{height:auto;} .news_intro{position: absolute; width:calc(100% - .5rem); height: 100%;left: 0; right: 0; top:0; right: 0; color: #fff; box-sizing: border-box;padding: .8rem .55rem .8rem .55rem;opacity:0.3;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .news_intro i{font-size: .18rem; color: rgba(255,255,255,.2); text-transform: uppercase;} .news_intro span.date{ font-size: .24rem; display: block; margin-top: .5rem; } .news_intro h4{font-size: .38rem; line-height: .5rem;margin-top: .4rem;} .news_intro a.more{ margin-top: .8rem; display:none;} .np2l_slide_c{width:1.2rem; position: absolute; left:60%; bottom:1.5rem; z-index: 9; } .np2s_prev{position: absolute; left: 0; top:0; background: url("../images/arr_left.png") center center no-repeat; width: .5rem; height: .5rem; background-size: 100%; } .np2s_next{position: absolute; right: 0; top:0;background: url("../images/arr_right.png") center center no-repeat; width: .5rem; height: .5rem; background-size: 100%;} .np2s_prev:hover{ background: url("../images/arr_left_on.png") center center no-repeat; background-size: 100%; } .np2s_next:hover{background: url("../images/arr_right_on.png") center center no-repeat; background-size: 100%;} .np2l_slide .swiper-slide .p2ls_c a>img{opacity:0.8;transform: scale(1.06, 1.06); -moz-transform: scale(1.06, 1.06); -webkit-transform: scale(1.06, 1.06);transition:1.6s linear;-webkit-transition:1.6s linear;-o-transition:1.6s linear;-moz-transition:1.6s linear;} .np2l_slide .swiper-slide .news_intro{ pointer-events:none;transform:translateY(.4rem);-webkit-transform:translateY(.4rem);-moz-transform:translateY(.4rem);transition:.6s linear;-webkit-transition:.6s linear;-o-transition:.6s linear;-moz-transition:.6s linear;} .np2l_slide .swiper-slide-active .news_intro{transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);opacity:1;} .np2l_slide .swiper-slide-active .p2ls_c a>img{opacity:1;transform: scale(1,1); -moz-transform: scale(1,1); -webkit-transform: scale(1,1);} .np2l_slide .np2l_sp{ margin: .2rem auto 0; text-align: center;} .np2l_slide .np2l_sp span{opacity:1;width:.2rem;height:.2rem;margin:0px .05rem;background:url("../images/in_01d.png") center no-repeat;background-size:100% 100%;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;} .np2l_slide .np2l_sp span.swiper-pagination-bullet-active{background:url("../images/in_02.png") center no-repeat;background-size:100% 100%;} .npage3 .b1{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;object-fit:cover;} .np3_tit{ margin-top: 1.5rem;} .np3_tit p{ text-align: left; color: #fff; padding-left: .6rem;} .newsbox{ margin: .3rem .6rem;} .pagebox{position:absolute;right:2%;top:2.3rem;z-index:9999; display: flex; font-family: Arial;} .pagebox a{width:.5rem;display:flex;flex-direction: column;align-items:center;justify-content: flex-end; font-size:.2rem; color:rgba(255,255,255,.2);font-weight:bold;text-align:center;position:relative;} .pagebox a span{width:100%;display:block;overflow:hidden;text-align:center;line-height:.4rem;} .pagebox a>b{display:block;width:.05rem;height: .1rem;border-radius:.025rem;background:rgba(255,255,255,.2); margin-bottom:.15rem;position:absolute;left:50%;margin-left:-.025rem;bottom:.4rem;} .pagebox a.active{ font-size: .28rem;color:#fff;} .pagebox a.active>b{ height: .3rem; background:#fff;} .pagebox a.active+a{color: rgba(255,255,255,.5);} .pagebox a.active+a>b{ background: rgba(255,255,255,.5); height: .2rem;} .np3_slide .swiper-slide>ul{opacity: 0; transition: all .3s linear;} .np3_slide .swiper-slide-active>ul{ opacity: 1;} .np3_slide ul{ display: flex; flex-wrap: wrap;} .np3_slide ul li{ width: 33.3333%; position: relative; background: #fff;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;} .np3_slide ul li>a{ display: flex;} .np3_slide ul li>a .news_txt{ width: 50%; box-sizing: border-box; padding: .4rem; } .np3_slide ul li>a .news_txt span{ display: block; font-size: .24rem; color: rgba(34,34,34,.3);} .np3_slide ul li:hover>a .news_txt span{ display: block; font-size: .24rem; color: rgba(255,255,255,.3);} .np3_slide ul li>a .news_txt span>b{ font-size: .46rem;} .np3_slide ul li>a .news_txt span>i{padding: 0 .1rem;} .np3_slide ul li>a .news_txt h4{ font-size: .24rem; line-height: .36rem; color: #222;} .np3_slide ul li:hover>a .news_txt h4{ color: #fff;} .np3_slide ul li:hover{ background: #b21b21;} .np3_slide ul li>a .news_txt span.line{ width: .2rem; height: .05rem; display: block; overflow: hidden; border-radius: .05rem; background-color: #de181d; position: absolute; left: .4rem; bottom: .4rem; } .np3_slide ul li:hover>a .news_txt span.line{ background: #fff;} .np3_slide ul li>a .news_img{ width: 50%;overflow:hidden;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;position:relative;} .np3_slide ul li>a .news_img:before{content:"";width:100%;height:100%;display:block;overflow:hidden;border:0rem solid #b21b21;position:absolute;left:0px;top:0px;z-index:999;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;} .np3_slide ul li:hover>a .news_img:before{border:.05rem solid #b21b21;} .np3_slide ul li>a .news_img>img{ width: 100%; display: block;object-fit:cover;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear; height: 3rem;} .np3_slide ul li:hover>a .news_img>img{transform: scale(1.06, 1.06); -moz-transform: scale(1.06, 1.06); -webkit-transform: scale(1.06, 1.06);} .np3_slide ul li.li1{background: rgba(0,11,33,.3);} .np3_slide ul li.li1>a .news_txt{ width: 100%;} .np3_slide ul li.li1>a .news_txt h4{ color: #fff;} .np3_slide ul li.li1>a .news_txt span{ display: block; font-size: .24rem; color: rgba(255,255,255,.3);} .np3_slide ul li.li1:hover{background-color:#b21b21;} .np3_slide{width:100%;position:relative;} .np3_slide .np3s_load{width:100%;height:100%;overflow:hidden;opacity:0;position:absolute;left:0px;top:0px;pointer-events:none;background-color:rgba(0,0,0,0.3);font-size:.3rem;text-transform:uppercase;letter-spacing:4px;color:#fff;font-weight:bold;z-index:9999;display:flex;display:-webkit-flex;align-items:center;justify-content:center;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;} .newscon{ max-width: 1400px; margin: 2rem auto 0; width: 73%; display: flex;justify-content: space-between; padding-bottom: 1rem;} .news_detail{ width:70%;font-family: PingFangSC;} .news_detail h1{ font-size:.32rem; text-align: center; color: #333;} .news_detail h6{ display: flex; justify-content: center; border-bottom: solid #eee 1px; padding: .5rem 0; color:#222;font-size:.18rem; align-items:center; margin-bottom: .6rem;} .news_detail h6>span{ padding: 0 10px; font-weight: normal;} .news_detail>.content p{ line-height: .36rem; font-size: .18rem; color: #333; padding: 10px 0; text-indent: 2em;} .news_detail>.content p img{ margin: 0 auto; display: block;max-width: 100%;} .news_slider{ width: 24%; background: #f2f2f2;} .news_slider>h3{ font-size:.3rem; position: relative;padding-left: .5rem; margin: .5rem 0 0; color: #b21b20;} .news_slider>h3>a{ font-size: 18px; color: #666; font-weight: normal;} .news_slider>ul{ width: 100%; } .news_slider>ul>li{display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin:0 .4rem; padding:.4rem 0;border-bottom: solid #d9d9d9 1px;} .news_slider>ul>li a{ font-size: .2rem; color: #222; line-height: .3rem; font-weight: bold;font-family: PingFangSC;} .news_slider>ul>li span{ font-size: .14rem; color: #666; font-family: PingFangSC; display: block; margin-top: .1rem; } .news_slider>a.more{ display: block; text-align: center; font-size: .16rem; margin-top: .2rem; color: #999;} .page_related{ width: 100%; padding: .5rem 0 0;font-size: .18rem; line-height:.36rem; border-top: solid #ddd 1px; margin-top: .4rem; display: flex; justify-content: space-between; } .page_related>a{ color: #b21b20; display: block; margin-top: .2rem;} .page_related>span{ color: #444; display: block; margin-top: .2rem;} .page_related>span a{display:inline-block;} /*.page_related>span:nth-child(1) a{-webkit-animation:an_left 2.1s linear infinite;animation: an_left 2.1s linear infinite;} .page_related>span:nth-child(2) a{-webkit-animation:an_right 2.1s linear infinite;animation: an_right 2.1s linear infinite;}*/ /*contact us*/ .conpage2 .b1{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;object-fit:cover;} .np2_tit p.p3{font-size:.28rem;line-height:.5rem; margin-top: .4rem;} .contact_con{width: 73%; margin: 0 auto;} .contact_con>ul{display: flex;justify-content: space-between; margin-top: 1.15rem;} .contact_con>ul>li{ width: 23%; background:url("../images/contact_bgs0.jpg") bottom center no-repeat;background-size: cover; transition: all .3s linear; padding: .6rem; box-sizing: border-box; border-radius: 5px; display: flex; flex-direction: column; justify-content: space-between; align-items: center;position: relative; bottom: 0; cursor: pointer;} .contact_con>ul>li div{ width: 1rem; height: 1rem; border-radius: .3rem; background:#b80016; display: flex; align-items: center; margin:0 auto; } .contact_con>ul>li div>img{ display: block; margin: 0 auto;max-width: .47rem;} .contact_con>ul>li div>img:first-child{display: block;} .contact_con>ul>li div>img:last-child{ display: none} .contact_con>ul>li p{ font-size: .28rem; color: #222; margin-top: .4rem; text-align: center;} .contact_con>ul>li p>i{display: block; font-size: .18rem; color: #999; margin-top: .15rem;} .contact_con>ul>li p.p2{display:none;} .contact_con>ul>li:hover{ background:url("../images/contact_bgs1.jpg") bottom center no-repeat; background-size: cover; bottom: .4rem; box-shadow: 0 30px 50px #ffcccc;} .contact_con>ul>li:hover div>img:first-child{display: none} .contact_con>ul>li:hover div>img:last-child{ display: block;} .contact_con>ul>li:first-child:hover div>img:last-child{ display: block;max-width: 90%;margin: 0 auto;} .contact_con>ul>li:hover div{ background: #fff;} .contact_con>ul>li:hover p{ color: #fff;} .contact_con>ul>li:hover p>i{ color: #fff;} .contact_con>ul>li:hover p.p1{display:none;} .contact_con>ul>li:hover p.p2{display:block;} /*new add*/ /*.contact_con>ul>li:first-child:hover{padding: .4rem;}*/ .contact_con>ul>li:first-child:hover div{width:2.4rem; height: 2.4rem;} .contact_con>ul>li:first-child:hover p{ display: none;} /*serch*/ .search_tit{font-size: .36rem; color: #333; text-align: center; margin-top: -.6rem;} .searchbox{ width: 9rem; height: .8rem; margin:.4rem auto; background: #eee; border-radius: .4rem; margin-top: 1.5rem;max-width: 90%;} .searchbox form{display: flex;} .searchbox input.input2{ width: 7rem; border: none; height: .8rem; padding: .1rem .6rem; box-sizing: border-box; line-height: .6rem; background: transparent; font-size: .2rem; color: #333;} .searchbox .submit1{ width: 2rem; height: .8rem; background: #b21b20; display: flex; justify-content: center; align-items: center;border-radius: .4rem; color: #fff; box-sizing: border-box; padding: 0 .2rem;font-size: .2rem; border: none; } .searchbox .submit1 i{ margin-right: .2rem;} .searchbox .submit1:focus{ outline: none;} .searchbox p{ font-size: .24rem; text-align: center; margin-top: .4rem;} .searchbox p span{ margin: 0 .25rem;} .keyword{ color: #b21b20;} .n_box11{ width: 100%; display: flex; background: #f7f8f9; margin-top:1.5rem;position: relative; padding: .2rem 0 .4rem;} .n_box11:before{position: absolute; content: ''; background:#f7f8f9; width: .2rem; height: .2rem; top:-.11rem; left: calc(50% - .11rem); transform: rotate(-45deg); } .n_box11>ul{width: 65%; margin: 0 auto; clear: both;} .n_box11>ul>li{ margin-top: .5rem; padding-bottom: .5rem; border-bottom: solid #ccc 1px;} .n_box11>ul>li:last-child{ border-bottom: none;} .n_box11>ul>li>a { font-size: .24rem; color: #333; font-weight: bold; line-height: 1.8;} .n_box11>ul>li>p{font-size: .16rem; line-height: 1.6;} .n_box11>ul>li>p.time{ color: #999; margin: .15rem 0;} .n_box11>ul>li>p.p1{ color: #666;} .cp3_slide{width:100%;overflow:hidden; margin-top: 1.6rem; padding: 0 .6rem; box-sizing: border-box;} .cp3_slide .swiper-slide{width:25%;overflow:hidden;position:relative;} .city_con{ background: rgba(0,0,0,.2); margin-left: .2rem; padding: .3rem .4rem 0; color: #fff; margin-top: .2rem; border-radius: 5px; height: calc(var(--vh) * 33);transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;} .city_con h6{ text-align: center; font-size: .32rem; display: flex; flex-direction: column; justify-content: center;position: relative; padding-bottom: .15rem; margin-bottom: .2rem;} .city_con h6>i{display: block; width:100%;} .city_con h6>i>img{ margin: 0 auto; width: 1rem; display: block;margin-bottom:.1rem;} .city_con h6:before{ width: .2rem; height: .05rem; border-radius: .025rem; background: #b21b21; position: absolute; bottom: 0; left: calc(50% - .1rem); content: '';} .city_con p{ display: flex; margin-top: .1rem; align-items: flex-start;} .city_con p>i{ margin-right: .3rem; } .city_con p>i>img{ width: .2rem; height: auto;} .city_con p>span{ float: left; font-size: .18rem;line-height:.28rem;} .city_con h6.font26{ font-size: .26rem; line-height: .36rem;} .city_con p.p2{width:100%;overflow:hidden;text-align:center;position:absolute;left:0px;bottom:.6rem;display:block;} .city_con p.p2 a{display:inline-block;line-height:.4rem;border-radius:.4rem;padding:0px .3rem;font-size:.16rem;color:#fff;background-color:#b21b21;} .city_con1{ height:calc(var(--vh) * 71.2);margin-left:0;} .city_con:hover{background-color:#b21b21;transform:translateY(-4px);-webkit-transform:translateY(-4px);-moz-transform:translateY(-4px);-moz-box-shadow:0px 0px 41px rgba(178,27,33,0.05); -webkit-box-shadow:0px 0px 41px rgba(178,27,33,0.05); box-shadow:0px 0px 41px rgba(178,27,33,0.05); } .city_con:hover h6:before{background-color:#fff;} .city_con:hover p.p2 a{background-color:#fff;color:#b21b21} /*law*/ .law_con{ width: 62.5%; margin: 0 auto; } .law_con p{font-size: .18rem; line-height: .36rem; color: #666; margin-top: .2rem;} .law_con p.p222{ color: #222} /*demail*/ .banner_slide .swiper-slide .nbanner_txt .txt_con ul.eNav_ul > li{ width: 24.2%;} .dp2_fl{width:52%;height:calc(var(--vh) * 100);overflow:hidden;position:relative;float:left;} .dp2_fl b.b1{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;opacity:1;transition:.6s linear;-webkit-transition:.6s linear;-o-transition:.6s linear;-moz-transition:.6s linear;} .dp2_fl b.b1.on{opacity:1;} .dp2_fr{width:48%;height:calc(var(--vh) * 100);position:relative;float:right; z-index: 2;} .dp2_fr .bp4_tit{ margin-top: 1.6rem; margin-left: 1.3rem;} .demail_con{ margin-top: .3rem; margin-left: 1.3rem;margin-right:2rem;position: relative; } .demail_con p{ display: flex; margin-top: .2rem;align-items:flex-start;} .demail_con p>i{margin-right: .3rem;width:.2rem;display:flex;display:-webkit-flex;align-items:center;justify-content:center; margin-top:.05rem;} .demail_con p>i img{width:100%;display:block;} .demail_con p>span{ font-size: .18rem; line-height: .28rem; color: #222;width:calc(100% - .5rem)} .demail_con ul{ width: 100%; margin-top: .4rem;} .demail_con li{ width: 80%; background: #fff; margin-top: .1rem; padding: .2rem .4rem; border-radius:5px;} .demail_con li>h6{font-size: .2rem; color: #222; border-bottom: solid #eee 1px; padding-bottom: .1rem; margin-bottom: .1rem;} .demail_con li a{display: flex; font-size: .18rem; color: #b21b20; align-items: center;} .demail_con li a>i{ margin-right: .2rem;} .demail_con li a>span{ font-size: .16rem; color: #222; cursor:default;} .demail_con p.p9{ font-size:.18rem;color:#666;line-height:.36rem;margin-right:0%;} .gszlbox{ width: 100%; height: 2.8rem; position: absolute; overflow: hidden;left:0; top:0;} .gszl{width: 100%; height: 100%; position: absolute; overflow: hidden; left:0; top:0; font-size:.18rem;color:#393939;line-height:.28rem; padding-right: .2rem; box-sizing: border-box; } ul.governlist{position:absolute;left:calc(52% - ( 48% - 2rem ) / 2 );bottom:.6rem;width:calc(100% - 52% - 2rem + ( 48% - 2rem ) / 2);z-index:9;display:flex;display:-webkit-flex;justify-content:space-around;} ul.governlist>li{width:50%;background:#fff;border-radius:0;float:left;transition: all .3s linear; padding:.4rem .2rem; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; align-items: center; cursor: pointer; box-shadow: 0 0 5px #eee; overflow: hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} ul.governlist>li>div{ width: .6rem;display: flex; align-items: center; } ul.governlist>li>div>img{ display: block; margin: 0 auto; max-width: 100%;} ul.governlist>li>div>img:first-child{display: block} ul.governlist>li>div>img:last-child{ display: none} ul.governlist>li>p{ font-size: .18rem; color: #666; margin-top: .2rem; text-align: center; display: flex; flex-direction: column; justify-content: center;} ul.governlist>li>p>i{display: block; font-size: .14rem; color: #c7c7c7; margin-bottom: .1rem; text-align: center; margin-right: 0;} ul.governlist>li:hover{ background:#b21b20; } ul.governlist>li:hover>div>img:first-child{display: none;} ul.governlist>li:hover>div>img:last-child{ display: block} ul.governlist>li:hover>p{ color: #fff;} ul.governlist>li:hover>p>i{ color: #fff;} ul.governlist>li .glt_txt{width:100%;overflow:hidden;position:absolute;left:0px;bottom:98%;padding:.3rem .3rem;display:none;background-color:#b21b20;z-index:999;opacity:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;} ul.governlist>li .glt_txt p{width:100%;overflow:hidden;font-size:.16rem;line-height:1.75;color:#fff;} ul.governlist>li:hover .glt_txt{opacity:1;bottom:100%;display:block;} .ndetil_02{height: auto;} .ndetil_02 .pagefr_n{min-height:calc(var(--vh) * 100);height:auto;} .newscon_01{width:90%;} .newscon_01 .news_detail{width:100%;} .rposfr{width:.8rem;overflow:visible;position:fixed;right:0px;top:50%;margin-top:-2rem;z-index:999990;background-color:#fff;border-radius:.04rem;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;} .rposfr .rpos_l{width:.4rem;height:.4rem;overflow:hidden;cursor:pointer;border-radius:.04rem 0px 0px .04rem;background-color:#fff;position:absolute;left:-.4rem;top:.04rem;display:flex;display:-webkit-flex;align-items:center;justify-content:center;} .rposfr .rpos_l b{width:.1rem;height:.15rem;display:block;overflow:hidden;background:url("../images/hor_02_on.png") center no-repeat;background-size:100%;transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;} .rposfr ul li{width:100%;/*overflow:hidden;*/border-bottom:.01rem solid #e0e0e0;padding:.2rem 0px;position: relative;} .rposfr ul li a{width:100%;display:block;overflow:hidden;} .rposfr ul li em{display:block;font-style:normal;width:100%;overflow:hidden;} .rposfr ul li em.em1{text-align:center;} .rposfr ul li em.em1 i{display:inline-block;position:relative;} .rposfr ul li em.em1 img{width:.29rem;display:block;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;} .rposfr ul li em.em1 img.img2{position:absolute;left:0px;top:0px;opacity:0;} .rposfr ul li em.em2{width:100%;text-align:center;font-size:.16rem;color:#222;line-height:1.2;margin-top:.05rem;} .rposfr ul li:last-child{border-bottom:0px;} .rposfr ul li:hover{background-color:#b21b20;} .rposfr ul li:hover em.em1 img.img2{opacity:1;} .rposfr ul li:hover em.em1 img.img1{opacity:0;} .rposfr ul li:hover em.em2{color:#fff;} .rposfr.on{right:-.8rem;} .rposfr.on .rpos_l b{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);} /*new add*/ #tel1{position: relative;} #telcode{ display: none; flex-direction: column; justify-content: center; align-items: center; padding-left: .2rem; position: absolute; top: 0;right:110%; background:url("../images/hover_bg1.png") center no-repeat; width: 2.45rem; height: 1.16rem;box-sizing: border-box; background-size: 100%;} #telcode .telbox{ width: 100%; height: 100%; display: flex; justify-content: center;flex-direction: column;} #telcode p.p1{font-size: .2rem; color: #666;line-height: 1.5;} #telcode p.p2{ font-size: .28rem; color: #b80016; line-height: 1.5; font-family: Arial;} /*new add end*/ .zxlyfr{width:100%;height:100%;overflow:hidden;position:fixed;left:0px;top:0px;z-index:999999;display:none;} .zxlyfr .zxly_bg{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;background-color:rgba(0,0,0,0.6);} .zxlyfr .zxly_c{width:70%;overflow:hidden;padding:.5rem .8rem;background-color:#fff;position:absolute;left:15%;top:50%;z-index:9;border-radius:.04rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .zxlyfr .zxly_c a.close{width:.4rem;height:.4rem;display:block;overflow:hidden;background:url("../images/lxwm_01.jpg") center no-repeat;background-size:100%;position:absolute;right:.2rem;top:.2rem;} .zxlyfr .zxly_c .zxlyc_t{width:100%;overflow:hidden;text-align:center;font-size:.32rem;color:#222222;line-height:.4rem;} .zxlyfr .zxly_c .zxlyc_c{width:100%;overflow:hidden;margin-top:.2rem;} .zxlyfr .zxly_c .zxlyc_c .fl{width:45%;} .zxlyfr .zxly_c .zxlyc_c .fr{width:45%;} .zxlyfr .zxly_c .zxlyc_c p{width:100%;overflow:hidden;margin-bottom:.2rem;} .zxlyfr .zxly_c .zxlyc_c p em{display:block;font-style:normal;} .zxlyfr .zxly_c .zxlyc_c p em.em1{width:48%;float:left;} .zxlyfr .zxly_c .zxlyc_c p em.em1:nth-child(2){float:right;} .zxlyfr .zxly_c .zxlyc_c p span{width:100%;display:block;overflow:hidden;} .zxlyfr .zxly_c .zxlyc_c p span.sp1{font-size:.16rem;color:#222222;line-height:1.5;padding-bottom:.1rem;} .zxlyfr .zxly_c .zxlyc_c p span.sp1 i{color:#b21b20;margin-right:.05rem;} .zxlyfr .zxly_c .zxlyc_c p span.sp2{} .zxlyfr .zxly_c .zxlyc_c p span.sp2 input.zxlyc_txt{width:100%;overflow:hidden;height:.5rem;padding:0px .2rem;border:.01rem solid #dfdfdf;border-radius:.04rem;font-size:.16rem;color:#333;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .zxlyfr .zxly_c .zxlyc_c p span.sp3{margin-top:.1rem;position:relative;padding-right:2.1rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .zxlyfr .zxly_c .zxlyc_c p span.sp3 input.zxlyc_txt1{width:100%;overflow:hidden;height:.5rem;padding:0px .2rem;border:.01rem solid #dfdfdf;border-radius:.04rem;font-size:.16rem;color:#333;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .zxlyfr .zxly_c .zxlyc_c p span.sp3 a.yzm{display:inline-block;width:2rem;height:.5rem;display:block;font-size:.16rem;color:#fff;overflow:hidden;background-color:#d0141a;border:.01rem solid #dfdfdf;border-radius:.04rem;position:absolute;right:0px;top:0px;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;} .zxlyfr .zxly_c .zxlyc_c p span.sp3 a.gray-bg{background-color: #fbfbfb;color: #222;} .zxlyfr .zxly_c .zxlyc_c p span.sp4{} .zxlyfr .zxly_c .zxlyc_c p span.sp4 label{display:inline-block;float:left;margin-right:.2rem;font-size:.16rem;color:#222;margin-bottom:.1rem;cursor:pointer;line-height:.24rem;} .zxlyfr .zxly_c .zxlyc_c p span.sp4 label input{width:.2rem;height:.2rem;border:0px;background:url("../images/lxwm_02.jpg") center no-repeat;background-size:100%;cursor:pointer;float:left;margin:.02rem 0px 0px 0px;margin-right:.1rem;appearance:none;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;} .zxlyfr .zxly_c .zxlyc_c p span.sp4 label input:checked{background:url("../images/lxwm_03.jpg") center no-repeat;background-size:100%;} .zxlyfr .zxly_c .zxlyc_c p span.sp2 textarea{width:100%;border:.01rem solid #dfdfdf;border-radius:.04rem;height:3.07rem;padding:.2rem;font-size:.16rem;color:#222;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .zxlyfr .zxly_c .zxlyc_b{width:100%;overflow:hidden;text-align:center;margin-top:.4rem;} .zxlyfr .zxly_c .zxlyc_b input{width:3.25rem;height:.65rem;border:0px;cursor:pointer;background-color:#d0141a;border-radius:.04rem;font-size:.2rem;color:#fff;} .banner_slide .swiper-slide .nbanner_sub .hor_icon{width:100%;overflow:hidden;margin-top:0;} .banner_slide .swiper-slide .nbanner_sub .hor_icon ul{width:100%;overflow:hidden;display:flex;display:-webkit-flex;justify-content:space-between} .banner_slide .swiper-slide .nbanner_sub .hor_icon ul>li{width:calc( ( 100% - .2rem ) / 4 );text-align:center;position:relative;background-color:#fff;height:1rem;text-align:center;display:flex;display:-webkit-flex;align-items:center;justify-content:center;} .banner_slide .swiper-slide .nbanner_sub .hor_icon ul>li:before{content:"";width:0%;height:100%;display:block;overflow:hidden;background-color:#d0141a;position:absolute;left:50%;top:0px;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;} .banner_slide .swiper-slide .nbanner_sub .hor_icon ul>li a{display:inline-block;position:relative;z-index:99;display:flex;display:-webkit-flex;align-items:center;justify-content:center;} .banner_slide .swiper-slide .nbanner_sub .hor_icon ul>li i{float:left;display:inline-block;position:relative;} .banner_slide .swiper-slide .nbanner_sub .hor_icon ul>li i img{display:block;} .banner_slide .swiper-slide .nbanner_sub .hor_icon ul>li i img.img2{position:absolute;left:0px;top:0px;opacity:0;} .banner_slide .swiper-slide .nbanner_sub .hor_icon ul>li span{display:inline-block;float:left;margin-left:.3rem;font-size:.24rem;color:#1c1c1c;} .banner_slide .swiper-slide .nbanner_sub .hor_icon ul>li.on:before{width:100%;left:0px;} .banner_slide .swiper-slide .nbanner_sub .hor_icon ul>li.on i img.img1{opacity:0;} .banner_slide .swiper-slide .nbanner_sub .hor_icon ul>li.on i img.img2{opacity:1;} .banner_slide .swiper-slide .nbanner_sub .hor_icon ul>li.on span{color:#fff;font-size:.32rem;} .pesmpage .np2_tit{margin-top:1.38rem;} .page_ly{overflow:hidden;background:url("/statics/fer/upimg/contact_bg1.jpg") center no-repeat;} .page_ly .pagefr_n{display:flex;display:-webkit-flex;align-items:center;justify-content:center;} .plyfr{width:calc(100% - 26%);overflow:hidden;margin:0px auto;margin-top:.8rem;padding:.2rem .6rem;background-color:#fff;border-radius:.04rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .plyfr .zxlyc_c{width:100%;overflow:hidden;margin-top:.2rem;} .plyfr .zxlyc_c .fl{width:45%;} .plyfr .zxlyc_c .fr{width:45%;} .plyfr .zxlyc_c p{width:100%;overflow:hidden;margin-bottom:.2rem;} .plyfr .zxlyc_c p em{display:block;font-style:normal;} .plyfr .zxlyc_c p em.em1{width:48%;float:left;} .plyfr .zxlyc_c p em.em1:nth-child(2){float:right;} .plyfr .zxlyc_c p span{width:100%;display:block;overflow:hidden;} .plyfr .zxlyc_c p span.sp1{font-size:.16rem;color:#222222;line-height:1.5;padding-bottom:.1rem;} .plyfr .zxlyc_c p span.sp1 i{color:#b21b20;margin-right:.05rem;} .plyfr .zxlyc_c p span.sp2{} .plyfr .zxlyc_c p span.sp2 input.zxlyc_txt{width:100%;overflow:hidden;height:.5rem;padding:0px .2rem;border:.01rem solid #dfdfdf;border-radius:.04rem;font-size:.16rem;color:#333;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .plyfr .zxlyc_c p span.sp3{margin-top:.1rem;position:relative;padding-right:2.1rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .plyfr .zxlyc_c p span.sp3 input.zxlyc_txt1{width:100%;overflow:hidden;height:.5rem;padding:0px .2rem;border:.01rem solid #dfdfdf;border-radius:.04rem;font-size:.16rem;color:#333;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .plyfr .zxlyc_c p span.sp3 a.yzm{display:inline-block;width:2rem;height:.5rem;display:block;font-size:.16rem;color:#fff;overflow:hidden;background-color:#d0141a;border:.01rem solid #dfdfdf;border-radius:.04rem;position:absolute;right:0px;top:0px;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;} .plyfr .zxlyc_c p span.sp3 a.gray-bg{background-color: #fbfbfb;color: #222;} .plyfr .zxlyc_c p span.sp4{} .plyfr .zxlyc_c p span.sp4 label{display:inline-block;float:left;margin-right:.2rem;font-size:.16rem;color:#222;margin-bottom:.1rem;cursor:pointer;line-height:.24rem;} .plyfr .zxlyc_c p span.sp4 label input{width:.2rem;height:.2rem;border:0px;background:url("../images/lxwm_02.jpg") center no-repeat;background-size:100%;cursor:pointer;float:left;margin:.02rem 0px 0px 0px;margin-right:.1rem;appearance:none;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;} .plyfr .zxlyc_c p span.sp4 label input:checked{background:url("../images/lxwm_03.jpg") center no-repeat;background-size:100%;} .plyfr .zxlyc_c p span.sp2 textarea{width:100%;border:.01rem solid #dfdfdf;border-radius:.04rem;height:3.07rem;padding:.2rem;font-size:.16rem;color:#222;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .plyfr .zxlyc_b{width:100%;overflow:hidden;text-align:center;margin-top:.4rem;} .plyfr .zxlyc_b input{width:3.25rem;height:.65rem;border:0px;cursor:pointer;background-color:#d0141a;border-radius:.04rem;font-size:.2rem;color:#fff;} @media screen and (max-width:1820px) { } @media screen and (max-width:1520px) { } @media screen and (max-width:1460px) { .wrap_c{margin:0px 10px;padding:0px;width:auto;} } @media screen and (max-width:1300px) { } @media screen and (max-width:1200px) { .wrap_in{margin:0px 10px;} .wrap_c{margin:0px 10px;padding:0px;width:auto;} .wrap_nr{margin:0px 10px;} .w_pc{display:none !important;} .w_wap{display:block !important;} .topfr{overflow:visible;padding-botom:.1rem;} .topfr .fr{align-items:center;position:relative;z-index:9999;} .top_r01 a img{height:.4rem;} .top_r01 i{height:.3rem;margin-top:.04rem;} .lgnchfr em.em1{height:.4rem;line-height:.4rem;} .lgnchfr em.em1 span{background-size:.23rem;padding-left:.3rem;} .lgnchfr em.em2{width:2rem;margin-left:-1rem;} .lgnchfr em.em2:before{top:.53rem;} .lgnchfr em.em3{margin-top:.56rem;} .topfr .fl{position:relative;z-index:9999;} .topfr .fc{width:100%;padding:0px;margin:0px;position:absolute;left:0px;top:0px;z-index:9998;background-color:rgba(0,0,0,0.9);padding-top:1.2rem;display:none;} .top_menu{width:100%;overflow:hidden;border-top:1px solid rgba(255,255,255,0.1);} .top_menu ul li{width:100%;margin:0px;height:auto;border-bottom:1px solid rgba(255,255,255,0.1);justify-content:flex-start;padding:.1rem 10px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; flex-direction: column;} .top_menu ul li>a{font-size:.26rem;width:100%;display:block;overflow:hidden;background:url("../images/in_06.png") right center no-repeat;background-size:.12rem;} .top_menu ul li .topm_sub{position:static;width: 100%; background: #333; margin-left:0;} .top_menu ul li .topm_sub b{ display: none;} .top_menu ul li .topm_sub .topms_c {background: none;} .top_menu ul li .topm_sub .topms_c p{border-bottom: solid #444 1px;padding: .1rem 0; text-align: left;} .topfr_on .fc{background-color:rgba(255,255,255,.99);} .topfr_on .top_menu{border-top:1px solid rgba(0,0,0,0.1);} .topfr_on .top_menu ul li{border-bottom:1px solid rgba(0,0,0,0.1);} .top_r01{float:left;margin-top:.06rem;} .rtnavfr .nvr_03{display:none;} .rtnavfr{height:.8rem;} .rtnavfr .nvr_01{height:.8rem;} .rtnavfr .nvr_02{height:.8rem;width:71%;} .banner_slide .banner_sp{bottom:.4rem;} .p2_fr{display:flex;display:-webkit-flex;align-items:center;justify-content:center;} .p2r_c{width:77%;} .p2r_tit{top:calc(var(--vh) * 10);left:3%;right:initial;} .p2r_tit p{text-align:left;} .p3_tit{top:calc(var(--vh) * 10);} .p5_tit{top:calc(var(--vh) * 10);left:3%;right:initial;} .p5_tit p{text-align:left;} .p5_more{bottom:initial;top:calc(var(--vh) * 10);margin-bottom:0px;margin-top:.65rem;} .p5_more a{margin-right:0px;} .p3_slide .swiper-slide-active .p3s_bg b.b2{background-color:rgba(0,0,0,0.2);} .p3_slide .swiper-slide-active .p3s_c p.p2 b{width:.2rem;margin-left:-.1rem;} .p3_slide .swiper-slide-active .p3s_c .p3sc_c{max-height:5rem;} .p3s_prev{width:.8rem;height:.8rem;display:block;overflow:hidden;background:url("../images/in_07.png") center no-repeat #de181d;background-size:.12rem;position:absolute;left:3%;top:50%;margin-top:-.4rem;z-index:999;border-radius:50%;} .p3s_next{width:.8rem;height:.8rem;display:block;overflow:hidden;background:url("../images/in_08.png") center no-repeat #de181d;background-size:.12rem;position:absolute;right:3%;top:50%;margin-top:-.4rem;z-index:999;border-radius:50%;} .p3_slide a.swiper-button-disabled{display:none !important;} .p5cfr{width:calc(100% - 6%);margin-top:1rem;} .btn_01{padding:.4rem 0px;} .btn_01 .fl{display:none;} .btn_01 .fr{width:100%;} .btn_01 .fr dl{margin:0px;} .btn_02 .fl{width:100%;} .btn_02 .fl i{margin-top:.1rem;} .btn_02 .fr{width:100%;margin-top:.1rem;} .cp3_slide .swiper-slide-active .p3s_bg b.b2{background-color:rgba(0,0,0,0.2);} .cp3_slide .swiper-slide-active .p3s_c p.p2 b{width:.2rem;margin-left:-.1rem;} .cp3_slide .swiper-slide-active .p3s_c .p3sc_c{max-height:4rem;} .cp3s_prev{width:.8rem;height:.8rem;display:block;overflow:hidden;background:url("../images/in_07.png") center no-repeat #de181d;background-size:.12rem;position:absolute;left:3%;top:50%;margin-top:-.4rem;z-index:999;border-radius:50%;} .cp3s_next{width:.8rem;height:.8rem;display:block;overflow:hidden;background:url("../images/in_08.png") center no-repeat #de181d;background-size:.12rem;position:absolute;right:3%;top:50%;margin-top:-.4rem;z-index:999;border-radius:50%;} .cp3_slide a.swiper-button-disabled{display:none !important;} .news_detail{ width:100%;} .news_slider{ display: none;} .zxlyfr .zxly_c{width:90%;left:5%;} .zxlyfr .zxly_c .zxlyc_c .fl{width:100%;} .zxlyfr .zxly_c .zxlyc_c .fr{width:100%;} .zxlyfr .zxly_c .zxlyc_c p span.sp2 textarea{height:1.5rem;} .rposfr{top:initial;bottom:.6rem;margin-top:0px;} .p4r_c ul li{height:1rem;} .plyfr{width:90%;left:5%;} .plyfr .zxlyc_c .fl{width:100%;} .plyfr .zxlyc_c .fr{width:100%;} .plyfr .zxlyc_c p span.sp2 textarea{height:1.5rem;} } @media screen and (max-width:992px) { } @media screen and (max-width:768px) { } @media screen and (max-width:750px) { .banner_slide .swiper-slide .nbanner_txt .txt_con { width: 96%; margin: calc(var(--vh) * 30) auto 0; text-align: center; } .banner_slide .swiper-slide .nbanner_txt .txt_con ul>li a{font-size: .2rem;} .banner_slide .swiper-slide .nbanner_txt .txt_con ul > li.active a{font-size: .24rem;} .txt_con ul > li > i>img { width: .3rem; } .bp2_fl { width: 100%; height: calc(var(--vh) * 40); } .bp2_fr b.b1 { background-size: 70% !important;} .video img { height: 40%; width: auto;; } .bp2l_c { top: 1.5rem; } .bp2_fr { width: 100%; height:calc(var(--vh) * 60); } .bp2_frcon { margin: .5rem .2rem 0 .2rem; } .bp4_l { position: static; z-index: 9; width:96%; margin: 1.5rem auto 0; } .bp4 { width: 100%; margin: 0 auto; margin-top:.5rem; } .bp4l_slide .swiper-slide a{width:100%;display:block;overflow:hidden;position:relative;padding: .4rem; box-sizing: border-box;} .bp4l_slide .swiper-slide a>img{ width: 100%;height:calc(var(--vh) * 35);border: solid rgba(31,87,169,.3) 5px; border-radius: 50vw;box-sizing: border-box; -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ filter: grayscale(100%);} .bp4l_slide .swiper-slide-next{opacity: .1;} .bp4l_slide .swiper-slide-active{ background: transparent;} .bp4l_slide .swiper-slide-active a>img{border: solid #b21b20 6px;box-shadow: 0 .1rem .4rem #888; -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */ filter: grayscale(0%);} .bp4l_slide .swiper-slide-next a>img,.bp4l_slide .swiper-slide-next+.swiper-slide a>img{ -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */ filter: grayscale(0%);} .bp4l_slide .swiper-slide-active a>p{display:block;position: absolute;bottom: .9rem; width: 100%; left:0;text-align: center;font-size: .24rem; line-height: .38rem; color: #fff;} .bp4l_slide_c{width:100%; left: 0; } .bp4s_prev{ left: 20px; } .bp4s_next{right: 20px; } .bp5_ul > li.active { padding-left: .2rem; } .bp5_ul>li.active>span{ margin-top: .8rem; margin-bottom: .2rem;} .bp5_ul>li.active>span>img{ width: .6rem; display: block;} .np2{ margin-left: 0; width: 100%;} .news_intro{position: static; background: #f5f5f7; color: #222; box-sizing: border-box;padding: .4rem 0 .4rem .4rem;width: 100%;} .news_intro i{color:#666; } .news_intro span.date{ margin-top: .2rem; } .news_intro a.more{ margin-top: .4rem; display: block; width: .8rem; padding: .1rem; background: #536684; border-radius: 6px;} .news_intro a.more>img{display: block; width: 100%; } .np2l_slide_c{width:1.2rem; position: absolute; left:70%; bottom:1.2rem; z-index: 9; } .np2l_slide .swiper-slide .p2ls_c>img{transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1);transition:1.6s linear;} .pagebox { position: absolute; right: 2%; top: 1.9rem; z-index: 9999; display: flex; font-family: Arial; } .np3_slide ul li{ width:100%; position: relative; background: #fff;} .np3_slide ul li>a .news_txt{ width: 100%; box-sizing: border-box; padding: .2rem; } .np3_slide ul li>a .news_img{display:none;} .np3_slide ul li > a .news_txt span.line{ display: none;} .newscon{ margin: 2rem auto 0; width: 96%; padding-bottom: 1rem;} .page_related { flex-direction: column;} .contact_con>ul{ flex-wrap: wrap; margin-top: .8rem;} .contact_con>ul>li{padding: .2rem!important; margin-top:0;} .city_con{ margin-left: 0;} .law_con{ width: 96%; } .demail_con ul.governlist{ display: flex; position: static; width:96%; margin: .4rem auto;} .dp2_fl{ display: none;} .dp2_fr{ width: 100%;} .dp2_fr .bp4_tit { margin-top: 1.6rem; margin-left: .4rem; } .demail_con { margin-top: .6rem; margin-left: .4rem; width: 90%; } .banner_slide .swiper-slide .nbanner_txt .txt_con ul { flex-wrap: wrap; } .banner_slide .swiper-slide .nbanner_txt .txt_con ul.eNav_ul > li { width: 48%; margin-bottom: .2rem; } .p5_tit p.p1 br{display:none;} .banner_slide .swiper-slide .nbanner_sub .txt_con{margin:0px auto;margin-bottom:1rem;} .wrap_hor{margin:3%;} ul.governlist{position:absolute;left:0;bottom:.6rem;width:calc(100%);} .contact_con>ul>li p{ font-size: .24rem; margin-top: .2rem;} .contact_con > ul > li p > i { margin-top: 0; } .contact_con>ul>li:first-child:hover div{width:1.4rem; height: 1.4rem;} .contact_con>ul>li:first-child:hover div>img{width: 80%;} .banner_slide .swiper-slide .nbanner_sub .hor_icon ul>li i img{width:.4rem;} .banner_slide .swiper-slide .nbanner_sub .hor_icon ul>li span{margin-left:.1rem;} .banner_slide .swiper-slide .nbanner_sub .hor_icon ul>li.on span{font-size:.2rem;} .banner_slide .swiper-slide .nbanner_sub .hor_icon ul{display:block;} .banner_slide .swiper-slide .nbanner_sub .hor_icon ul>li{width:49%;float:left;margin-right:2%;margin-top:.2rem;} .banner_slide .swiper-slide .nbanner_sub .hor_icon ul>li:nth-child(2n){margin-right:0px;} .p2_fl{width:100%;height:calc(var(--vh) * 60);} .p2_fr{width:100%;height:calc(var(--vh) * 40);} .p2l_c ul{width:100%;} .p2l_c{bottom:1rem;} .p2r_c{bottom:initial;top:.3rem;left:10px;width:calc(100% - 20px);} .p2r_c p{line-height:1.8;} .p4_l{width:100%;} .p4_r{display:none;} .p4l_slide .swiper-slide .p4ls_c{width:calc(100% - 20px);left:10px;} .p5c_sp{left:3%;bottom:.4rem;} .p5cfr{width:calc(100% - 20px);left:10px;height:calc(var(--vh) * 100 - 18% - .8rem - .6rem);margin-top:0px;} .p5c_slide .swiper-slide ul{margin-top:.1rem;} .p5c_slide .swiper-slide ul li{position:relative;left:0px !important;top:0px !important;} .p5c_slide .swiper-slide ul li.li1{width:100%;height:calc(var(--vh) * 41);} .p5c_slide .swiper-slide ul li.li1 .sp3{bottom:.35rem;} .p5c_slide .swiper-slide ul li.li2{width:100%;height:calc(var(--vh) * 14);margin-top:0.2rem;} .p5c_slide .swiper-slide ul li.li3{width:49%;right:0px;float:left;height:calc(var(--vh) * 16);max-height:auto;margin-top:.2rem;} .p5c_slide .swiper-slide ul li.li3 .sp3{max-height:calc(.24rem * 1.5 * 3)} .p5c_slide .swiper-slide ul li.li4{width:49%;float:right;height:16vh;max-height:auto;margin-top:.2rem;} .p5c_slide .swiper-slide ul li.li4 .sp3{max-height:calc(.24rem * 1.5 * 3)} } @media screen and (max-width:480px) { .demail_con ul.governlist{ flex-wrap: wrap;} .demail_con ul.governlist>li{ width: 50%; margin-top: 0;} .np3_tit p.p1{font-size:.18rem;} }