@charset "UTF-8"; .er-bn .img { padding-bottom:50%; } .product-sec-bk01 { overflow:hidden; } .product-sec-bk01 .list { margin-top:10px; } .product-sec-bk01 .list ul li { position:relative; background:url(../images/product-sec-bk01-libg01.jpg) no-repeat center center; background-size:cover; } .product-sec-bk01 .list ul li .img { position:absolute; overflow:hidden; left:0px; top:0px; bottom:0px; height:100%; width:50%; } .product-sec-bk01 .list ul li .img a { height:100%; display:block; background-size:contain; background-position:center center; } .product-sec-bk01 .list ul li .text { padding-left:55.73%; padding-top:10.125em; padding-bottom:11.1875em; padding-right:16.667%; } .product-sec-bk01 .list ul li .line { width:4em; height:0.24em; position:relative; margin-top:1.5em; border-radius:0.125em; } .product-sec-bk01 .list ul li .line i { position:absolute; left:0px; top:0px; height:100%; right:0px; width:100%;background:#006fb7; } .product-sec-bk01 .list ul li .line .i2 { width:0px; right:auto; } .product-sec-bk01 .list ul li .con { color:#666; line-height:1.75;max-height:7em; height:7em; margin-top:1.25em; -webkit-line-clamp:4; } .product-sec-bk01 .list ul li .more { padding-top:2.6875em; } .product-sec-bk01 .list ul li .more a { color:#fff; background:#006fb7; border:1px solid #006fb7; display:inline-block; padding:0px 1em 0px 1.25em; line-height:2; border-radius:1.0625em; } .product-sec-bk01 .list ul li .more a b { padding-left:2em;} .product-sec-bk01 .list ul li h3 { line-height:1.33; } .product-sec-bk01 .list ul li h3 a { height:2.66em; padding-right:0%; max-height:2.66em; } .product-sec-bk01 .list ul li .jt { width:1.75em; display:none; position:absolute; left:0px; top:50%; margin-top:-1.8125em; height:3.625em; background:url(../images/jt04.png) no-repeat center center; background-size:100% 100%; } .product-sec-bk01 .list ul li.li02 { background:url(../images/product-sec-bk01-libg02.jpg) no-repeat left center #006fb7; background-size:50% 100%; } .product-sec-bk01 .list ul li.li02 .img { left:auto; right:0px; background:url(../images/product-sec-bk01-libg03.jpg) no-repeat center center; background-size:cover; } .product-sec-bk01 .list ul li.li02 .img a { background-position:center center; } .product-sec-bk01 .list ul li.li02 .text { padding-left:16.667%; padding-right:55.73%; } .product-sec-bk01 .list ul li.li02 h3 a { color:#fff; } .product-sec-bk01 .list ul li.li02 .con { color:#fff; } .product-sec-bk01 .list ul li.li02 .more a { background:none; border:1px solid #fff; } .product-sec-bk01 .list ul li.li02 .jt { display:inline-block; } .product-sec-bk01 .list ul li.li02 .line i { background:#fff; } .product-sec-bk01 .list ul li:hover h3 a { /*text-decoration:underline;*/ } .product-sec-bk01 .list ul li:hover .more a { background:#e0b04f; border:1px solid #e0b04f; } .product-sec-bk01 .list ul li h3:hover .line .i1 { display:none; } .product-sec-bk01 .list ul li h3:hover .line .i2 { width:4em; } .load-more-link { display: block; padding:4.375em 0px; position:relative; color:#333; cursor: pointer; } .load-more-link span { display:inline-block; color:#fff; border:1px solid #e0b04f; padding:0px 3.125em; line-height:3.125; background:#e0b04f; } #infscr-loading{ background:rgba(0,0,0,0.4); position:fixed; width:100px; height:50px; line-height:50px; font-size:16px; overflow:hidden; border-radius:10px; text-align:center; color:#fff; left:50%; top:50%; z-index:1000; margin:-15px 0 0 -50px;} .lt9 #infscr-loading{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#99000000", EndColorStr="#99000000")} #infscr-loading img{ position:absolute; left:50%; top:50%; margin:-57px 0 0 -75px; opacity:0.5; filter:alpha(opacity=50);} .load-more-link span:hover { background:#006fb7; color:#fff; border:1px solid #006fb7; } .product-con-bk01 { position:relative; } .product-con-bk01 .wrap { position:absolute; left:50%; top:0px; height:100%; bottom:0px;transform: translate(-50%,0); -webkit-transform: translate(-50%,0);z-index:3; } .product-con-bk01 .text { width:34.375%; /*padding-bottom:3em; padding-top:4.1875em;*/ } .product-con-bk01 h3 { line-height:1.1; color:#006eb7; } .product-con-bk01 .sub-tit {/*color:#006eb7;*/color:#333; line-height:1.4; } .product-con-bk01 .con { line-height:1.75; margin-top:2.5em;/* color:#006eb7;*/ color:#010101; font-weight:bold; } .product-con-bk01 .more { padding-top:3.5em; } .product-con-bk01 .more a { display:inline-block; padding:0px 1.125em; line-height:2.125; color:#fff; border-radius:1.0625em; vertical-align:middle; } .product-con-bk01 .more img { vertical-align:middle; height:1.125em; margin-right:4px; position:relative; top:-0.125em; } .product-con-bk01 .more a.a1 { background:#e0b04f; margin-right:6px; } .product-con-bk01 .more a.a2 { background:#006eb7; } .product-con-bk01 .more a:hover { opacity:0.9; filter:alpha(opacity=90);} .product-con-bk01 .img { float:right; width:63.28125%; } .product-con-bk01 .img img { max-width:100%; } .product-con-bk01 .imgbg img { width:100%; } .product-contxt-bk01 { /*background:#ededed;*/ } .product-contxt-bk01 img { max-width:100%; } .product-con-bk02 { position:relative; } .product-con-bk02 .img {/*height:61.25em; padding-bottom:60%; */} .product-con-bk02 .img img { width:100%; } .product-con-bk02 .wrap { position:absolute; bottom:10.91%; left:50%; margin-left:-640px; } .product-con-bk02 .wrap img { width:51.796875%; float:right; } .product-con-bk02 .wrap .title { color:#fff; padding-left:0%; width:37%; float:left; padding-top:2em; } .product-con-bk02 .wrap .title .sub-tit { opacity:0.28; filter:alpha(opacity=28); margin-top:0.5625em; } .product-con-bk02 .wrap .list { float:right; width:67.9%; margin-right:-10%; color:#fff; } .product-con-bk02 .wrap .list ul li { width:25%; padding-top:1.5625em; padding-right:1em; } .product-con-bk02 .wrap .list ul li .tit { position:relative; padding-top:0.33em; } .product-con-bk02 .wrap .list ul li .tit i { position:absolute; left:0px; top:0px; width:1.4em; height:0.1667em; background:#e1ad45; border-radius:0.08335em; } .product-con-bk02 .wrap .list ul li.li02 { width:24%; } .product-con-bk02 .wrap .list ul li.li03 { width:22%; } .product-con-bk03 { /*height:88.625em; */ position:relative;} .product-con-bk03 .imgbg img { width:100%; } .product-con-bk03 .imgbg { } .product-con-bk03 .img_video_play { position:absolute; cursor:pointer; background:rgba(0,0,0,0); width:15%; top:28%; right:17%; height:16%; } .product-con-bk04 { position:relative; } .product-con-bk04 .wrap { position:absolute; left:50%; top:0px; bottom:0px;transform: translate(-50%,0); -webkit-transform: translate(-50%,0);z-index:3; } .product-con-bk04 .text { position:absolute; left:0px; top:50%; width:50%;transform: translate(0,-50%); -webkit-transform: translate(0,-50%); color:#fff; /*padding-top:2.5em; padding-bottom:2.5em;*/ } .product-con-bk04 .text h3 span { position:relative; display:inline-block; } .product-con-bk04 .line { background:#fff; border-radius:0.125em; height:0.25em; max-width:4em; margin-top:1.1875em; } .product-con-bk04 .sub-tit { padding-top:0.633em; } .product-con-bk04 .label { padding-top:1.125em; } .product-con-bk04 .label ul { margin:0px -1.125em; } .product-con-bk04 .label ul li { float:left; width:6.889em; padding-top:1.44em; } .product-con-bk04 .label ul li p { margin-top:0.5em; } .product-con-bk04 .label .ico { width:5.22em; position:relative; height:5.22em; background:rgba(0,0,0,0.34); border-radius:50%; margin:0px auto; } .product-con-bk04 .label .ico img { width:auto; height:auto; max-width:2.33em; max-height:2.33em; } .product-con-bk04 .img { position:absolute; right:0px; bottom:0px; height:90%; width:40.625%; } .product-con-bk04 .img img { position:absolute; bottom:0px; right:0px; max-height:100%; max-width:100%; } .product-con-bk04 .label ul li:hover .ico {-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; -webkit-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg);transform: rotateY(360deg); } .product-con-bk04 .imgbg img { width:100%; } .product-con-bk05 { padding-bottom:5em; } .product-con-bk05 .pro-title { padding:4em 0px 1em; color:#007dc5; } .product-con-bk05 .pro-title .con i { height:2px; margin-top:-1px; } .product-con-bk05 .pro-title .con i.i1 { left:0px;background:linear-gradient(to right,transparent,#0780c6); -moz-background:linear-gradient(to right,transparent,#0780c6);-ms-background:linear-gradient(to right,transparent,#0780c6); -webkit-background:linear-gradient(to right,transparent,#0780c6); } .product-con-bk05 .pro-title .con i.i2 { right:0px;background:linear-gradient(to right,#0780c6,transparent); -moz-background:linear-gradient(to right,#0780c6,transparent);-ms-background:linear-gradient(to right,#0780c6,transparent); -webkit-background:linear-gradient(to right,#0780c6,transparent); } .product-con-bk05 { overflow:hidden; position:relative; } .product-con-bk05 ul li { /*padding-bottom:56.2%; */position:relative; overflow:hidden; padding-bottom:44.79%; } .product-con-bk05 ul li video {/* position:absolute; left:0px; object-fit:fill;*/ width:100%; height:100%; background:transparent; /*background-size:cover; background-position:center center; top:0px; right:0px; bottom:0px;*/ display:none; } .product-con-bk05 .text { position:absolute;cursor:pointer; width:100%; height:100%; left:0px; top:0px; right:0px; bottom:0px;color:#fff; } .product-con-bk05 .text .play { width:4.5em; margin:0px auto; height:4.5em; background:url(../images/play.png) no-repeat center center; background-size:100% 100%; cursor:pointer; } .product-con-bk05 .text p { margin-top:0.5em; } .product-con-bk05 .pagination { position:absolute; left:0px; right:0px; text-align:center; bottom:5%; z-index:3; } .product-con-bk05 .swiper-pagination-bullet { width:0.9375em; height:0.9375em; background:#fff; margin:0px 0.5em; } .product-con-bk05 .text.on { opacity:0; filter:alpha(opacity=0); } .product-con-bk05 ul li.hover video { background:#000!important; } .product-con-bk05 ul li.hover .text { background:none!important; } .product-con-bk05 .wrap { } .product-con-bk05 .swiper-container1 { overflow:hidden; } .pro-title .con { display:inline-block; padding:0px 8.75em; position:relative; } .pro-title span { display:inline-block; } .pro-title span em { display:block; padding:1px 0px; } .pro-title .con i { position:absolute; top:50%; display:inline-block; width:6.25em; margin-top:-0.5px; height:1px;} .pro-title .con i.i1 { left:0px;background:linear-gradient(to right,transparent,#fff); -moz-background:linear-gradient(to right,transparent,#fff);-ms-background:linear-gradient(to right,transparent,#fff); -webkit-background:linear-gradient(to right,transparent,#fff); } .pro-title .con i.i2 { right:0px;background:linear-gradient(to right,#fff,transparent); -moz-background:linear-gradient(to right,#fff,transparent);-ms-background:linear-gradient(to right,#fff,transparent); -webkit-background:linear-gradient(to right,#fff,transparent); } .product-con-bk06 { padding:8.375em 0px 10.5em; } .product-con-bk06 .pro-title { color:#fff; } .product-con-bk06 .wrap { max-width:1440px; } .product-con-bk06 .list { position:relative; margin-top:1.75em; } .product-con-bk06 .list .swiper-container2 { overflow:hidden; padding-top:2em; margin:0px -1.25em; } .product-con-bk06 .list .con { border:0.1875em solid #fff; cursor:pointer; border-radius:0.5em; margin:0px 1.25em; } .product-con-bk06 .list .btn { width:2em; cursor:pointer; color:#000; height:2em; position:absolute; z-index:3; top:50%; margin-top:-1em; } .product-con-bk06 .list .btn span { width:1.125em; cursor:pointer; height:1.125em; left:50%; border-radius:3px; border-left:0.25em solid #fff; border-top:0.25em solid #fff; position:absolute; top:50%; } .product-con-bk06 .list .swiper-prev2 { left:-3.5em; } .product-con-bk06 .list .swiper-prev2 span {transform:translate(-50%,-50%) rotate(-45deg);-webkit-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg); } .product-con-bk06 .list .swiper-next2 { right:-3.5em; } .product-con-bk06 .list .swiper-next2 span {transform:translate(-50%,-50%) rotate(135deg);-webkit-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg); } .product-con-bk06 .list .img { padding-bottom:74.66%; } .product-con-bk06 .list dl { padding:1.25em 2.875em; color:#fff; } .product-con-bk06 .list dl dt { position:relative; } .product-con-bk06 .list dl dt span { display:block; } .product-con-bk06 .list dl dt i { position:absolute; left:-1.75em; display:block; top:50%; margin-top:-0.34375em;background:#e1ad45; width:0.6875em; height:0.6875em; border-radius:50%; } .product-con-bk06 .list .swiper-button-disabled {opacity:0.5; filter:alpha(opacity=50); cursor:default; } .product-con-bk06 .list .con:hover {transform:translateY(-12px) scale(1.06); } .product-con-bk06 .list .con dd { padding-right:4em; position:relative; } .product-con-bk06 .list .con dd .total { position:absolute; right:0px; top:0px; cursor:pointer; background:#fff; border-radius:5px; color:#6c92b4; padding:0px 0.5em; } .product-con-bk06 .list .con dd.on { white-space:normal; } .product-con-bk07 { background:#f7f7f7; padding:6em 0px 4.625em; } .product-con-bk07 .pro-title { color:#007dc5; } .product-con-bk07 .wrap { max-width:1440px; } .product-con-bk07 .pro-title .con { padding:0px 6.875em; } .product-con-bk07 .pro-title .con i.i1 { left:0px;background:linear-gradient(to right,transparent,#0780c6); -moz-background:linear-gradient(to right,transparent,#0780c6);-ms-background:linear-gradient(to right,transparent,#0780c6); -webkit-background:linear-gradient(to right,transparent,#0780c6); } .product-con-bk07 .pro-title .con i.i2 { right:0px;background:linear-gradient(to right,#0780c6,transparent); -moz-background:linear-gradient(to right,#0780c6,transparent);-ms-background:linear-gradient(to right,#0780c6,transparent); -webkit-background:linear-gradient(to right,#0780c6,transparent); } .product-con-bk07 .swiper-slide .img { padding-bottom:56.667%; } .product-con-bk07 .swiper-slide .text { text-align:center; display:none; color:#000; padding-top:2em; } .product-con-bk07 .swiper-slide {width:73.77%;} .product-con-bk07 .swiper-slide-active .text { display:block; color:#007dc5; } .product-con-bk07 .swiper-slide-active .text span { display:inline-block; padding-left:1em; position:relative; } .product-con-bk07 .swiper-slide-active .text span i { width:0.5em; height:0.5em; background:#ffbf00; border-radius:50%; position:absolute; left:0px; top:50%; margin-top:-0.25em; } .product-con-bk07 .list { margin-top:2.375em;position: relative;} .product-con-bk07 .list .btn { width:2em; cursor:pointer; color:#000; height:2em; position:absolute; z-index:3; top:50%; margin-top:-2.5em; } .product-con-bk07 .list .btn span { width:1.125em; cursor:pointer; height:1.125em; left:50%; border-radius:3px; border-left:0.25em solid #313131; border-top:0.25em solid #313131; position:absolute; top:50%; } .product-con-bk07 .list .swiper-prev3 { left:1.375em; } .product-con-bk07 .list .swiper-prev3 span {transform:translate(-50%,-50%) rotate(-45deg);-webkit-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg); } .product-con-bk07 .list .swiper-next3 { right:1.375em; } .product-con-bk07 .list .swiper-next3 span {transform:translate(-50%,-50%) rotate(135deg);-webkit-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg); } .product-con-bk07 .list { padding:0px 6.625em; position:relative; } .product-con-bk07 .pro-title .con i { height:2px; margin-top:-1px; } .product-con-bk08 img { max-width:100%; } /***********************2020-08-29 新增******************************/ .product-con-news-bk01 { position:relative; margin-top:-1px; } .product-con-news-bk01 img { max-width:100%;} .product-con-news-bk01 .text { position:absolute; left:0px; top:0px; width:100%; height:100%; } .product-con-news-bk01 .text img { max-width:32.239%; } .product-con-news-bk02 { position:relative; overflow:hidden; } .product-con-news-bk02 img { max-width:100%;} .product-con-news-bk02 .con-wrap { position:absolute; left:16.667%; bottom:0px; top:0px; color:#fff; } .product-con-news-bk02 .title { padding-bottom:3.3125em; } .product-con-news-bk02 .title .tit { line-height:1.2; } .product-con-news-bk02 .title .sub-tit { opacity:0.28; filter:alpha(opacity=28); margin-top:0.875em; } .product-con-news-bk02 .list .img { width:35.4%; float:left; border:0.25em solid #fff; border-radius:0.25em; } .product-con-news-bk02 .list .img img { width:100%; } .product-con-news-bk02 .list ul { width:57.5%; float:right; } .product-con-news-bk02 .list ul li { width:25.5%; padding-right:1em; padding-bottom:3.125em; } .product-con-news-bk02 .list ul li .tit { position:relative; padding-top:0.42em; } .product-con-news-bk02 .list ul li .tit i { position:absolute; left:0px; top:0px; width:1.4em; height:0.1667em; background:#e1ad45; border-radius:0.08335em; } .product-con-news-bk02 .list ul li:nth-child(3n) { width:40%; } .product-con-news-bk02 .list ul li:nth-child(3n-1) { width:28%; } .product-con-news-bk02 .imgbg2 { display:none; } .product-con-news-bk03 { position:relative; height:100vh; } .product-con-news-bk03 .pro-title { color:#007dc5; position:absolute; left:0px; top:13.2%; right:0px; width:100%; } .product-con-news-bk03 .pro-title .con { padding:0px 6.875em; } .product-con-news-bk03 .pro-title .con i.i1 { left:0px;background:linear-gradient(to right,transparent,#0780c6); -moz-background:linear-gradient(to right,transparent,#0780c6);-ms-background:linear-gradient(to right,transparent,#0780c6); -webkit-background:linear-gradient(to right,transparent,#0780c6); } .product-con-news-bk03 .pro-title .con i.i2 { right:0px;background:linear-gradient(to right,#0780c6,transparent); -moz-background:linear-gradient(to right,#0780c6,transparent);-ms-background:linear-gradient(to right,#0780c6,transparent); -webkit-background:linear-gradient(to right,#0780c6,transparent); } .product-con-news-bk03 .pro-info-show { position:absolute; left:0px; bottom:0px; width:100%; height:calc(100vh); } .product-con-news-bk03 .intro-fixed { position:fixed; left:0px; right:0px; z-index:5; } .product-con-news-bk03 .img { width:45%; margin-left:5.76%; } .product-con-news-bk03 .img img { width:100%; } .product-con-news-bk03 .wrap { position:relative; max-width:1440px; } .product-con-news-bk03 .sec { position:absolute; display:none; width:74.58%; right:0px;top:0px; } .product-con-news-bk03 .sec .img2 img { width:100%; } .product-con-news-bk03 .sec .text { width:42.46%; float:right; } .product-con-news-bk03 .sec .text dl dd { padding-top:1.0625em; } .product-con-news-bk03 .sec .text dl dd p { position:relative; padding-left:1.4375em; line-height:1.3; margin-top:0.625em; } .product-con-news-bk03 .sec .text dl dd p i { width:0.75em; height:0.75em; background:#007dc5; border-radius:50%; position:absolute; left:0px; top:0.3em; } .product-con-news-bk03 .sec01 .text { margin-top:-1.125em; } .product-con-news-bk03 .sec01 .text dl dt { padding-left:2.1923em; } .product-con-news-bk03 .sec02 .text { width:39.56%; padding-top:1.5em; } .product-con-news-bk03 .sec03 { top:-14.7%; } .product-con-news-bk03 .sec03 .text { width:47.3%; } .product-con-news-bk03 .sec03 .text dl dd { padding-top:0px; padding-bottom:1em; } .product-con-news-bk03 .con-wrap { position:absolute; left:0px; bottom:0px; right:0px; width:100%; } .product-con-news-bk04 { padding-top:6.625em; } .product-con-news-bk04 .pro-title .con i.i1 { left:0px;background:linear-gradient(to right,transparent,#9c9c9c); -moz-background:linear-gradient(to right,transparent,#9c9c9c);-ms-background:linear-gradient(to right,transparent,#9c9c9c); -webkit-background:linear-gradient(to right,transparent,#9c9c9c); } .product-con-news-bk04 .pro-title .con i.i2 { right:0px;background:linear-gradient(to right,#9c9c9c,transparent); -moz-background:linear-gradient(to right,#9c9c9c,transparent);-ms-background:linear-gradient(to right,#9c9c9c,transparent); -webkit-background:linear-gradient(to right,#9c9c9c,transparent); } .product-con-news-bk04 .list { margin-top:2.8125em; } .product-con-news-bk04 .list ul li { width:12.5%; position:relative; } .product-con-news-bk04 .list ul li .img { padding-bottom:300%;} .product-con-news-bk04 .list ul li .tit { position:absolute; left:5%; width:90%; bottom:5%; color:#fff; } .product-con-news-bk05 { padding-top:6.625em; padding-bottom:8.6875em; } .product-con-news-bk05 .pro-title .con i.i1 { left:0px;background:linear-gradient(to right,transparent,#9c9c9c); -moz-background:linear-gradient(to right,transparent,#9c9c9c);-ms-background:linear-gradient(to right,transparent,#9c9c9c); -webkit-background:linear-gradient(to right,transparent,#9c9c9c); } .product-con-news-bk05 .pro-title .con i.i2 { right:0px;background:linear-gradient(to right,#9c9c9c,transparent); -moz-background:linear-gradient(to right,#9c9c9c,transparent);-ms-background:linear-gradient(to right,#9c9c9c,transparent); -webkit-background:linear-gradient(to right,#9c9c9c,transparent); } .product-con-news-bk05 .wrap { max-width:1480px; } .product-con-news-bk05 .list { padding-bottom:35.13%; margin-top:2.8125em; position:relative; } .product-con-news-bk05 .list .sec { position:absolute; width:23.64%; height:49.038%; } .product-con-news-bk05 .list .sec .img { position:absolute; left:0px; top:0px; width:100%; height:100%; bottom:0px; border-radius:0.5em; z-index:1; } .product-con-news-bk05 .list .sec .tit { position:absolute; left:5%; width:90%; bottom:10%; z-index:2; color:#fff; } .product-con-news-bk05 .list .sec02 { left:24.32%; width:51.35%; } .product-con-news-bk05 .list .sec03 { right:0px; } .product-con-news-bk05 .list .sec04 { bottom:0px; } .product-con-news-bk05 .list .sec05 { left:24.32%; width:16.21%; bottom:0px; } .product-con-news-bk05 .list .sec06 { left:41.21%; width:17.56%; bottom:0px; } .product-con-news-bk05 .list .sec07 { right:24.32%; width:16.21%;bottom:0px; } .product-con-news-bk05 .list .sec08 { right:0px; bottom:0px; } @media only screen and (max-width: 1500px){ .product-sec-bk01 { /*padding:4em 0px 5em;*/ } .product-sec-bk01 .list ul li .text { padding-right:5%; /*padding-top:5em; padding-bottom:6em;*/ } .product-sec-bk01 .list ul li.li02 .text { padding-left:5%; padding-top:5em; padding-bottom:6em; } .product-sec-bk01 .list ul li .jt { width:1.25em; height:2.5em; margin-top:-1.25em; } } @media only screen and (max-height: 700px){ .product-con-news-bk03 .wrap {transform:scale(.8); } .product-con-news-bk03 .con-wrap {bottom:-5%; } } @media only screen and (max-width: 1340px){ .product-con-bk01 {/* padding:8em 0px 0px;*/ } .product-con-bk02 .img { /*height:0px; padding-bottom:70%;*/ } .product-con-bk02 .wrap { left:5%; margin-left:0px; } .product-con-bk03 { /*height:0px;padding-bottom:100%;*/ } .product-con-bk01 .wrap { /*position:relative;*/ } .product-con-bk01 .text { width:40%; /*padding-top:1em;*/ } .product-con-bk01 .more { padding-top:2em; } .product-con-bk01 .img { width:58%; /*position:absolute; right:0px; bottom:0px;*/ } .product-con-bk06 .list .swiper-prev2 { left:-2.5em; } .product-con-bk06 .list .swiper-next2 { right:-2.5em; } .product-con-news-bk02 .con-wrap { left:5%; } } @media only screen and (max-width: 1200px){ .product-sec-bk01 .list ul li .text { padding-top:3em; padding-bottom:4em; } .product-sec-bk01 .list ul li.li02 .text { padding-top:3em; padding-bottom:4em; } .product-sec-bk01 .list ul li .more { padding-top:3em; } .product-con-bk02 .wrap .title { padding-left:2%; width:32%; } .product-con-bk02 .wrap .list { width:66%; } .product-con-bk02 .wrap .list ul li.li02 { width:25%; } .product-con-bk02 .wrap .list ul li.li03 { width:25%; } .product-con-bk04 .text { width:56%; } } @media only screen and (max-width: 1100px){ .product-con-news-bk02 .title { padding-bottom:2em; } .product-con-news-bk02 .list ul { width:60%; } .product-con-news-bk02 .list ul li:nth-child(3n) { width:46%; } .product-con-news-bk02 .list ul li { padding-bottom:2em; } } @media only screen and (max-width: 1050px){ .product-con-bk02 .wrap .list { width:65%; margin-right:-2%; } .product-con-bk04 .text { width:61%; padding-top:0px; } .product-con-bk04 .img { width:38%; } } @media only screen and (max-width: 980px){ .product-con-bk02 .wrap { width:96%; left:2%; } .product-con-bk04 { padding-top:0px;} .product-con-bk04 .wrap { /*position:relative;*/ padding-top:0px; } .product-con-bk04 .text { width:69%; } .product-con-bk04 .img { width:30%; position:absolute; bottom:0px; right:0px; } .product-con-bk04 .label .ico { width:4em; height:4em; } .product-con-bk04 .label ul li { padding-top:1em; } .product-con-bk01 .text { width:50%;} .product-con-bk01 .img { width:48%; } .product-con-news-bk02 .list .img { width:60%; } .product-con-news-bk02 .con-wrap { position:relative; z-index:2; left:0px; padding:3em 2em; } .product-con-news-bk02 .imgbg2 { display:block; position:absolute; left:0px; top:0px; width:100%; bottom:0px; height:100%; } .product-con-news-bk02 .imgbg { display:none; } .product-con-news-bk02 .list ul { width:100%; padding:3em 0px 0px; } } @media only screen and (max-width: 900px){ .product-con-bk04 ul { font-size:14px; } .product-con-bk02 .wrap .title { /*padding-top:8em;*/ } .product-con-bk02 .wrap .list ul li { width:33.33%; } .product-con-bk02 .wrap .list ul li.li02 { width:33.33%; } .product-con-bk02 .wrap .list ul li.li03 { width:33.33%; } } @media only screen and (max-width: 767px){ .product-sec-bk01 { padding:0px; } .product-sec-bk01 .list ul li .img { position:relative; width:100%; height:auto; } .product-sec-bk01 .list ul li .img a { padding-bottom:50%; background-position:center center; } .product-sec-bk01 .list ul li .more a b { padding-left:0.5em; } .product-sec-bk01 .list { padding-bottom:0px; } .product-sec-bk01 .list ul li .text { padding:2em 0.4rem; } .product-sec-bk01 .list ul li .more { padding-top:2em; } .product-sec-bk01 .list ul li .con { margin-top:1.5em; } .product-sec-bk01 .list ul li.li02 .text {padding:2em 0.4rem; } .product-sec-bk01 .list ul li h3 a { height:auto; font-weight:bold; padding-right:0px; } .product-sec-bk01 .list ul li .con { height:auto; } .product-sec-bk01 .list ul li .more a { line-height:2.5; border-radius:1.25em; } .product-sec-bk01 .list ul li.li02 .jt { display:none; } .load-more-link { padding:2em 0px; } .product-con-bk01 { } .product-con-bk01 .text { width:100%; padding-top:2em; } .product-con-bk01 .img { width:100%; padding:0.5em 0px; float:none; position:relative; } .product-con-bk01 .con { margin-top:1.5em; } .product-con-bk01 .imgbg { } .product-con-bk01 .wrap {position:relative; left:auto; transform:translate(0%,0); -webkit-transform:translate(0%,0); } .product-con-bk02 .img { /*height:0px;*/ height:auto; /*padding-bottom:70%; */ background-position:0px center; } .product-con-bk02 .wrap { position:static; bottom:0px; left:0px; width:100%; } .product-con-bk02 .wrap .title { padding-top:5em; position:absolute; right:5%; top:0px; width:auto; left:5%; } .product-con-bk02 .wrap .list ul li { width:50%; } .product-con-bk02 .wrap .list ul li.li02 { width:50%; } .product-con-bk02 .wrap .list ul li.li03 { width:50%; } .product-con-bk02 .wrap .list { float:left; width:100%; padding:1em 5% 2.5em; color:#333; } .product-con-bk04 .text { width:100%; padding:2.5em 0px 3em; float:left; } .product-con-bk04 .img { /*display:none;*/ float:left; width:100%; position:relative;transform:translate(0%,0); -webkit-transform:translate(0%,0); height:auto; } .product-con-bk04 .img img { position:relative;transform:translate(0%,0); -webkit-transform:translate(0%,0); } .product-con-bk04 .label ul { margin:0px; } .product-con-bk04 .label ul li { width:33.33%; } .product-con-bk04 ul { font-size:0.24rem; } .product-con-bk04 .wrap { position:relative; left:auto; transform:translate(0%,0); -webkit-transform:translate(0%,0); } .product-con-bk04 .text { position:relative; top:0px;transform:translate(0%,0); -webkit-transform:translate(0%,0); } .product-con-bk04 .imgbg2 { position:absolute; left:0px; top:0px; right:0px; bottom:0px; width:100%; height:100%; } .product-con-bk05 ul li { /*padding-bottom:60%;*/ } .product-con-bk05 .text .play { width:2.5714em; height:2.5714em; } .product-con-bk05 .swiper-pagination-bullet { width:0.66em; height:0.66em; } .product-con-bk05 { padding-bottom:2.5em; } .load-more-link span { line-height:2.5; } .pro-title .con { padding:0px 5.833em; } .pro-title .con i { width:4.1667em; } .product-con-bk06 { padding:2em 0px 3em; } .product-con-bk06 .list dl { padding:0.75em 0.5em 0.75em 1em; } .product-con-bk06 .list dl dt i { width:0.4375em; height:0.4375em; margin-top:-0.21875em; left:-0.75em; } .product-con-bk06 .list { margin-top:1em; padding:0px 1em; } .product-con-bk06 .list .swiper-prev2 { left:-0.2rem; } .product-con-bk06 .list .swiper-next2 { right:-0.2rem; } .product-con-bk07 { padding:2em 0px 3em; } .product-con-bk07 .list { margin-top:1em; padding:0px 1em; } .product-con-bk07 .list .swiper-prev3 { left:-0.2rem; } .product-con-bk07 .list .swiper-next3 { right:-0.2rem; } .product-con-bk07 .pro-title .con { padding:0px 4.5833em; } .product-con-bk07 .swiper-slide-active .text { padding-top:1em; } .product-con-news-bk02 .list .img { width:100%; } .product-con-news-bk02 .list ul li,.product-con-news-bk02 .list ul li:nth-child(3n-1),.product-con-news-bk02 .list ul li:nth-child(3n) { width:50%; } .product-con-news-bk03 .pro-title { position:relative; top:auto; } .product-con-news-bk03 { height:auto;} .product-con-news-bk03 .sec { display:block; position:relative; width:100%; right:auto; top:auto; padding:1em 0px; } .product-con-news-bk03 .con-wrap { position:relative; bottom:auto; padding:2em 0px 0px; } .product-con-news-bk03 .pro-info-show { position:relative; height:auto; padding:2em 0px; } .product-con-news-bk03 .img { display:none; } .product-con-news-bk03 .wrap { transform:scale(1); } .product-con-news-bk03 .sec02 .text,.product-con-news-bk03 .sec01 .text,.product-con-news-bk03 .sec03 .text { width:100%; float:none; } .product-con-news-bk03 .sec01 .text dl dt { padding-left:0px; } .product-con-news-bk03 .sec .img2 { text-align:center; } .product-con-news-bk03 .sec .img2 img { max-width:60%; width:auto; margin:0px auto; } .product-con-news-bk04 { padding-top:2em; } .product-con-news-bk04 .list { margin-top:1em; } .product-con-news-bk05 { padding:2em 0px; } .product-con-news-bk05 .list { margin-top:1em; } } @media only screen and (max-width: 414px){ .product-con-bk04 ul { font-size:14px; } } @media only screen and (max-width:340px){ .product-con-news-bk04 .list ul li .tit { font-size:12px; } }