@charset "utf-8"; /*ljcong 2018.6.20*/ * { margin: 0; border: 0; padding: 0; font-family: arial, "微软雅黑", microsoft yahei, "宋体", simsun; box-sizing:border-box; } body {font-size: 14px;line-height:1.2; } a { color: inherit; outline: none; text-decoration: none;} ul, li, ol { list-style-type: none; } input, textarea, button, select{font-size:14px;} input, textarea, button, select,input[type=submit],input[type=reset],input[type=button],input[type=text] {outline: none; border-radius:0;} input[type='button'], button { cursor:pointer;} textarea { resize: none; } img { /* [disabled]display: block; */ } i { font-style: normal; } b { font-weight: normal; } /*宽度*/ .imgw-100,.w-100{width:100%;} .w-1200{width:62.5%;} .w-1400{width:73%;} .w-1600{width:84%;} .imgw-100 {transition: 0.5s linear 0s; } .w-1200,.w-1400,.w-1600{margin:0 auto;} .w-50 { width: 50%; } /*字体*/ .font-over1 { display:block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .font-over2 { word-break:break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /*对齐方式*/ .dis-t, .dis-m, .dis-b { display: inline-block; } .dis-t { vertical-align: top; } .dis-m { vertical-align: middle; } .dis-b { vertical-align: bottom; } .v-align-m1,.v-align-m2{font-size:0;} .v-align-m1:before, .v-align-m2:after{ content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0;} /*显示/隐藏尺寸*/ .pc, .pc-720{ display: block; } .mob, .mob-720{ display: none; } /*三角形*/ .sj-l:after,.sj-b:after,.sj-bl:after{ content: ''; display: inline-block; border-style: solid;width: 0; height: 0;margin-left: 5px;} /*向左*/ .sj-l:after { border-color: transparent transparent transparent #000; border-width: 4px 0 4px 5px; } /*向下*/ .sj-b:after { border-color: #000 transparent transparent transparent; border-width: 4px 5px 0px 5px;} /*向左下*/ .sj-bl:after {border-color: transparent transparent transparent #000; border-width: 4px 0 4px 5px;} /*浮动*/ .clear { display: inline-block; vertical-align: top; width: 100%; } .float-r { float: right; } .float-l { float: left; } /*ie8透明度*/ .opacity50 { opacity: 0.5; filter: alpha(opacity=50); } /*通用背景*/ .public-bg { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.5); z-index: 0; } [id*='public-bg']{display:none;} /*定位*/ .pos-r{position:relative; z-index:0;} @media screen and (min-width: 721px) {} @media screen and (max-width: 1024px) { .pc { display: none; } .mob { display: block; } .w-1200,.w-1400,.w-1600{width:92%;} input, textarea, button, select,input[type=submit],input[type=reset],input[type=button],input[type=text] {appearance: none; -webkit-appearance: none; -moz-appearance: none; } } @media screen and (max-width: 720px) { .pc-720 { display: none; } .mob-720 { display: block; } } /*video*/ .video.video-a2{ height: 100vh; width: 100%; z-index: 9999999; transition: all 0.5s; position: fixed; /*下面的属性根据实际需求更改*/ left: 70%; top: 65%; } .video.video-a2 .ind4-a5{width: 400px;} .video .guanbi{position:absolute;top:5px;right:5px;opacity: 0} .video-a2 .guanbi{opacity:1;background-color: rgba(255,255,255,0.4);padding: 0 5px;} @media only screen and (max-width: 1479px) and (min-width: 1200px) { .video.video-a2 .ind4-a5{width: 330px;} .video.video-a2{left: 65%;} } /*photo*/ /*[class*="photolist"] { width: 100%; transition: 0.3s ease 0s; font-size: 14px; } [class*="photolist"] ul { font-size: 0; } [class*="photolist"] li {padding :0 1%; font-size: 16px; transition: 0.3s ease 0s; margin-bottom: 3%; background: #fff; display: inline-block; vertical-align: top; box-sizing: border-box; } [class*="photolist"] li a { font-size: 0; background: #f5f5f5; text-align: center; display: block; height: 13vw; overflow: hidden; } [class*="photolist"] img, .productdetail_a1 .pimg img { display: inline-block; vertical-align: middle; transition: 0.5s linear 0s; height: 100%; width: auto; margin-left: 50%; transform: translatex(-50%) scale(1); max-height: none; max-width: none; } [class*="photolist"] h4 { display: none; } [class*="photolist"] li span { color: #999; white-space: nowrap; transition: 0.3s ease 0s; display: block; width: 100%; text-align: center; overflow: hidden; text-overflow: ellipsis; font-size: 16px; padding: 6% 10px; box-sizing: border-box; border: 1px solid #f5f5f5; }*/ .siper-btn a { text-transform: capitalize; color: #02497d; font-size: 18px; font-family: "微软雅黑", microsoft yahei; } .siper-btn a[class*="right"] { margin-left: 5px; } .siper-btn i { width: 20px; height: 1px; background: #003366; } .siper-btn .swiper-pagination { margin: 0 10px; position: static; width: auto; font-size: 24px; color: #d1b27b; } .siper-btn .swiper-pagination span:before { content: '0'; } .siper-btn a[class*="left"] { margin-right: 5px; } /*i4*/ .i4 .rbl .siper-btn {position: absolute;bottom: 2%;} .i4 .rtr { position: absolute; right: 0; top: 50%; z-index: 0; opacity: 0; transform: translate(0, -50%); transition: 0.3s ease 0s; } .i4 .rtl p { font-size: 2.5vw; color: #0965af; } .i4 .rb, .i5 .rt { overflow: hidden; } .i4 .rtl span { font-size: 1vw; color: #66cc33; text-transform: uppercase; margin-top: 10px; display: block; } /*.i4 .r { padding: 5%; }*/ /*.i4 .i-box { left: 4%; width: 96%; }*/ .i5 .i-box { padding: 0 4% 0 0; } .i4 .i-title i, .i5 .i-title i { background: #fff; } .i4 .i-title span, .i5 .i-title span { color: #fff; } .i4 .rbl { /*padding: 2% 0 0 8%;*/ width: 100%; } /*.i4 .rbl li i, .i5 .rb li i { height: 1vw; width: 1vw; margin-right: 1vw; } .i4 .rbl li a span, .i5 .rb li a span { transition: 0.3s ease 0s; font-size: 1.25vw; color: #666; }*/ .i4 .rbr { width: 100%; position: relative; z-index: 0; } .i4 .rbl li.on { color: #fff; background: #d1b27b} /*.i4 .rbl li.on a:after, .i5 .rb li.on a:after { display: inline-block; }*/ .bg4-img1 { position: absolute; left: 0; z-index: 0; width: 6.5%; top: 2vw; } .i4 .rt { margin-right: 4vw; margin-left: 5vw; } .i4 .rbl .siper-btn>div, .i4 .rbr>div, .i5 .lt>div, .i5 .siper-btn>div { position: absolute; width: 100%; opacity: 0; transform: scale(1, 0); transform-origin: top; top: 0; left: 0; } .i4 .rbl .siper-btn>div.on, .i4 .rbr>div.on, .i5 .lt>div.on, .i5 .siper-btn>div.on { transition: transform 0s ease 0s, opacity 1s linear 0s; position: static; opacity: 1; transform: scale(1); } .i4 .page, .i4 #load_more_button, .i5 .page, .i5 #load_more_button, .i5 .newimg, .i5 .data i, .i3 .ll>div, .i3 .ll .i3-bg, .nav1 { display: none; } .i6 .rl li:first-child { margin-top: 0; } .bs li:not(:first-child) { margin-left: 1.2vw; } .main-pagination span:not(:first-child) { margin-top: 0.5vw; } @media screen and (min-width: 721px ) { .i4 .rtr, .banner-text-box { opacity: 0; transform: translate(100%, -50%); transition: 0.3s ease 0s; } .i4[class*="active"] .rtr { opacity: 1; transform: translate(0, -50%); transition: 0.8s ease 0s; } } @media screen and (min-width: 1025px ) { } @media screen and (min-width: 1200px ) { } @media screen and (max-width: 1600px ) { .i4 [class*="photolist"] h4 { font-size: 18px; } .siper-btn .swiper-pagination { font-size: 20px; } } @media screen and (max-width: 1400px ) { .siper-btn .swiper-pagination { font-size: 18px; } } @media screen and (max-width: 1200px ) { .i4 [class*="photolist"] h4 { font-size: 14px; } } @media screen and (max-width: 1024px ) { .i4 .rbl li.on a span, .i5 .rb li.on a span, .i4 .rbl li a:after, .i5 .rb li a:after { font-size: 2.5vw; } .i4 .rbl li i, .i5 .rb li i { height: 2vw; width: 2vw; } .i4 .rbl { } } .ind-erweima1{text-align: center;margin-top:5px; color:#fff} .ind-erweima2{float:right;margin-left:10px;} .ind5-b31-shouji{display: none;} .ind5-b31{display: block;} @media only screen and (min-width: 1480px){ .lfy_ts{font-size: 16px;line-height: 16px;color: #fff;text-align: right;margin-top: 20px;} .tishi_text{font-size: 18px;line-height: 0.3rem;color: #fff;margin-bottom: 0.2rem;text-align: right;} } @media only screen and (max-width: 1479px) and (min-width: 1024px){ .lfy_ts{font-size: 16px;line-height: 16px;color: #fff;text-align: right;margin-top: 20px;} .tishi_text{font-size: 18px;line-height: 0.3rem;color: #fff;margin-bottom: 0.2rem;text-align: right;} } @media only screen and (max-width: 1023px){ .lfy_ts{display: none;} .tishi_text{font-size: 0.3rem;line-height: 0.3rem;color: #fff;margin-bottom: 0.2rem;} } .ft1-a12 div span{display: none;} @media screen and (max-width: 720px ) { .i4 .i-box { padding-top: 7vw; width: 90%; left: 5%; position: absolute;} .i4 .rt, .i5 .rt { margin: 0 auto; width: 80%; } .i4 .rtl span { font-size: 4.4vw; margin-top: 1vw; } .i4 .rt { margin-left: 0; } .i4 [class*="photolist"] li:first-child { width: 100%; } .i4 [class*="photolist"] li:first-child a { height: 55.5vw; } .i4 [class*="photolist"] li { width: 52vw; padding: 1.5vw 0 0 0; } .i4 [class*="photolist"] li img { min-width: 100%; } .i4 [class*="photolist"] li a { height: 42vw; } .i4 [class*="photolist"] li span { font-size: 3.8vw; } .i4 [class*="photolist"] li span:before { width: 11%; } .i4 .r, .i6 .r { width: 100%; padding-left: 0; } .siper-btn i { width: 3vw; } .i4 .a-btn { text-align: center; margin-top: 8vw; } .i4 .rbl li i, .i5 .rb li i { height: 4vw; width: 4vw; margin-right: 2vw; } .siper-btn .swiper-pagination { font-size: 5vw; margin: 0 1.5vw; } .i4 .rbl .siper-btn { margin-top: 2vw; } .siper-btn a[class*="left"] { margin-right: 1vw; } .siper-btn a[class*="right"] { margin-left: 1vw; } .i4 .rbl li, .i5 .rb li{ margin-top: 2vw; } .i4 .rbr { width: 100%; display: block; } .t1-c2-750{color: #fff;} .t1-c3-750 .t1-c3-span{color: #fff !important;} .product-name ul .li{width: 33%;height: 40px;margin-right: 0.5%;text-align: center;} .product-name ul .li:nth-child(3n){margin-right: 0} .product-name ul .li a{ padding: 12px 0; line-height: 40px;font-size: 14px;text-align: center;} .ind5-b1{width: 100%} .ind5-b1 .jb-shouji{ width: 100%; height: 100px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); position: absolute; top: 0; } .ind5-b3{top: 0.6rem} .ind5-b31-shouji{width: 100%;min-height: 150px;margin-top: 0.4rem;color: #fff;line-height: 1.7} .i4 .rbl .siper-btn{top:10rem;} .siper-btn a{color: #fff} .ind5-a2{height: 11rem} .siper-btn i{background: #fff;} .ind8-a1{height: 12rem} .ind8-a3{ width: 90%; position: absolute; top: .7rem; left: 5%; } .newsbox{width: 100%;} .ind8-b2 { height: 2.5rem } .ind8-b6{top:calc(1.7rem);left:0.2rem;} .ind8-b8>div:nth-child(1){color: #fff;line-height:0.4rem;} .ind8-b3{padding:0.3rem 0.2rem 0.3rem 1.2rem} .ind8-b4{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .ind8-b11{width: 100%} .ind8-b11:nth-child(1){margin-top: 6px;} .ind-erweima1{float: left;} .ind-erweima2{float: left;} .ft1-a9{display: none;} .meiweizhida{display: none;} .ind4-a1{padding-top: 0.6rem} .ind9-c1 .ind9-b5{display: block;} .ind9-c2{top: 160px;left: 150%;transform: rotate(8deg);transition: 0.5s;opacity: 1;} .ind9-c3{top: 144px;left: 50%;transform: rotate(0);transition: 0.5s;opacity: 1;} .ind9-c4{top: 156px;left: -50%;transform: rotate(5deg);transition: 0.5s;opacity: 1;} .ind9-c5{top: 140px;left: calc(50% - 210px*3/2);transform: rotate(4deg);transition: 0.5s;opacity: 1;} .ind9-c6{top: 146px;left: calc(50% - 200px*5/2);transform: rotate(-2deg);transition: 0.5s;opacity: 0;} .t1-c2{font-size: 0.2rem} .t1-c3>span:nth-child(1){font-size: 0.3rem;line-height:0.3rem;} .t1-c3{height: 0.3rem} .t1-c3>span:nth-child(2){font-size: 0.16rem;line-height: 0.3rem;} .ind4-a4{font-size: 0.2rem;line-height:0.4rem;margin-bottom:70px} .ind4-a2 .t1-c1{margin-bottom:0.2rem;} .ind4-a1{height: 10rem} .ind9-a1{height: 298px;position: absolute;bottom: -70px;} .ind9-b4,.ind9-b3{font-size: 0.2rem;} .t1-b21{font-size: 0.2rem;line-height: 0.2rem;} .t1-b31{font-size: 0.3rem;line-height: 0.3rem;} .t1-c4{top:0.1rem;} .i4 .rbl li.on a span, .i5 .rb li.on a span, .i4 .rbl li a:after, .i5 .rb li a:after{font-size:14px} .ind5-b31-shouji{display: block;} .ind5-b31{display: none;} .ind5-b1:hover .ind5-b31{display: none} .ind5-a3{height: 11rem;} .tishi_text{font-size: 0.2rem} .ft1-a12 div{font-size: 0.1rem;line-height: 2} .ft1-a12 div span{display: block;line-height: 1px;font-size: 1px} } /*分页相关*/ .pagelist ul{text-align:center;margin:20px 0;} .pagelist li{display:inline-block;margin:0 2px;} .pagelist li a{color:#666;display:inline-block;border:1px solid #ddd;padding:6px 15px;} .pagelist li a:hover{border-color:#1b2656;background:#1b2656;color:#fff;} .pagelist li.active a{border-color:#1b2656;background:#1b2656;color:#fff;} @media screen and (max-width: 720px ) { .ind5-b3122{display: none} .ind5-b1:hover .ind5-b3122{display: none} } .about-more-a1{font-size:16px;color:#fff;margin:auto;margin-top:30px;} .about-more-a2{border:1px solid #fff;width:20%;padding:10px;text-align:center} @media screen and (max-width: 720px ) { .about-more-a2{border:1px solid #fff;width:40%;padding:10px;text-align:center} }