锘緻charset "utf-8"; /* CSS Document */ :root { --hover: #ec2800 } @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: "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:100vh;} .section .pagefr{width:100%;height:calc(100vh - .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);} } /*common*/ .in_body{min-height:100vh;position:relative;opacity:0;background-color:#E5E5E5;} .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_c{margin:0px auto;width:1440px;padding:0px 0px;} .wrap_in{margin:0px 3%;} .wrap_nr{margin:0px 6.25%;} .w_pc{} .w_wap{display:none !important;} .topfr{width:100%;overflow:visible;position:absolute;left:0px;top:0px;z-index:99999;height:80px;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;} .topfr .fl{padding:25px 0px;} .topfr .fl a{position:relative;display:block;} .topfr .fl img{display:block;height:30px;} .topfr .fl img.img2{position:absolute;left:0px;top:0px;opacity:0;} .topfr .fr{} .top_menu{float:left;} .top_menu ul li{float:left;margin-right:40px;position:relative;} .top_menu ul li .tmu_t{width:100%;overflow:hidden;line-height:80px;font-size:16px;color:#222222;font-weight:bold;} .top_menu ul li .tmu_t b{width:0;height:2px;display:block;overflow:hidden;background-color:var(--hover);position:absolute;left:50%;bottom:15px;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;} .top_menu ul li .tmu_c{width:160px;overflow:hidden;position:absolute;left:50%;margin-left:-80px;top:80px;background-color:#f8f8f8;padding:15px 0px;display:none;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;} .top_menu ul li .tmu_c p{width:100%;overflow:hidden;text-align:center;font-size:16px;line-height:30px;margin:5px 0px;} .top_menu ul li .tmu_c p a{color:#222;} .top_menu ul li .tmu_c p a:hover{color:var(--hover);} .top_menu ul li.on .tmu_t b{width:100%;left:0px;} .top_menu ul li.on .tmu_c{display:block;} /*.top_menu ul li:nth-child(3){display:none;}*/ .top_lang{float:left;margin-left:20px;line-height:80px;font-size:16px;} .top_lang a{color:#222;} .topfr_style1{background-color:#fff;} .topfr_style2 .fl img.img2{opacity:1;} .topfr_style2 .fl img.img1{opacity:0;} .topfr_style2 .top_menu ul li .tmu_t a{color:#fff;} .topfr_style2 .top_lang a{color:#fff;} .ts2_on{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);} .ts2_on .fl img.img1{opacity:1;} .ts2_on .fl img.img2{opacity:0;} .ts2_on .top_menu ul li .tmu_t a{color:#222;} .ts2_on .top_lang a{color:#222;} .topfr:hover{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);} .topfr:hover .fl img.img1{opacity:1;} .topfr:hover .fl img.img2{opacity:0;} .topfr:hover .top_menu ul li .tmu_t a{color:#222;} .topfr:hover .top_lang a{color:#222;} .banner_slide{width:100%;overflow:hidden;height:100vh;position:relative;} .banner_slide .swiper-slide{width:100%;overflow:hidden;} .banner_slide .swiper-slide .banner_bg{width:100%;overflow:hidden;height:100vh;background:#f9f9f9;background-size:cover;position:relative;} .banner_slide .swiper-slide .banner_bg b.b1{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;transition:6s;-webkit-transition:6s;transition-timing-function:linear;-webkit-transition-timing-function:linear;} .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:32vh;margin-top:28vh;margin-left:10%;} .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_btn{width:39%;overflow:hidden;position:absolute;left:10%;bottom:4%;z-index:999;} .nrbtn_01{width:100%;overflow:hidden;} .nrbtn_01 .banner_prev{width:40px;height:40px;float:left;border:1px solid rgba(255,255,255,0.2);display:block;border-radius:50%;position:relative;display:flex;display:-webkit-flex;align-items:center;justify-content:center;} .nrbtn_01 .banner_prev b{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;background:url("../images/c_01.png") center no-repeat;background-size:14px;} .nrbtn_01 .banner_prev:hover{background-color:#d73e16;border:1px solid #d73e16;} .nrbtn_01 .banner_next{width:40px;height:40px;margin-left:15px;float:left;border:1px solid rgba(255,255,255,0.2);display:block;border-radius:50%;position:relative;display:flex;display:-webkit-flex;align-items:center;justify-content:center;} .nrbtn_01 .banner_next b{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;background:url("../images/c_02.png") center no-repeat;background-size:14px;} .nrbtn_01 .banner_next:hover{background-color:#d73e16;border:1px solid #d73e16;} .nrbtn_01 .nrbtn_01_r{float:right;line-height:42px;color:rgba(255,255,255,0.6);font-size:16px;font-family:din;} .nrbtn_01 .nrbtn_01_r i.i1{color:#fff;} .nrbtn_02{width:100%;overflow:hidden;height:2px;position:relative;margin-top:25px;} .nrbtn_02 .banner_sp{width:100%;overflow:hidden;height:2px;position:relative;background-color:#fff;} .nrbtn_02 .banner_sp b{width:0px;height:2px;display:block;overflow:hidden;float:left;background-color:var(--hover);margin:0px;padding:0px;} .nrbtn_02 .banner_sp b.on{width:100%;transition:6s linear;-webkit-transition:6s linear;-o-transition:6s linear;-moz-transition:6s linear;} .page2{position:relative;} .page2 .b_left{width:50%;height:100vh;overflow:hidden;display:block;overflow:hidden;background-color:#f1f5fb;position:absolute;left:0px;top:0px;} .page2fr{width:100%;overflow:hidden;position:relative;z-index:999;height:100vh;display:flex;display:-webkit-flex;align-items:center;justify-content:center;} .page2fr_c{width:100%;overflow:visible;} .page2fr_c .wrap_nr{position:relative;} .page2_slide{width:100%;overflow:hidden;height:64vh;position:relative;} .page2_slide .p2s_c{width:41%;overflow:hidden;height:100%;position:absolute;left:0px;top:0px;z-index:99;display:flex;display:-webkit-flex;align-items:center;justify-content:flex-start;} .page2_slide .p2s_c .p2scc_c{width:100%;overflow:hidden;opacity:0;margin-top:-30%;} .page2_slide .p2s_c p.p1{font-size:60px;color:#121212;font-family:din;font-weight:bold;line-height:60px;} .page2_slide .p2s_c p.p2{font-size:30px;color:#121212;line-height:36px;font-weight:bold;margin-top:10px;} .page2_slide .p2s_c p.p3{font-size:16px;color:#121212;line-height:26px;margin-top:20px;} .page2_slide .p2s_c p.p4{position:absolute;left:0px;bottom:13%;opacity:0;} .page2_slide .p2s_c p.p4 a{display:inline-block;line-height:52px;padding:0px 50px;background-color:var(--hover)} .page2_slide .p2s_c p.p4 span{display:inline-block;color:#fff;font-size:16px;background:url("../images/c_02.png") right center no-repeat;background-size:16px;padding-right:30px;} .page2_slide .p2s_img{width:67%;height:100%;overflow:hidden;position:absolute;right:0px;top:0px;} .page2_slide .p2s_img b{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;z-index:90;} .p2sc_t{position:absolute;left:0px;top:0px;z-index:9999;color:#373737;font-size:36px;font-weight:bold;} .p2sc_b{height:40px;position:absolute;right:5%;bottom:-20px;z-index:9999;} .p2sc_b a{width:40px;height:40px;display:block;overflow:hidden;float:left;border-radius:50%;background-color:var(--hover);margin-left:15px;position:relative;} .p2sc_b a b{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;} .p2sc_b a.p2sc_prev b{background:url("../images/c_01.png") center no-repeat;background-size:14px;} .p2sc_b a.p2sc_next b{background:url("../images/c_02.png") center no-repeat;background-size:14px;} .page3{position:relative;} .p3_slide{width:100%;height:100vh;overflow:hidden;position:absolute;left:0px;top:0px;} .p3_slide .swiper-slide{width:100% !important;height:100vh;overflow:hidden;} .p3_slide .swiper-slide b.p3s_b{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;} .page3 b.b1{height:80vh;display:block;overflow:hidden;position:absolute;left:-100%;top:10vh;border:1px dashed rgba(255,255,255,0.5);z-index:999;border-radius:50%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .page3 span.sp1{font-size:36px;color:#fff;font-weight:bold;position:absolute;left:3%;top:10vh;z-index:999;height:80vh;display:flex;display:-webkit-flex;align-items:center;justify-content:flex-start;} .p3s_li{height:80vh;position:absolute;left:0px;top:10vh;width:100%;} .p3s_li .p3sli_b{width:3%;overflow:hidden;display:block;position:absolute;left:3%;top:50%;z-index:999;} .p3s_li .p3sli_b img{width:100%;display:block;} .p3s_li .p3sli_b img.img3{position:absolute;left:0px;top:0px;z-index:1;opacity:0;} .p3s_li .p3sli_b img.img2{position:absolute;left:0px;top:0px;z-index:2;opacity:0;} .p3s_li .p3sli_b img.img1{position:relative;z-index:3;} .p3s_li .p3sli_b.on img.img2{opacity:1;} .p3s_li .p3sli_b.on img.img3{opacity:1;} .p3s_li .p3sli_b1{left:10.5%;top:10.9%;} .p3s_li .p3sli_b2{left:15%;top:27.5%;} .p3s_li .p3sli_b3{left:16.5%;top:46%;} .p3s_li .p3sli_b4{left:15%;top:65.2%;} .p3s_li .p3sli_b5{left:10.5%;top:81.9%;} .p3s_li ul li{position:absolute;left:0px;top:0px;z-index:999;} .p3s_li ul li em{width:100%;display:block;overflow:hidden;font-style:normal;} .p3s_li ul li em.em1{} .p3s_li ul li em.em1 img{display:block;height:30px;margin:0px auto;padding:0px;} .p3s_li ul li em.em2{text-align:center;color:#fff;font-size:14px;line-height:26px;margin-top:5px;} .p3c_slide{width:67%;height:80vh;overflow:hidden;position:absolute;right:2%;z-index:9999;top:10vh;} .p3c_slide .swiper-slide{width:100%;overflow:hidden;height:80vh;position:relative;} .p3c_slide .swiper-slide p.p1{position:absolute;left:10%;top:18%;z-index:99;} .p3c_slide .swiper-slide p.p1 img{display:block;height:13vh;opacity: 0;transition: all 1s linear;} .p3c_slide .swiper-slide-active p.p1 img{ opacity: 1;} .p3cs_c{width:40%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;padding:0px 50px;background-color:rgba(13,33,99,0.9);display:flex;display:-webkit-flex;align-items:flex-end;justify-content:center;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .p3cs_c .p3csc_c{width:100%;overflow:hidden;margin-bottom:50px;color:#fff;opacity:0;} .p3cs_c .p3csc_c a{color:#fff;} .p3cs_c .p3csc_c p.p2{font-size:20px;line-height:30px;} .p3cs_c .p3csc_c p.p3{font-size:14px;line-height:1.5;color:rgba(255,255,255,0.5);margin-top:15px; text-align: justify; } .p3cs_c .p3csc_c p.p4{margin-top:40px;} .p3cs_c .p3csc_c p.p4 b{width:19px;height:11px;display:block;overflow:hidden;background:url("../images/c_02.png") center no-repeat;background-size:100%;} .page4{overflow:hidden;position:relative;background:url("../upimg/in_14.jpg") center no-repeat;background-size:cover;} .page4 .fl{width:30%;position:absolute;left:6.25%;top:0px;height:100%;display:flex;display:-webkit-flex;align-items:center;justify-content:center;} .p4l_c{width:100%;overflow:hidden;} .p4l_c p{width:100%;overflow:hidden;color:#fff;} .p4l_c p.p1{font-size:26px;line-height:30px;} .p4l_c p.p2{font-size:32px;line-height:36px;margin-top:10px;} .p4l_c p.p3{font-size:14px;line-height:24px;color:rgba(255,255,255,0.5);margin-top:40px;text-align: justify; } .p4l_c p.p4{margin-top:60px;} .p4l_c p.p4 a{display:inline-block;line-height:52px;padding:0px 50px;background-color:var(--hover)} .p4l_c p.p4 span{display:inline-block;color:#fff;font-size:16px;background:url("../images/c_02.png") right center no-repeat;background-size:16px;padding-right:30px;} .page4 .fr{right:20%;height:100%;overflow:hidden;position:absolute;top:0px;display:flex;display:-webkit-flex;align-items:center;justify-content:center;} .page4 .fr ul li{width:100%;overflow:hidden;height:15vh;margin:1vh 0px;position:relative;display:flex;display:-webkit-flex;align-items:center;justify-content:flex-start;} .page4 .fr ul li div{display:inline-block;position:relative;padding-left:40px;} .page4 .fr ul li div b{width:4px;height:100%;display:block;overflow:hidden;background-color:var(--hover);position:absolute;left:0px;top:0px;} .page4 .fr ul li p{width:100%;overflow:hidden;line-height:1;} .page4 .fr ul li p.p1{font-size:18px;color:rgba(255,255,255,0.6);} .page4 .fr ul li p.p1 i{font-size:70px;color:#fff;margin-right:10px;} .page4 .fr ul li p.p2{font-size:14px;color:rgba(255,255,255,0.6);margin-top:10px;} .page5{overflow:hidden;position:relative;background:url("../upimg/in_15.jpg") center no-repeat;background-size:cover;} .p5_c{width:62.5%;height:70vh;overflow:visible;position:absolute;right:9%;top:15vh;} .p5c_slide{width:100%;overflow:visible;height:70vh;} .p5c_slide .swiper-slide{width:100% !important;overflow:visible;} .p5c_slide .swiper-slide ul{width:100%;overflow:visible;opacity:0;} .p5c_slide .swiper-slide ul li{width:49%;float:left;padding:0px 50px;overflow:visible;position:relative;background-color:#fff;height:22vh;margin-right:2%;margin-bottom:2vh;-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;display:flex;display:-webkit-flex;align-items:center;justify-content:center;} .p5c_slide .swiper-slide ul li:nth-child(2n){margin-right:0px;} .p5c_slide .swiper-slide ul li a{width:100%;display:block;overflow:hidden;position:relative;padding-left:110px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .p5c_slide .swiper-slide ul li em{font-style:normal;display:inline-block;font-style:normal;} .p5c_slide .swiper-slide ul li em.em1{position:absolute;left:0px;top:0px;} .p5c_slide .swiper-slide ul li em.em1 span{width:100%;display:block;overflow:hidden;text-align:center;} .p5c_slide .swiper-slide ul li em.em1 span.sp1{font-family:Arial;font-size:26px;color:#000000;line-height:28px;} .p5c_slide .swiper-slide ul li em.em1 span.sp2{font-size:14px;color:#7f7f7f;line-height:20px;} .p5c_slide .swiper-slide ul li em.em1 span.sp4{margin-top:30px;} .p5c_slide .swiper-slide ul li em.em1 span.sp4 b{width:80%;height:2px;display:block;overflow:hidden;background-color:var(--hover);} .p5c_slide .swiper-slide ul li em.em2{width:100%;overflow:hidden;min-height:100px;} .p5c_slide .swiper-slide ul li em.em2 span{width:100%;display:block;overflow:hidden;} .p5c_slide .swiper-slide ul li em.em2 span.sp1{font-size:20px;color:#000000;font-weight:bold;line-height:24px;max-height:48px;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;display:-webkit-box;} .p5c_slide .swiper-slide ul li em.em2 span.sp2{font-size:16px;color:#7f7f7f;line-height:24px;max-height:48px;margin-top:20px;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;display:-webkit-box;} .p5c_slide .swiper-slide ul li.on em.em3{width:100%;height:24vh;overflow:hidden;display:block;position:absolute;left:0px;bottom:22vh;} .p5c_slide .swiper-slide ul li.on em.em3 b{width:100%;display:block;overflow:hidden;height:100%;position:absolute;left:0px;top:0px;} .p5c_slide .swiper-slide ul li.on{z-index:999;} .p5_t{position:absolute;left:6.25%;top:22vh;} .p5_t p{width:100%;overflow:hidden;} .p5_t p.p1{font-size:36px;color:#000000;line-height:40px;font-weight:bold;} .p5_t p.p2{font-size:15px;color:#585858;line-height:25px;margin-top:20px;} .p5_b{position:absolute;left:6.25%;bottom:22vh;z-index:9999;} .p5_b a{width:40px;height:40px;display:block;overflow:hidden;float:left;border-radius:50%;background-color:var(--hover);margin-left:15px;position:relative;} .p5_b a b{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;} .p5_b a.p5b_prev b{background:url("../images/c_01.png") center no-repeat;background-size:14px;} .p5_b a.p5b_next b{background:url("../images/c_02.png") center no-repeat;background-size:14px;} .p5_b a.p5b_prev1 b{background:url("../images/c_01.png") center no-repeat;background-size:14px;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);} .p5_b a.p5b_next1 b{background:url("../images/c_02.png") center no-repeat;background-size:14px;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);} .p5_c_wap{width:100%;height:calc(100% - 70px - 55px - 40px - 40px);overflow:hidden;position:absolute;left:0px;top:140px;} .p5cwap_slide{width:calc(100% - 20px);height:calc(100% - 20px);overflow:visible;margin:0px auto;padding:0px;position:absolute;left:10px;top:10px;} .p5cwap_slide .swiper-slide{width:100%;height:auto;overflow:hidden;padding:20px 20px;position:relative;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;display:flex;display:-webkit-flex;align-items:center;justify-content:center;} .p5cwap_slide .swiper-slide a{width:100%;display:block;overflow:hidden;position:relative;padding-left:110px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .p5cwap_slide .swiper-slide em{font-style:normal;display:inline-block;font-style:normal;} .p5cwap_slide .swiper-slide em.em1{position:absolute;left:0px;top:0px;} .p5cwap_slide .swiper-slide em.em1 span{width:100%;display:block;overflow:hidden;text-align:center;} .p5cwap_slide .swiper-slide em.em1 span.sp1{font-family:Arial;font-size:16px;color:#000000;line-height:26px;} .p5cwap_slide .swiper-slide em.em1 span.sp2{font-size:14px;color:#7f7f7f;line-height:20px;} .p5cwap_slide .swiper-slide em.em1 span.sp4{margin-top:10px;} .p5cwap_slide .swiper-slide em.em1 span.sp4 b{width:80%;height:2px;display:block;overflow:hidden;background-color:var(--hover);} .p5cwap_slide .swiper-slide em.em2{width:100%;overflow:hidden;} .p5cwap_slide .swiper-slide em.em2 span{width:100%;display:block;overflow:hidden;} .p5cwap_slide .swiper-slide em.em2 span.sp1{font-size:16px;color:#000000;font-weight:bold;line-height:24px;max-height:24px;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;display:-webkit-box;} .p5cwap_slide .swiper-slide em.em2 span.sp2{font-size:14px;color:#7f7f7f;line-height:24px;max-height:24px;margin-top:5px;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;display:-webkit-box;} .page6{overflow:hidden;background-color:#091c34;} .btnfr{overflow:hidden;background-color:#091c34;position:relative;} .btn_01{width:100%;overflow:hidden;margin-top:60px;} .btn_01fr{position:relative;width:100%;overflow:hidden;border-bottom:1px solid #3a495d;padding:0px 365px 40px 300px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .btn_01 .fl{position:absolute;left:0px;top:0px;} .btn_01 .fl img{height:30px;display:block;} .btn_01 .fr{position:absolute;right:100px;top:0px;} .btn_01 .fr p{width:100%;overflow:hidden;color:#fff;} .btn_01 .fr p.p1{font-size:14px;line-height:24px;} .btn_01 .fr p.p2{font-size:26px;line-height:40px;font-family:din;} .btn_01 .fr p.p3{margin-top:30px;} .btn_01 .fr p.p3 label{display:block;overflow:hidden;text-align:center;width:100px;} .btn_01 .fr p.p3 img{width:100%;display:block;} .btn_01 .fr p.p3 span{width:100%;display:block;overflow:hidden;font-size:14px;line-height:24px;margin-top:10px;} .btn_01 .fc{width:100%;overflow:hidden;display:flex;display:-webkit-flex;justify-content:space-between;min-height:228px;} .btn_01 .fc dl{margin:0px;padding:0px;} .btn_01 .fc dl dt{width:100%;overflow:hidden;margin:0px;padding:0px;font-size:16px;line-height:26px;margin-bottom:10px;} .btn_01 .fc dl dt a{color:#fff;} .btn_01 .fc dl dd{width:100%;overflow:hidden;margin:5px 0px;padding:0px;font-size:14px;line-height:24px;} .btn_01 .fc dl dd a{color:rgba(255,255,255,0.5);} /*.btn_01 .fc dl:nth-child(3){display:none;}*/ .btn_02{width:100%;overflow:hidden;line-height:60px;font-size:14px;color:rgba(255,255,255,0.5);} .btn_03{width:6.25%;height:100%;overflow:hidden;background-color:var(--hover);position:absolute;right:0px;top:0px;display:flex;display:-webkit-flex;align-items:center;justify-content:center;} .btn_03 img{display:block;width:30px;} .subfr{overflow:visible;position:relative;} .subfr b.b1{width:100%;height:50vh;display:block;overflow:hidden;} .subfr .sub_c{width:100%;overflow:hidden;position:absolute;left:0px;bottom:-15px;} .subfr .sub_c span{display:inline-block;font-size:26px;color:#fff;text-transform:uppercase;font-family:Arial;line-height:40px;font-weight:bold;} .subfr .sub_c span b{width:4px;height:30px;display:block;overflow:hidden;background-color:var(--hover);margin-top:5px;} .navfr{overflow:hidden;border-bottom:1px solid #e5e5e5;} .navfr .fl{line-height:70px;font-size:15px;} .navfr .fl a{float:left;font-weight:bold;color:#393939;} .navfr .fl i{float:left;margin:0px 10px;color:#999;font-family:SimSun;font-weight:bold;font-size:13px;} .navfr .fr{} .navfr .fr ul li{float:left;line-height:70px;margin-right:50px;position:relative;} .navfr .fr ul li:last-child{margin-right:0px;} .navfr .fr ul li a{font-size:15px;font-weight:bold;color:#393939;} .navfr .fr ul li.on b{width:100%;height:2px;display:block;overflow:hidden;background-color:var(--hover);} .nav_flex{width:100%;overflow:hidden;background-color:#fff;display:none;position:fixed;left:0px;top:0;z-index:99999;-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);} .nav_flex ul li{float:left;line-height:70px;margin-right:50px;position:relative;} .nav_flex ul li:last-child{margin-right:0px;} .nav_flex ul li a{font-size:15px;font-weight:bold;color:#393939;} .nav_flex ul li.on b{width:100%;height:2px;display:block;overflow:hidden;background-color:var(--hover);} .nav_flex.on{top:0px;display:block;} .prd_01{overflow:hidden;margin-top:90px;text-align:center;} .prd_01 h4{margin:0px;padding:0px;font-size:36px;color:#393939;font-weight:bold;line-height:50px;} .prd_02{overflow:hidden;margin-top:50px;} .prd_02 ul li{width:100%;overflow:visible;margin-bottom:50px;display:flex;display:-webkit-flex;justify-content:space-between} .prd_02 ul li a{width:100%;display:block;overflow:visible;display:flex;display:-webkit-flex;justify-content:space-between} .prd_02 ul li .prd_02_img{width:45%;overflow:hidden;border-radius:10px;position:relative;min-height:400px;} .prd_02 ul li .prd_02_img b{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;} .prd_02 ul li .prd_02_txt{width:45%;overflow:visible;display:flex;display:-webkit-flex;align-items:center;justify-content:center;position:relative;z-index:999;} .prd_02 ul li .prd_02_txt .prd_02t_c{width:100%;overflow:visible;position:relative;} .prd_02 ul li .prd_02_txt i.ix{width:0px;height:4px;display:block;overflow:hidden;background-color:var(--hover);position:absolute;left:calc(-22.1% - 20px);top:19px;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;} .prd_02 ul li .prd_02_txt p{width:100%;overflow:hidden;} .prd_02 ul li .prd_02_txt p.p1{line-height:1;border-bottom:1px solid var(--hover);padding-bottom:20px;margin-bottom:20px;} .prd_02 ul li .prd_02_txt p.p1 span{width:100%;display:block;overflow:hidden;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;} .prd_02 ul li .prd_02_txt p.p1 span.sp1{font-size:30px;color:#393939;line-height:40px;font-weight:bold;position:relative;z-index:9;} .prd_02 ul li .prd_02_txt p.p1 span.sp2{font-size:40px;text-transform:uppercase;position:relative;margin-top:-23px;font-family:Arial;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #dfdfdf;} .prd_02 ul li .prd_02_txt p.p2{font-size:15px;color:#393939;line-height:25px;} .prd_02 ul li:nth-child(2n) .prd_02_txt i.ix{left:initial;right:calc(-22.1% - 20px);} .prd_02 ul li:hover .prd_02_txt i.ix{width:40px;} .prd_02 ul li:hover .prd_02_txt p.p1 span.sp1{color:var(--hover);} .btn_empty{overflow:hidden;height:100px;} .prd_03{overflow:hidden;margin-top:50px;margin-bottom:80px;} .prd_03fr{width:100%;overflow:visible;display:flex;display:-webkit-flex;justify-content:space-between} .prd_03fr .fl{width:37%;margin-bottom:.4rem;overflow:hidden;display:flex;display:-webkit-flex;align-items:center;justify-content:center;} .prd_03l_c{width:100%;overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .prd_03l_c p{width:100%;overflow:hidden;font-size:15px;color:#666;line-height:25px;margin:5px 0px;padding-left:30px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;text-align:justify;text-justify:inter-ideograph;} .prd_03l_c p.p1{font-size:30px;color:#393939;font-weight:bold;line-height:40px;margin-bottom:30px;position:relative;} .prd_03l_c p.p1 b{width:5px;height:30px;display:block;overflow:hidden;background-color:var(--hover);position:absolute;left:0px;top:4px;border-radius:2px;} .prd_03l_c p.p2{margin-top:50px;} .prd_03l_c p.p2 a{display:inline-block;font-size:16px;color:#fff;border-radius:52px;line-height:52px;padding:0px 50px;background-color:var(--hover)} .prd_03l_c p.p3{font-size:24px;color:#393939;line-height:30px;margin-bottom:15px;font-weight:bold;} .prd_03fr .fr{width:58%;overflow:hidden;position:relative;margin-right:-9%;} .prd_03fr .fr img.img1{width:100%;display:block;} .prd_03r_slide{width:89%;height:81%;overflow:hidden;position:absolute;left:4%;top:10%;} .prd_03r_slide .swiper-slide{width:100% !important;overflow:hidden;display:flex;display:-webkit-flex;align-items:center;justify-content:center;position:relative;} .prd_03r_slide .swiper-slide img{display:block;max-width:80%;} .prd_03r_slide .swiper-slide img.img1{width:100%;height:100%;display:block;object-fit:cover;max-width:100%;border-radius:10px;} .prd_03r_slide .swiper-slide p{width:100%;overflow:hidden;position:absolute;left:6%;bottom:4%;font-size:16px;color:#222222;line-height:1.5;} .prd_03r_slide .swiper-slide p .sp1{color:#fff;} .prd_03r_slide .prd_03r_sp{position:absolute;right:6%;bottom:4%;z-index:999;} .prd_03r_slide .prd_03r_sp span{margin-left:8px;width:8px;height:8px;opacity:1;background-color:#c9c9c9;} .prd_03r_slide .prd_03r_sp span.swiper-pagination-bullet-active{background-color:var(--hover);} .prd_04{overflow:hidden;background:url("../images/prd_01.jpg") center no-repeat;background-size:cover;padding:80px 0px;} .prd_04_t{width:100%;overflow:hidden;font-size:30px;color:#393939;font-weight:bold;line-height:40px;margin-bottom:30px;position:relative;} .prd_04_t b{width:5px;height:30px;display:block;overflow:hidden;background-color:var(--hover);position:absolute;left:0px;top:4px;border-radius:2px;} .prd_04_t span{margin-left:30px;} .prd_04_c{width:100%;overflow:hidden;} .prd_04_c ul li{width:32%;overflow:hidden;float:left;border:2px solid #365f8f;border-radius:10px;padding:30px 40px;margin-right:2%;margin-bottom:30px;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;} .prd_04_c ul li:nth-child(3n){margin-right:0px;} .prd_04_c ul li .prd_04c_c{width:100%;overflow:hidden;} .prd_04_c ul li .prd_04c_c p{width:100%;overflow:hidden;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;} .prd_04_c ul li .prd_04c_c p.p1{position:relative;text-align:center;font-size:20px;color:#393939;font-weight:bold;line-height:40px;padding-bottom:7px;} .prd_04_c ul li .prd_04c_c p.p1 b{width:20px;height:3px;display:block;overflow:hidden;position:absolute;left:50%;bottom:0px;margin-left:-10px;background-color:var(--hover);} .prd_04_c ul li .prd_04c_c p.p2{text-align:center;margin-top:10px;font-size:16px;color:#666;line-height:26px;min-height:52px;text-align:justify;text-justify:inter-ideograph;} .prd_04_c ul li .prd_04c_c p i{font-size:14px;} .prd_04_c ul li:hover{background-color:#365f8f;} .prd_04_c ul li:hover .prd_04c_c p.p1{color:#fff;} .prd_04_c ul li:hover .prd_04c_c p.p2{color:#fff;} .prd_04_c ul.ul1 li{width:23.5%;} .prd_04_c ul.ul1 li .prd_04c_c p.p2{height:auto;-webkit-line-clamp:20;} .prd_04_c ul.ul1 li .prd_04c_c p.p3{height:auto;-webkit-line-clamp:20;text-align:justify;} .prd_04_c ul.ul1 li:nth-child(3n){margin-right:2%;} .prd_04_c ul.ul1 li:nth-child(4n){margin-right:0px;} .prd_04_c ul.ul2 li{width:23.5%;text-align:center;font-size:16px;color:#06356d;font-weight:bold;padding:20px 20px;border-radius:50px;} .prd_04_c ul.ul2 li:nth-child(3n){margin-right:2%;} .prd_04_c ul.ul2 li:nth-child(4n){margin-right:0px;} .prd_04_c ul.ul2 li:hover{color:#fff;} .prd_04_c ul.ul3 li{width:32%;} .prd_04_c ul.ul3 li .prd_04c_c p.p2{height:auto;-webkit-line-clamp:20;text-align:justify;min-height:128px;} .prd_04_c ul.ul3 li:nth-child(3n){margin-right:0%;} .prd_04_c ul.ul4 li{width:49%;} .prd_04_c ul.ul4 li:nth-child(2){margin-right:0;} .prd_05{overflow:hidden;background-color:#fff;padding:80px 0px;} .prd_05 .prd_04_t{margin-bottom:20px;} .prd_05_c{width:calc(100% - 30px);overflow:hidden;border-top:1px solid #e5e5e5;margin-left:30px;} .prd_05_c ul li{width:100%;overflow:hidden;border-bottom:1px solid #e5e5e5;font-size:16px;color:#393939;line-height:24px;padding:18px 0px;padding-left:130px;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .prd_05_c ul li span.sp1{font-weight:bold;position:absolute;left:0px;top:18px;width:100px;} .prd_05_c ul li span.sp1 b{width:3px;height:16px;display:block;overflow:hidden;background-color:var(--hover);position:absolute;right:0px;top:5px;} .prd_05_c ul li span.sp2{width:100%;display:block;overflow:hidden;color:#666;} .prd_06{overflow:hidden;background-color:#f9f9f9;padding:80px 0px 130px 0px;} .prd_06_c{width:100%;overflow:visible;position:relative;} .prd_06_c .prd_06c_prev{width:50px;height:50px;display:block;overflow:hidden;float:left;border-radius:50%;background-color:#fff;position:absolute;left:-100px;top:50%;margin-top:-25px;z-index:9999;} .prd_06_c .prd_06c_prev b{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;background:url("../images/c_03.png") center no-repeat;background-size:14px;} .prd_06_c .prd_06c_prev:hover{background-color:var(--hover);} .prd_06_c .prd_06c_prev:hover b{background:url("../images/c_01.png") center no-repeat;background-size:14px;} .prd_06_c .prd_06c_next{width:50px;height:50px;display:block;overflow:hidden;float:left;border-radius:50%;background-color:#fff;position:relative;position:absolute;right:-100px;top:50%;margin-top:-25px;} .prd_06_c .prd_06c_next b{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;background:url("../images/c_04.png") center no-repeat;background-size:14px;} .prd_06_c .prd_06c_next:hover{background-color:var(--hover);} .prd_06_c .prd_06c_next:hover b{background:url("../images/c_02.png") center no-repeat;background-size:14px;} .prd_06_c a.a1{background-color:#f4f4f4;} .prd_06c_slide{width:100%;overflow:hidden;} .prd_06c_slide .swiper-slide{width:50%;overflow:hidden;padding:30px 0px;} .prd_06c_slide .swiper-slide label{width:100%;display:block;overflow:hidden;border-radius:10px;} .prd_06c_slide .swiper-slide label img{width:100%;display:block; } .prd_06c_slide .swiper-slide span{width:100%;display:block;overflow:hidden;text-align:center;font-size:20px;color:#393939;font-weight:bold;line-height:30px;margin-top:20px;display:none;} .prd_06c_slide .swiper-slide-active{overflow:visible;} .prd_06c_slide .swiper-slide-active label{-moz-box-shadow:0px 0px 30px rgba(9,28,5,0.5); -webkit-box-shadow:0px 0px 30px rgba(9,28,5,0.5); box-shadow:0px 0px 30px rgba(9,28,5,0.5);} .prd_06c_slide .swiper-slide-active span{display:block;} .prd_07{overflow:hidden;margin-top:80px;text-align:center;} .prd_07 .wrap_c{position:relative;height:124px;} .prd_07 i.i1{width:100%;height:1px;display:block;overflow:hidden;background-color:#e5e5e5;position:absolute;left:0px;bottom:0px;} .prd_07 label{display:inline-block;} .prd_07 label a{float:left;display:inline-block;text-align:center;margin:0px 80px;position:relative;padding-bottom:20px;} .prd_07 label a b{width:0px;height:4px;display:block;overflow:hidden;left:0%;margin-left:-18px;bottom:0px;background-color:var(--hover);position:absolute;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;} .prd_07 label em{display:inline-block;overflow:hidden;font-style:normal;position:relative;} .prd_07 label em img{display:block;height:60px;} .prd_07 label em img.img2{position:absolute;left:0px;top:0px;opacity:0;} .prd_07 label span{width:100%;display:block;overflow:hidden;text-align:center;font-size:18px;color:#393939;font-weight:bold;line-height:30px;margin-top:10px;} .prd_07 label a.on b{width:36px;left:50%;} .prd_07 label a.on span{color:#123868} .prd_07 label a.on em img.img1{opacity:0;} .prd_07 label a.on em img.img2{opacity:1;} .prd_08{overflow:hidden;margin-top:80px;} .prd_08_c{width:100%;overflow:hidden;display:flex;display:-webkit-flex;justify-content:space-between} .prd_08_c .fl{width:47%;overflow:hidden;display:flex;display:-webkit-flex;align-items:center;justify-content:center;} .prd_08_c .fl img{width:100%;display:block;border-radius:12px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .prd_08_c .fl img.img1{border:1px solid #e5e5e5;} .prd_08_c .fr{width:47%;overflow:hidden;display:flex;display:-webkit-flex;align-items:center;justify-content:center;} .prd_08c_c{width:100%;overflow:hidden;} .prd_08c_c p{width:100%;overflow:hidden;} .prd_08c_c p.p1{line-height:1;border-bottom:1px solid var(--hover);padding-bottom:20px;margin-bottom:20px;} .prd_08c_c p.p1 span{width:100%;display:block;overflow:hidden;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;} .prd_08c_c p.p1 span.sp1{font-size:30px;color:#393939;line-height:40px;font-weight:bold;position:relative;z-index:9;} .prd_08c_c p.p1 span.sp2{font-size:40px;text-transform:uppercase;position:relative;margin-top:-23px;font-family:Arial;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #dfdfdf;} .prd_08c_c p.p2{font-size:15px;color:#393939;line-height:25px;} .prd_08c_c ul{width:100%;overflow:hidden;} .prd_08c_c ul li{width:100%;overflow:hidden;font-size:15px;line-height:25px;color:#666;margin:10px 0px;position:relative;padding-left:15px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .prd_08c_c ul li:before{content:"";width:6px;height:6px;display:block;overflow:hidden;background-color:#eaeaea;border-radius:50%;position:absolute;left:0px;top:9px;} .prd_09{overflow:hidden;background:url("../images/prd_03.jpg") center top no-repeat #fff;background-size:cover;background-position:center 100px} .prd_10{overflow:hidden;margin-top:60px;} .prd_10_c{width:100%;overflow:visible;position:relative;} .prd_10_c .prd_10c_prev{width:50px;height:50px;display:block;overflow:hidden;float:left;border-radius:50%;background-color:#fff;position:absolute;left:-100px;top:50%;margin-top:-25px;z-index:9999;} .prd_10_c .prd_10c_prev b{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;background:url("../images/c_03.png") center no-repeat;background-size:14px;} .prd_10_c .prd_10c_prev:hover{background-color:var(--hover);} .prd_10_c .prd_10c_prev:hover b{background:url("../images/c_01.png") center no-repeat;background-size:14px;} .prd_10_c .prd_10c_next{width:50px;height:50px;display:block;overflow:hidden;float:left;border-radius:50%;background-color:#fff;position:relative;position:absolute;right:-100px;top:50%;margin-top:-25px;} .prd_10_c .prd_10c_next b{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;background:url("../images/c_04.png") center no-repeat;background-size:14px;} .prd_10_c .prd_10c_next:hover{background-color:var(--hover);} .prd_10_c .prd_10c_next:hover b{background:url("../images/c_02.png") center no-repeat;background-size:14px;} .prd_10c_slide{width:100%;overflow:hidden;} .prd_10c_slide .swiper-slide{width:47%;overflow:hidden;padding:30px 0px;} .prd_10c_slide .swiper-slide label{width:100%;display:block;overflow:hidden;border-radius:10px;position:relative;} .prd_10c_slide .swiper-slide label img{width:100%;display:block;} .prd_10c_slide .swiper-slide label em{width:100%;display:block;overflow:hidden;font-style:normal;position:absolute;left:0px;bottom:0px;padding:40px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .prd_10c_slide .swiper-slide label em i{width:100%;display:block;overflow:hidden;} .prd_10c_slide .swiper-slide label em i.i1{font-size:20px;color:#fff;line-height:26px;font-weight:bold;} .prd_10c_slide .swiper-slide label em i.i2{font-size:14px;color:rgba(255,255,255,0.7);line-height:22px;margin-top:15px;} .prd_10c_slide .swiper-slide span{width:100%;display:block;overflow:hidden;text-align:center;font-size:20px;color:#393939;font-weight:bold;line-height:30px;margin-top:20px;display:none;} .prd_10c_slide .swiper-slide-active{overflow:visible;} .prd_10c_slide .swiper-slide-active label{-moz-box-shadow:0px 0px 20px rgba(9,28,5,0.2); -webkit-box-shadow:0px 0px 20px rgba(9,28,5,0.2); box-shadow:0px 0px 20px rgba(9,28,5,0.2);} .prd_10c_slide .swiper-slide-active span{display:block;} .prd_11{overflow:hidden;margin-top:50px;} .prd_11 ul li{width:23.5%;overflow:hidden;background:url("../images/prd_02.jpg") center no-repeat;background-size:100% 100%;float:left;margin-right:2%;margin-bottom:30px;border-radius:6px;-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);} .prd_11 ul li:nth-child(4n){margin-right:0px;} .prd_11 ul li em{display:block;overflow:hidden;font-style:normal;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .prd_11 ul li em.em1{height:200px;display:flex;display:-webkit-flex;align-items:center;justify-content:center;position:relative;} .prd_11 ul li em.em1 img{display:block;max-width:60%;max-height:200px;} .prd_11 ul li em.em1 img.img1{width:100%;max-width:100%;} .prd_11 ul li em.em1 b.b1{width:35px;height:35px;display:block;overflow:hidden;background-color:rgba(0,0,0,0.6);position:absolute;right:0px;bottom:0px;z-index:999;display:flex;display:-webkit-flex;align-items:center;justify-content:center;} .prd_11 ul li em.em1 b.b1 i{width:17px;height:18px;display:block;overflow:hidden;background:url("../images/prd_05.png") center no-repeat;background-size:100%;} .prd_11 ul li em.em2{width:100%;overflow:hidden;padding:0px 50px;} .prd_11 ul li em.em2 span{width:100%;display:block;overflow:hidden;text-overflow:ellipsis; white-space: nowrap;text-align:center;border-top:1px solid #e5e5e5;font-size:16px;color:#393939;font-weight:bold;line-height:26px;padding:25px 0px;} .prd_11 ul li:hover em.em2 span{color:#123868;} .xgcp_01{width:100%;overflow:hidden;} .xgcp_01_slide{width:100%;overflow:hidden;} .xgcp_01_slide .swiper-slide{width:23.5%;overflow:hidden;float:left;background:url("../images/prd_02.jpg") center no-repeat;background-size:100% 100%;float:left;border-radius:6px;-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);} .xgcp_01_slide .swiper-slide em{display:block;overflow:hidden;font-style:normal;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .xgcp_01_slide .swiper-slide em.em1{height:200px;display:flex;display:-webkit-flex;align-items:center;justify-content:center;position:relative;} .xgcp_01_slide .swiper-slide em.em1 img{display:block;max-width:60%;max-height:200px;} .xgcp_01_slide .swiper-slide em.em1 img.img1{width:100%;max-width:100%;} .xgcp_01_slide .swiper-slide em.em1 b.b1{width:35px;height:35px;display:block;overflow:hidden;background-color:rgba(0,0,0,0.6);position:absolute;right:0px;bottom:0px;z-index:999;display:flex;display:-webkit-flex;align-items:center;justify-content:center;} .xgcp_01_slide .swiper-slide em.em1 b.b1 i{width:17px;height:18px;display:block;overflow:hidden;background:url("../images/prd_05.png") center no-repeat;background-size:100%;} .xgcp_01_slide .swiper-slide em.em2{width:100%;overflow:hidden;padding:0px 50px;} .xgcp_01_slide .swiper-slide em.em2 span{width:100%;display:block;overflow:hidden;text-overflow:ellipsis; white-space: nowrap;text-align:center;border-top:1px solid #e5e5e5;font-size:16px;color:#393939;font-weight:bold;line-height:26px;padding:25px 0px;} .xgcp_01_slide .swiper-slide:hover em.em2 span{color:#123868;} .xgcp_01 .xgcp_01_sp{width:100%;overflow:hidden;text-align:center;margin-top:.4rem;} .xgcp_01 .xgcp_01_sp span{width:8px;height:8px;opacity:1;background-color:#c9c9c9;margin:0px 5px;} .xgcp_01 .xgcp_01_sp span.swiper-pagination-bullet-active{background-color:var(--hover);} .prd_12{overflow:hidden;margin-top:50px;} .prd_12_t{width:100%;overflow:hidden;position:relative;font-size:28px;line-height:50px;text-align:center;padding-bottom:10px;} .prd_12_t b{width:28px;height:3px;display:block;overflow:hidden;background-color:var(--hover);border-radius:3px;position:absolute;left:50%;bottom:0px;margin-left:-14px;} .prd_12_c{width:100%;overflow:hidden;margin-top:40px;} .prd_12_c ul{width:100%;overflow:hidden;display:flex;display:-webkit-flex;justify-content:center;} .prd_12_c ul li{width:30%;overflow:hidden;border-radius:16px;position:relative;} .prd_12_c ul li:nth-child(2){margin:0px 5%;} .prd_12_c ul li em{display:block;font-style:normal;width:100%;overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .prd_12_c ul li em.em1{width:100%;} .prd_12_c ul li em.em1 img{width:100%;display:block;} .prd_12_c ul li em.em2{width:100%;position:absolute;left:0px;bottom:7%;text-align:center;padding:0px 20px;} .prd_12_c ul li em.em2 span{width:100%;display:block;overflow:hidden;font-size:16px;color:#fff;line-height:26px;} .prd_13{overflow:hidden;background-color:#f8f8f8;padding:80px 0px;} .prd_13_c{width:100%;overflow:hidden;margin-top:30px;} .prd_13_c ul li{width:32%;overflow:hidden;float:left;margin-right:2%;margin-bottom:30px;border-radius:10px;background-color:#fff;} .prd_13_c ul li:nth-child(3n){margin-right:0px;} .prd_13_c ul li em{width:100%;display:block;overflow:hidden;font-style:normal;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .prd_13_c ul li em.em1{border-radius:10px 10px 0px 0px;} .prd_13_c ul li em.em1 img{display:block;width:100%;} .prd_13_c ul li em.em2{border:1px solid #dedede;border-top:0px;padding:0px 30px;border-radius:0px 0px 10px 10px;} .prd_13_c ul li em.em2 span{width:100%;display:block;overflow:hidden;} .prd_13_c ul li em.em2 span.sp1{font-size:18px;line-height:30px;position:relative;border-bottom:1px solid #ededed;padding:15px 0px;font-weight:bold;padding-left:20px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .prd_13_c ul li em.em2 span.sp1 b{width:3px;height:16px;display:block;overflow:hidden;background-color:var(--hover);position:absolute;left:0px;top:22px;border-radius:3px;} .prd_13_c ul li em.em2 span.sp2{color:#aeaeae;font-size:14px;line-height:24px;padding:15px 0px;} .prd_14{overflow:hidden;padding:80px 0px 40px 0px;} .prd_14_c{width:100%;overflow:hidden;margin-top:30px;} .prd_14_c ul li{width:30%;overflow:hidden;float:left;margin-right:5%;margin-bottom:40px;padding-left:60px;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .prd_14_c ul li:nth-child(3n){margin-right:0px;} .prd_14_c ul li img{width:40px;display:block;position:absolute;left:0px;top:0px;} .prd_14_c ul li em{width:100%;display:block;overflow:hidden;font-style:normal;} .prd_14_c ul li span{width:100%;display:block;overflow:hidden;} .prd_14_c ul li span.sp1{font-size:18px;color:#222222;font-weight:bold;line-height:20px;margin-bottom:15px;} .prd_14_c ul li span.sp2{font-size:14px;color:#aeaeae;line-height:24px;text-align:justify;text-justify:inter-ideograph;} .prd_14_c ul.ul1 li{width:45%;margin-right:10%;} .prd_14_c ul.ul1 li:nth-child(3n){margin-right:10%;} .prd_14_c ul.ul1 li:nth-child(2n){margin-right:0px;} .prd_15{overflow:hidden;background:url("../images/prd_04.jpg") center no-repeat;background-size:cover;padding:80px 0px;} .prd_15_c{width:100%;overflow:hidden;position:relative;display:flex;display:-webkit-flex;justify-content:space-between;} .prd_15_c .prd_04_t{position:absolute;left:0px;top:0px;} .prd_15_c .fl{width:48%;overflow:hidden;display:flex;display:-webkit-flex;align-items:center;justify-content:flex-start;} .prd_15_c .fl ul{width:85%;overflow:hidden;margin-left:30px;} .prd_15_c .fl ul li{width:100%;overflow:hidden;font-size:30px;color:#b4b4b4;line-height:1.5;margin:20px 0px;} .prd_15_c .fl ul li a{color:#b4b4b4;} .prd_15_c .fl ul li .p1{line-height:1.5;} .prd_15_c .fl ul li .p2{font-size:16px;line-height:26px;color:#b4b4b4;margin-top:15px;text-align:justify;text-justify:inter-ideograph;} .prd_15_c .fl ul li.on a{color:#393939;font-weight:bold;} .prd_15_c .fr{width:52%;overflow:hidden;} .prd15_slide{width:100%;overflow:hidden;border-radius:12px;} .prd15_slide .swiper-slide{width:100%;overflow:hidden;position:relative;} .prd15_slide .swiper-slide img{width:100%;display:block;} .prd15_slide .swiper-slide em{width:100%;display:block;overflow:hidden;font-style:normal;padding:0px 30px;position:absolute;left:0px;bottom:20px;z-index:999;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .prd15_slide .swiper-slide em span{width:100%;display:block;overflow:hidden;font-size:16px;color:#fff;line-height:1.5;} .prd15_slide .prd15_sp{position:absolute;right:30px;bottom:4%;z-index:999;} .prd15_slide .prd15_sp span{margin-left:8px;width:8px;height:8px;opacity:1;background-color:#c9c9c9;} .prd15_slide .prd15_sp span.swiper-pagination-bullet-active{background-color:var(--hover);} .mapall{width:100%;height:600px;overflow:hidden;} .prd_16_c{width:100%;overflow:hidden;margin-top:20px;} .prd_16_c ul{width:100%;overflow:hidden;display:flex;display:-webkit-flex;justify-content:space-between} .prd_16_c ul li{width:47%;overflow:hidden;} .prd_16_c ul li .prd_16c_t{width:100%;overflow:hidden;font-size:20px;color:#393939;position:relative;padding-left:30px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .prd_16_c ul li .prd_16c_t i.i1{width:20px;height:20px;display:block;overflow:hidden;background-color:#193461;border-radius:4px;color:#fff;font-size:14px;text-align:center;line-height:20px;position:absolute;left:0px;top:5px;} .prd_16_c ul li .prd_16c_t span{width:100%;display:block;overflow:hidden;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;} .prd_16_c ul li .prd_16c_c{width:100%;overflow:hidden;margin-top:15px;} .prd_16_c ul li .prd_16c_c p{width:100%;overflow:hidden;font-size:15px;color:#aaa;line-height:25px;} .prd_16_c ul li .prd_16c_b{width:100%;overflow:hidden;margin-top:30px;} .prd_06cb_slide{width:100%;overflow:hidden;border-radius:12px;} .prd_06cb_slide .swiper-slide{width:100% !important;overflow:hidden;} .prd_06cb_slide .swiper-slide img{width:100%;display:block;border-radius:12px;} .prd_06cb_sp{width:100%;overflow:hidden;text-align:center;margin-top:20px;} .prd_06cb_sp span{margin-left:8px;width:8px;height:8px;opacity:1;background-color:#c9c9c9;} .prd_06cb_sp span.swiper-pagination-bullet-active{background-color:var(--hover);} .prd_17{overflow:hidden;background-color:#fff;padding:80px 0px;} .prd_17_c{width:100%;overflow:hidden;position:relative;padding-top:40px;} .prd_17_c .fl{width:100%;overflow:hidden;} .prd_17_c .fl ul li{width:50%;overflow:hidden;float:left;margin-bottom:40px;} .prd_17_c .fl ul li p{width:75%;} .prd_17_c .fl ul li p.p1{width:75%;overflow:hidden;font-size:20px;color:#393939;line-height:30px;position:relative;padding-left:30px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .prd_17_c .fl ul li p.p1 i{width:20px;height:20px;display:block;overflow:hidden;background-color:#193461;border-radius:4px;color:#fff;font-size:14px;text-align:center;line-height:20px;position:absolute;left:0px;top:5px;} .prd_17_c .fl ul li p.p1 span{width:100%;display:block;overflow:hidden;font-weight:bold;} .prd_17_c .fl ul li p.p2{font-size:15px;color:#aaa;line-height:25px;margin-top:15px;min-height:50px;} .prd_17_c .fl ul li:nth-child(2n){float:right;} .prd_17_c .fl ul li p{width:60%;} .prd_17_c .fl ul li:nth-child(2n) p{margin-left:40%;} .prd_17_c .fc{width:21%;overflow:hidden;position:absolute;height:100%;left:40%;top:0%;display:flex;display:-webkit-flex;align-items:center;justify-content:center;} .prd_17_c .fc label{width:100%;display:block;overflow:hidden;position:relative;} .prd_17_c .fc img{width:100%;display:block;} .prd_17_c .fc img.img2{position:absolute;left:0px;top:0px;} .prd_17_c .fc label{width:100%;display:block;position:relative;} .prd_18{overflow:hidden;background:url("../images/prd_04.jpg") center no-repeat;background-size:cover;padding:80px 0px;} .prd_18_c{width:100%;overflow:hidden;margin-top:40px;} .prd_19_c{width:100%;overflow:hidden;margin-top:20px;} .prd_19_c p{width:100%;overflow:hidden;font-size:16px;color:#aaaaaa;line-height:26px;} .prd_19_c img{max-width:100%;} .prd_19_c p.p1{margin-top:60px;text-align:center;} .prd_20{margin-bottom:0px;} .prd_21{padding-top:40px;} .prd_21 .prd_14_c{margin-top:50px;} .prd_22_c{width:100%;overflow:visible;padding-top:10px;} .prd_22_c ul{width:100%;overflow:visible;display:flex;display:-webkit-flex;justify-content:space-between} .prd_22_c ul li{width:30%;overflow:hidden;background-color:#fff;border-radius:8px;position:relative;-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;} .prd_22_c ul li b.b1{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;} .prd_22_c ul li em{z-index:999;display:block;font-style:normal;position:relative;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;} .prd_22_c ul li em.em1{width:100%;height:230px;overflow:hidden;display:flex;display:-webkit-flex;align-items:center;justify-content:center;} .prd_22_c ul li em.em2{width:100%;} .prd_22_c ul li em.em2 img{display:block;margin:0px auto;padding:0px;height:66px;} .prd_22_c ul li em.em2 span{width:100%;display:block;overflow:hidden;text-align:center;font-size:20px;color:#393939;line-height:1.5;margin-top:10px;font-weight:bold;} .prd_22_c ul li em.em3{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;opacity:0;} .prd_22_c ul li em.em5{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;background-color:#163366;display:flex;display:-webkit-flex;align-items:center;justify-content:center;} .prd_22_c ul li em.em3 b.b2{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;} .prd_22_c ul li em.em4{width:calc(100% - 40px);margin:0px auto;overflow:hidden;} .prd_22_c ul li em.em4 span{width:100%;display:block;overflow:hidden;text-align:center;font-size:16px;line-height:2;} .prd_22_c ul li em.em4 a{color:#fff;} .prd_22_c ul li em.em4 a:hover{text-decoration:underline;} .prd_22_c ul li:hover{-moz-box-shadow:0px 0px 21px rgba(18,59,129,0.4); -webkit-box-shadow:0px 0px 21px rgba(18,59,129,0.4); box-shadow:0px 0px 21px rgba(18,59,129,0.4);} .prd_22_c ul li:hover em.em3{opacity:1;} @media screen and (max-width:1820px) { } @media screen and (max-width:1700px) { .prd_06_c .prd_06c_prev{left:30px;z-index:999;} .prd_06_c .prd_06c_next{right:30px;z-index:999;} } @media screen and (max-width:1635px) { .wrap_c{width:auto;margin:0px 8%;} .p3cs_c{width:50%;} .p3c_slide .swiper-slide p.p1{top:10%;left:26%;} .page3 span.sp1{font-size:30px;} .p4l_c p.p2{font-size:28px;} .btn_01fr{padding:0px 305px 40px 260px;} .page4 .fr ul li p.p1 i{font-size:62px;} .p5c_slide .swiper-slide ul li em.em2 span.sp1{font-size:18px;} .p5_t p.p1{font-size:30px;} .p2sc_t{font-size:30px;} .page2_slide .p2s_c p.p1{font-size:50px;} .page2_slide .p2s_c p.p2{font-size:26px;} .prd_17_c .fl ul li p{width:75%;} .prd_17_c .fl ul li:nth-child(2n) p{margin-left:25%;} } @media screen and (max-width:1520px) { } @media screen and (max-width:1300px) { .prd_17_c .fl ul li p{width:56%;} .prd_17_c .fl ul li:nth-child(2n) p{margin-left:44%; } } @media screen and (max-width:1226px) { .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{height:55px;position:fixed;z-index:9999;} .topfr .fl{padding:15px 0px;} .topfr .fl img{height:25px;} .top_lang{line-height:55px;} .top_menu{width:100%;position:absolute;left:0px;top:55px;display:block;background-color:#fff;display:none;} .top_menu ul{width:100%;overflow:hidden;border-top:1px solid #e5e5e5;} .top_menu ul li{width:100%;overflow:hidden;border-bottom:1px solid #e5e5e5;} .topfr_style2 .top_menu ul li .tmu_t a { color: #333; } .top_menu ul li .tmu_t{line-height:50px;padding:0px 10px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .top_menu ul li .tmu_t b{width:14px;height:55px;display:block;overflow:hidden;background:url("../images/sel_01.svg") center no-repeat;background-size:100%;position:absolute;left:initial;right:10px;top:0px;display:block;} .top_menu ul li .tmu_c{width:100%;position:relative;margin:0px;padding:10px 0px;top:0px;left:0px;} .top_menu ul li .tmu_c p{text-align:left;padding:0px 10px;font-size:15px;line-height:25px;} .top_menu ul li.on .tmu_t b{width:14px;left:initial;transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);} .menu_click{width:20px;height:55px;overflow:hidden;position:relative;float:left;margin-left:20px;} .menu_click b{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;background:url("../images/menu_01.svg") center no-repeat;background-size:20px;} .menu_click b.on{background:url("../images/menu_02.svg") center no-repeat;background-size:20px;} .banner_slide .swiper-slide .banner_txt img{height:19vh;} .banner_slide .banner_btn{width:80%;} .p2sc_t{font-size:26px;top:.2rem;} .page2_slide{height:calc(100vh - 55px - 50px);} .page2_slide .p2s_c{width:100%;height:calc(55% - .4rem);} .page2_slide .p2s_c p.p1{font-size:30px;line-height:1.5;} .page2_slide .p2s_c p.p2{font-size:18px;line-height:1.5;} .page2_slide .p2s_c p.p3{font-size:12px;line-height:1.5;margin-bottom:.4rem;} .page2_slide .p2s_c p.p4 a{line-height:34px;padding:0px 20px;} .page2_slide .p2s_c p.p4 span{font-size:12px;} .page2_slide .p2s_c p.p4{bottom:0px;} .page2_slide .p2s_c .p2scc_c{margin-top:0px;} .page2_slide .p2s_img{width:100%;top:initial;bottom:0px;height:45%;} .page3 b.b1{display:none;} .p3s_li{display:none;} .page3 span.sp1{height:44px;font-size:26px;} .p3c_slide{width:calc(100% - 20px);right:10px;height:calc(100vh - 22vh - 20px);top:calc(22vh - 20px);} .p3c_slide .swiper-slide p.p1{left:0px;top:33px;} .p3c_slide .swiper-slide p.p1 img{width:calc(100% - 40px);height:auto;margin:0px auto;padding:0px;} .p3c_b{width:100%;text-align:center;overflow:hidden;position:absolute;left:0px;bottom:0px;z-index:9999;} .p3c_b label{display:inline-block;} .p3c_b a{width:40px;height:40px;display:block;overflow:hidden;float:left;border-radius:50%;background-color:var(--hover);margin-left:15px;position:relative;} .p3c_b a b{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;} .p3c_b a.p3cb_prev b{background:url("../images/c_01.png") center no-repeat;background-size:14px;} .p3c_b a.p3cb_next b{background:url("../images/c_02.png") center no-repeat;background-size:14px;} .p3cs_c{width:100%;padding:0px 20px;height:88%;align-items:flex-start;} .p3cs_c .p3csc_c{margin-bottom:0px;margin-top:103px;} .page4 .fl{width:calc(100% - 20px);left:10px;height:auto;margin-top:10vh;} .p4l_c p.p4{margin-top:.4rem;} .p4l_c p.p4 a{line-height:34px;padding:0px 20px;} .p4l_c p.p4 span{font-size:12px;} .p4l_c p.p1{font-size:20px;line-height:24px;} .p4l_c p.p2{font-size:26px;line-height:30px;} .p4l_c p.p3{margin-top:20px;line-height:1.4;} .page4 .fr{width:calc(100% - 20px);right:10px;height:auto;top:initial;bottom:50px;} .page4 .fr ul{width:100%;overflow:hidden;} .page4 .fr ul li{width:50%;float:left;justify-content:center;} .page4 .fr ul li div b{display:none;} .page4 .fr ul li div{padding-left:0px;text-align:center;} .page4 .fr ul li p.p1 i{font-size:60px;} .p5_t{top:8vh;left:10px;} .p5_t p.p1{font-size:26px;} .p5_t p.p2{font-size:14px;margin-top:10px;line-height:20px;} .p5_c{width:calc(100% - 20px);right:10px;top:19vh;} .p5c_slide .swiper-slide ul li{width:100%;margin-right:0px;padding:20px 20px;height:auto;} .p5c_slide .swiper-slide ul li.on em.em3{display:none;} .p5c_slide .swiper-slide ul li.li1{display:none;} .p5c_slide .swiper-slide ul li em.em1 span.sp4{margin-top:8px;} .p5c_slide .swiper-slide ul li em.em2{min-height:58px;} .p5c_slide .swiper-slide ul li em.em2 span.sp1{font-size:16px;line-height:24px;-webkit-line-clamp:1;max-height:24px;} .p5c_slide .swiper-slide ul li em.em2 span.sp2{font-size:14px;line-height:20px;-webkit-line-clamp:1;margin-top:10px;max-height:20px;} .p5_b{bottom:5px;left:0px;width:100%;text-align:center} .p5_b a{display:inline-block;margin:0px 5px;float:none;} .btn_01 .fc{display:none;} .btn_02{line-height:24px;padding:15px 0px;} .btn_01fr{padding-bottom:15px;padding:0px 0px 15px 0px;} .btn_01{margin-top:20px;} .btn_01 .fl{position:relative;width:100%;} .btn_01 .fr{position:relative;width:100%;right:0px;margin-top:30px;} .btn_01 .fr p.p3{display:none;} .subfr{} .subfr img{width:100%;display:block;} .subfr .sub_c span{font-size:18px;} .subfr .sub_c span b{width:2px;height:20px;} .subfr .sub_c{bottom:-13px;} .navfr .fl{display:none;} .navfr .fr{width:100%;} .navfr .fr ul{width:100%;overflow:hidden;display:flex;display:-webkit-flex;justify-content:space-around} .navfr .fr ul li{margin:0px;line-height:50px;} .prd_01{margin-top:40px;} .prd_01 h4{font-size:20px;line-height:1.5;} .prd_02{margin-top:30px;} .prd_02 ul li{display:block;} .prd_02 ul li a{display:block;} .prd_02 ul li .prd_02_img{width:100%;min-height:auto;} .prd_02 ul li .prd_02_img img{width:100%;} .prd_02 ul li .prd_02_txt{width:100%;margin-top:20px;} .prd_02 ul li .prd_02_txt p.p1 span.sp1{font-size:24px;} .prd_02 ul li .prd_02_txt p.p1 span.sp2{font-size:30px;} .prd_02 ul li .prd_02_txt p.p2{font-size:14px;} .prd_03{margin-top:30px;margin-bottom:40px;} .prd_03fr{display:block;} .prd_03fr .fl{width:100%;} .prd_03fr .fr{width:100%;margin-right:0px;margin-top:30px;} .prd_03l_c p{padding-left:20px;} .prd_03l_c p.p1{font-size:20px;margin-bottom:15px;} .prd_03l_c p.p1 b{height:20px;width:2px;top:10px;} .prd_03l_c p.p2{margin-top:30px;} .prd_03l_c p.p2 a{line-height:40px;padding:0px 30px;} .prd_04{padding:40px 0px;} .prd_04_t{font-size:20px;margin-bottom:15px;} .prd_04_t b{width:2px;height:20px;top:10px;} .prd_04_t span{margin-left:20px;} .prd_04_c ul li{width:100%;margin-right:0px;padding:20px;} .prd_04_c ul.ul1 li{width:100%;} .prd_04_c ul.ul2 li{width:100%;} .prd_04_c ul.ul3 li{width:100%;} .prd_05{padding:40px 0px;} .prd_06{padding-top:40px;padding-bottom:60px;} .prd_06_c .prd_06c_prev{left:10px;z-index:9999;width:40px;height:40px;} .prd_06_c .prd_06c_next{right:10px;z-index:9999;width:40px;height:40px;} .btn_03 img{width:18px;} .prd_07{margin-top:40px;} .prd_07 .wrap_c{height:94px;} .prd_07 label{width:100%; display: flex; justify-content: center;} .prd_07 label a{margin:0px;width:32%;margin-right:2%;} .prd_07 label a:nth-child(3){margin-right:0px;} .prd_07 label em img{height:30px;} .prd_07 label span{font-size:14px;} .prd_08{margin-top:40px;} .prd_08_c{display:block;} .prd_08_c .fl{width:100%;} .prd_08_c .fr{width:100%;margin-top:30px;} .prd_08c_c p.p1 span.sp1{font-size:24px;} .prd_08c_c p.p1 span.sp2{font-size:30px;} .prd_10c_slide .swiper-slide{width:90%;} .prd_10c_slide .swiper-slide label em{padding:20px;} .prd_10{margin-top:30px;} .prd_11{margin-top:20px;} .prd_11 ul li{width:100%;margin-right:0px;} .prd_11 ul li em.em2{padding:0px 20px;} .prd_12{margin-top:30px;} .prd_12_t{font-size:20px;line-height:30px;padding-bottom:15px;} .prd_12_t b{width:20px;margin-left:-10px;} .prd_12_c ul{width:100%;display:block;} .prd_12_c ul li{width:100%;margin-bottom:30px;} .prd_12_c ul li:nth-child(2){margin:0px 0px 30px 0px;} .prd_03l_c p{font-size:14px;} .prd_13{padding:30px 0px;} .prd_13_c{margin-top:15px;} .prd_13_c ul li{width:100%;margin-right:0px;} .prd_13_c ul li em.em2{padding:0px 15px;} .prd_13_c ul li:last-child{margin-bottom:0px;} .prd_14{padding:30px 0px 30px 0px;} .prd_14_c{margin-top:15px;} .prd_14_c ul li{width:100%;margin-right:0px;} .prd_14_c ul li:last-child{margin-bottom:0px;} .prd_15{padding:30px 0px;} .prd_15_c{display:block;} .prd_15_c .fl{width:100%;} .prd_15_c .fr{width:100%;margin-top:30px;} .prd_06c_slide .swiper-slide span{font-size:16px;} .prd_14_c ul li img{width:30px;} .prd_14_c ul li{padding-left:46px;} .prd_14_c ul li span.sp1{font-size:16px;margin-bottom:8px;} .prd_14_c ul li span.sp2{} .prd_15_c .prd_04_t{position:relative;} .prd_15_c .fl ul{margin-left:20px;width:calc(100% - 40px);} .prd_15_c .fl ul li{font-size:20px;} .prd_06c_slide .swiper-slide{width:70%;} .navfr .fr ul li a{font-size:14px;} .prd_16_c ul{display:block;} .prd_16_c ul li{width:100%;margin-bottom:40px;} .prd_16_c ul li:nth-child(2){margin-bottom:0px;} .prd_16_c ul li .prd_16c_c{min-height:auto !important;} .prd_17{padding:30px 0px;} .prd_17_c{padding-top:0px;} .prd_17_c .fl ul li{width:100%;margin-bottom:20px;} .prd_17_c .fl ul li p{width:100%;} .prd_17_c .fl ul li:nth-child(2n) p{margin-left:0px;} .prd_17_c .fc{width:100%;position:relative;left:0px;max-width:300px;float:none;margin:0px auto;padding:0px;} .prd_17_c .fl ul li p.p1{font-size:16px;} .prd_17_c .fl ul li p.p2{margin-top:5px;font-size:14px;} .prd_18{padding:30px 0px;} .prd_14_c ul.ul1 li{width:100%;margin-right:0px;} .prd_14_c ul li{margin-bottom:20px;} .prd_03l_c p.p3{font-size:18px;line-height:1.5;margin-bottom:10px;} .prd_21 .prd_14_c{margin-top:20px;} .prd_22_c ul{display:block;} .prd_22_c ul li{width:100%;margin-bottom:30px;} .nav_flex.on{display:none;} } @media screen and (max-width:992px) { } @media screen and (max-width:768px) { .nav_flex ul li { float: left; line-height: 50px; margin-right: 20px; position: relative; } } @media screen and (max-height:850px) { /*.p5c_slide .swiper-slide ul li:nth-child(5){display:none;}*/ } @media screen and (max-height:680px) { .page2_slide .p2s_c p.p3{font-size:14px;margin-top:10px;} .page2_slide .p2s_c p.p2{margin-top:0px;} .page2_slide .p2s_c p.p1{margin-top:10%;} .page3 span.sp1{left:1.5%;} .p3cs_c .p3csc_c p.p4{margin-top:20px;} .p5_c{top:21vh;} .p5c_slide .swiper-slide ul li em.em2 span.sp2{margin-top:10px;font-size:14px;line-height:1.5;} .page4 .fr ul li p.p1 i{font-size:50px;} /*.p5c_slide .swiper-slide ul li:nth-child(4){display:none;}*/ /*.p5c_slide .swiper-slide ul li:nth-child(5){display:none;}*/ } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ .prd_02 ul li .prd_02_txt p.p1 span.sp2{color:#dfdfdf;font-weight:100;} }