*{ margin: 0; padding: 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } a{ text-decoration: none; color: #000; transition: all .5s; -webkit-transition: all .5s; } a:hover{ color: #000; transition: all .5s; -webkit-transition: all .5s; } table ,table td ,table tr{ border: 1px solid rgba(255,255,255,.2); } li{ list-style: none; } img{ vertical-align: middle; max-width: 100%; } @font-face { font-family: DIN-Condensed-Bold; src: url(../fonts/DIN-Condensed-Bold.eot); src: url(../fonts/DIN-Condensed-Bold.eot#iefix) format("embedded-opentype"), url(../fonts/DIN-Condensed-Bold.woff2) format("woff2"), url(../fonts/DIN-Condensed-Bold.woff) format("woff"), url(../fonts/DIN-Condensed-Bold.ttf) format("truetype"), url(../fonts/DIN-Condensed-Bold.svg#DIN-Condensed-Bold) format("svg") } .DIN-bd{ font-family: DIN-Condensed-Bold; } body{ width: 100%; font-size: 14px; color: #000; /*max-width: 1920px; margin: 0 auto;*/ position: relative; line-height: 1.4; overflow: hidden; font-family: "微软雅黑", "Microsoft Yahei",Microsoft YaHei,Segoe UI,Hiragino Sans GB,Arial,Helvetica Neue,Helvetica,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; font-family: "微软雅黑", "Microsoft Yahei"; font-family: PingFang SC; } .gyban{ width: 100%; height: 38.5416666vw; position: relative; } .gyban-bj{ z-index: 3; color: #fff; position: relative; z-index: 2; } .gyban-a{ font-weight: bold; padding-top: 17vw; } /*媒体中心*/ .news{ padding-top: 4.427083vw; padding-bottom: 5.20833vw; } .gytit52{ line-height: 1.1; font-weight: bold; } .news-ab{ overflow: hidden; margin-top: 3.1vw; } .news-a{ width: 58.0645%; float: left; height: 28.38541666vw; position: relative; } .news-a a{ display: block; } .news-b{ width: 30.729166vw; float: right; } .news-bli{ display: block; border-bottom: 1px solid #cbcbcb; position: relative; padding: 1.45vw 0; } .news-bli:first-child{ padding-top: 0; } .news-bli:after{ content: ''; width: 0%; height: 2px; background: #fd8204; position: absolute; left: 0; bottom: -1px; transition: all .5s; -webkit-transition: all .5s; } .news-b2{ line-height: 1; color: #666; } .news-b3{ height: 2vw; line-height: 2vw; margin-top: 1vw; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .news-b4{ color: #666; margin-top: 1vw; margin-bottom: 1vw; height: 1.2vw; line-height: 1.2vw; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .news-bli:hover:after{ width: 100%; transition: all .5s; -webkit-transition: all .5s; } .gybut{ display: inline-block; width: 9.375vw; line-height: 3.125vw; border-radius: 1.7vw; border: 1px solid #fd8204; font-weight: bold; text-align: center; color: #fd8204; cursor: pointer; transition: all .5s; -webkit-transition: all .5s; } .gybut:hover{ color: #fff; background: #fd8204; transition: all .5s; -webkit-transition: all .5s; } .news-c{ text-align: center; margin-top: 2.1vw; margin-bottom: 2.7vw; } .news-dul{ width: 104.2%; overflow: hidden; margin-top: 3.125vw; } .news-dli{ display: block; width: 29.1333%; margin-right: 4.2%; float: left; border-bottom: 1px solid #cdcdcd; position: relative; } .news-dli:after{ content: ''; width: 0%; height: 2px; background: #fd8204; position: absolute; left: 0; bottom: 0; transition: all .5s; -webkit-transition: all .5s; } .news-d2{ width: 100%; height: 16.927083vw; position: relative; overflow: hidden; } .news-d35{ padding: 1.25vw; } .news-d3{ line-height: 1.1; color: #666; } .news-d4{ line-height: 1.8vw; height: 3.6vw; margin: .6vw 0; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news-d5{ color: #999; display: inline-block; padding-right: 1vw; background: url(../img/ico01.png) no-repeat right center; background-size: .7vw auto; } .news-dli:hover:after{ width: 100%; transition: all .5s; -webkit-transition: all .5s; } .news-e{ text-align: center; margin-top: 1.5vw; padding-bottom: 3.2vw; } .news-ful{ width: 103%; overflow: hidden; margin-top: 3.1vw; } .news-fli{ display: block; width: 47%; float: left; margin-right: 3%; background: #f8f9f9; padding: 1.8vw 2.4vw; margin-bottom: 2vw; transition: all .5s; -webkit-transition: all .5s; } .news-f3{ height: 2vw; line-height: 2vw; margin-top: .4vw; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; transition: all .5s; -webkit-transition: all .5s; } .news-f4{ color: #666; height: 1.5vw; margin-top: .5vw; margin-bottom: 1.5vw; line-height: 1.5vw; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .news-fli:hover{ box-shadow: 5px 5px 10px #999; transition: all .5s; -webkit-transition: all .5s; } .news-fli:hover .news-f3{ color: #fd8204; transition: all .5s; -webkit-transition: all .5s; } .news-j{ text-align: center; } @media(max-width:1600px){ .news-bli{ padding: 1.4vw 0; } } @media(max-width:1200px){ .gyban{ height: 450px; margin-top: 70px; } .gyban-a{ padding-top: 200px; } .news-a{ width: 52%; height: 305px; } .news-b{ width: 45%; } .news-b3{ height: 25px; line-height: 25px; margin-top: 5px; } .news-b4{ height: 20px; line-height: 20px; margin: 10px 0; } .news-bli{ padding: 10px 0; } .gybut{ width: 120px; line-height: 40px; border-radius: 20px; } .news-c{ margin-top: 30px; margin-bottom: 60px; } .news-dul{ width: 102%; margin-top: 30px; } .news-dli{ width: 31.333%; margin-right: 2%; } .news-d35{ padding: 15px 0; } .news-d4{ line-height: 25px; height: 50px; margin: 5px 0; } .news-d5{ padding-right: 20px; background-size: 12px auto; } .news-e{ margin-top: 30px; margin-bottom: 50px; padding-bottom: 0; } .news-ful{ margin-top: 40px; width: 102%; } .news-fli{ width: 48%; margin-right: 2%; margin-bottom: 20px; } .news-f3{ margin-top: 5px; line-height: 25px; height: 25px; } .news-f4{ margin: 10px 0; line-height: 20px; height: 20px; } .news-ab{ margin-top: 40px; } } @media(max-width:750px){ .gyban{ height: 5rem; margin-top: 1rem; } .gyban-a{ padding-top: 2rem; } .news{ padding: .8rem 0; } .news-ab{ margin-top: .6rem; } .news-a{ width: 100%; height: 4rem; } .news-b{ width: 100%; margin-top: .5rem; } .news-b3{ line-height: .4rem; height: .4rem; margin-top: .05rem; } .news-b4{ line-height: .4rem; height: .4rem; margin: .1rem 0; } .gybut{ width: 2rem; line-height: .6rem; border-radius: .3rem; } .news-c{ margin-top: .4rem; margin-bottom: .8rem; } .news-dul{ width: 100%; margin-top: .5rem; } .news-dli{ width: 100%; margin-right: 0; margin-bottom: .4rem; } .news-d2{ height: 3.5rem; } .news-d35{ padding: .25rem 0; } .news-d4{ height: auto; line-height: .4rem; max-height: .8rem; } .news-d5{ padding-right: .3rem; background-size: .2rem auto; } .news-e{ margin-top: .2rem; margin-bottom: .8rem; } .news-ful{ width: 100%; margin-top: .5rem; } .news-fli{ width: 100%; margin-bottom: .3rem; padding: .3rem ; } .news-f3{ line-height: .4rem; margin-top: .05rem; height: .4rem; } .news-f4{ line-height: .4rem; height: .4rem; margin: .1rem 0; } .news-j{ margin-top: .2rem; } } .nwlist{ padding-top: 10.4vw; padding-bottom: 5vw; } .nwlist-ab{ position: relative; z-index: 3; } .nwlist-a{ display: inline-block; } .nwlist-b{ display: block; width: 12.5vw; float: right; border-radius: 1.7vw; background: #f2f2f2 url(../img/ico02.png) no-repeat 92% center; background-size: .8vw auto; padding: 0 1vw; padding-right: 2.2vw; position: relative; } .nwlist-b1{ color: #999; line-height: 3.125vw; cursor: pointer; } .nwlist-b1>div{ float: right; color: #333; font-weight: bold; line-height: 3.125vw; } .nwlist-b2{ width: 100%; background: #f2f2f2; position: absolute; top: 100%; left: 0; margin-top: 2px; border-radius: 10px; padding: .2vw 0; display: none; } .nwlist-b2>a{ display: block; text-align: right; padding: .4vw 2vw; font-weight: bold; cursor: pointer; transition: all .5s; -webkit-transition: all .5s; } .nwlist-b2>a:hover{ color: #fd8204; transition: all .5s; -webkit-transition: all .5s; } .nwlist .page{ margin-top: 2vw; } @media(max-width:1200px){ .nwlist{ padding-top: 160px; padding-bottom: 60px; } .nwlist-b{ width: 180px; padding: 0 15px; padding-right: 35px; background-size: 14px auto; border-radius: 20px; } .nwlist-b1{ line-height: 40px; } .nwlist-b1>div{ line-height: 40px; } .nwlist-b2{ padding: 5px 0; } .nwlist-b2>a{ line-height: 30px; padding: 0; margin: 5px 0; padding-right: 35px; } } @media(max-width:750px){ .nwlist{ padding-top: 1.8rem; padding-bottom: .8rem; } .nwlist-b{ width: 2.6rem; padding: 0 .3rem; padding-right: .6rem; background-size: .25rem auto; border-radius: .35rem; } .nwlist-b1{ line-height: .7rem; } .nwlist-b1>div{ line-height: .7rem; } .nwlist-b2{ padding: .1rem 0; } .nwlist-b2>a{ line-height: .5rem; margin: .05rem 0; padding-right: .6rem; } .nwlist-ab{ margin-bottom: .8rem; } } .page{ text-align: center; width: 100%; line-height: 1; } .page a{ display: inline-block; min-width:2.6vw; height: 2.6vw; border-radius: 100%; padding: 0 6px; line-height: 2.6vw; text-align: center; font-size: 0.9375vw; color: #999; border-radius: 100%; margin: 0 4px; transition: all .3s; -webkit-transition: all .3s; } @media(min-width:1201px){ .page a:hover{ color: #fff; background: #fd8204;font-weight: bold; transition: all .3s; -webkit-transition: all .3s; } } .page a.active{ color: #fff;font-weight: bold; background: #fd8204; transition: all .3s; -webkit-transition: all .3s; } /*.page a.prev{ width: 45px; border: 1px solid #C2001A; background: url(../img/ico07_1.png) no-repeat center; margin-right: 40px; } .page a.prev:hover{ background:url(../img/ico07_3.png) no-repeat center; background-color: #C2001A } .page a.next{ width: 45px; border: 1px solid #C2001A; background: url(../img/ico07_2.png) no-repeat center; margin-left: 40px; } .page a.next:hover{ background:url(../img/ico07_4.png) no-repeat center; background-color: #C2001A }*/ @media(max-width:1200px){ .page a{ margin: 0 2px; min-width: 45px; height: 45px; line-height: 45px; font-size: 14px; } } @media(max-width:750px){ .page a{ min-width: .6rem; height: .6rem; line-height: .6rem; font-size: .22rem; padding: 0; margin: 0 !important; } .page a.prev, .page a.next{ min-width: .7rem; } .page a.prev{ margin-right: .2rem !important; } .page a.next{ width: .5rem; margin-left: .2rem !important; } } .nwinfo{ padding-top: 9.35vw; padding-bottom: 6.7vw; } .gymbx{ text-align: left; color: #999; } .gymbx a{ display: inline-block; color: #999; transition: all .5s; -webkit-transition: all .5s; } .gymbx a:hover{ color: #fd8204; transition: all .5s; -webkit-transition: all .5s; } .gymbx span{ display: inline-block; padding: 0 .5vw; } .nwinfo-div{ width: 100%; overflow: hidden; margin-top: 2.6vw; } .nwinfo-lt{ width: 62.258%; float: left; } .nwinfo-a{ font-weight: bold; } .nwinfo-bc{ margin-top: 1.55vw; line-height: 2.6vw; color: #666; } .nwinfo-b{ display: inline-block; } .nwinfo-c{ display: inline-block; margin-left: 2.6vw; } .nwinfo-c .bshare-sinaminiblog{ width: 2.6vw; height: 2.6vw; background: url(../img/ico03.png) no-repeat center !important; background-size: 99% !important; } .nwinfo-c .bshare-weixin{ width: 2.6vw; height: 2.6vw; background: url(../img/ico04.png) no-repeat center !important; background-size: 99% !important; } .nwinfo-d{ margin-top: 4.2vw; padding: 4vw 0; color: #666; line-height: 2; border-top: 1px solid #CDCDCD; } .nwinfo-rt{ width: 29%; float: right; } .nwinfo-g{ margin-top: 2.5vw; background: #f5f5f5; padding: 1.8vw; } .nwinfo-ga{ padding: 1vw 0; display: block; border-top: 1px solid #CDCDCD; } .nwinfo-ga:first-child{ border: 0; padding-top: 0; } .nwinfo-g2{ font-weight: bold; margin: .5vw 0; transition: all .5s; -webkit-transition: all .5s; } .nwinfo-g3{ color: #666; line-height: 1; } .nwinfo-ga:hover .nwinfo-g2{ color: #FD8204; transition: all .5s; -webkit-transition: all .5s; } .nwinfo-h,.nwinfo-e{ font-weight: bold; } .nwinfo-h{ margin-top: 4vw; } .nwinfo-i{ margin-top: 2.8vw; } .nwinfo-ia{ width: 100% !important; display: block; background: #f5f5f5 !important; margin: 0 !important; margin-bottom: 1vw !important; } .nwinfo-ia:hover{ box-shadow: initial !important; } .nwinfo-jk{ margin-top: 2.6vw; padding-top: 2.6vw; border-top: 1px solid #CDCDCD; overflow: hidden; } .nwinfo-j{ width: 62%; float: left; } .nwinfo-j>div>{} .nwinfo-ja{ display: inline-block; font-weight: bold; margin-bottom: 1vw; line-height: 2vw; height: 2vw; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .nwinfo-ja:hover{ color: #FD8204; } .nwinfo-k{ float: right; } @media(max-width:1200px){ .nwinfo-lt{ width: 64%; } .nwinfo-rt{ width: 32%; } .nwinfo-bc{ margin-top: 15px; line-height: 40px; } .nwinfo-c .bshare-weixin, .bshare-custom .bshare-sinaminiblog{ width: 40px; height: 40px; } .nwinfo-d{ margin-top: 30px; padding: 30px 0; } .nwinfo-jk{ margin-top: 30px; padding-top: 30px; } .nwinfo-ja{ height: 30px; line-height: 30px; } .nwinfo{ padding-top: 120px; } } @media(max-width:1000px){ .nwinfo-rt{ display: none; } .nwinfo-lt{ width: 100%; } } @media(max-width:750px){ .nwinfo{ padding-top: 1.4rem; padding-bottom: .8rem; } .nwinfo-div{ margin-top: .5rem; } .nwinfo-bc{ margin-top: .2rem; line-height: .6rem; } .nwinfo-c .bshare-weixin, .bshare-custom .bshare-sinaminiblog{ width: .6rem; height: .6rem; } .nwinfo-d{ padding: .4rem 0; margin-top: .4rem; } .nwinfo-jk{ margin-top: .3rem; padding-top: .3rem; } .nwinfo-j{ width: 100%; margin-bottom: .3rem; } } /*联系我们*/ .contact{ padding-top: 7.8125vw; padding-bottom: 6.770833vw; } .contact-ab{ overflow: hidden; } .contact-a{ width: 62%; height: 31.25vw; float: left; position: relative; } .contact-b{ width: 38%; height:31.25vw; float: right; padding: 3vw 4.15vw; color: #fff; } .amap-icon img{ width:5vw !important; height: 5vw !important; } .amap-marker{ left: -2.5vw !important; top: -5.5vw !important; } .contact-b1{ font-weight: bold; line-height: 1.4; } .contact-b2{ margin-top: 2.1vw; padding-left: 2.2vw; background: url(../img/ico06_1.png) no-repeat left top; background-size: 1.25vw; } .contact-b2>div:first-child{ margin-bottom: .5vw; } .contact-b2:nth-child(2){ background-image: url(../img/ico06_2.png); } .contact-b2:nth-child(3){ background-image: url(../img/ico06_3.png); } .contact-cd{ overflow: hidden; margin-top: 3.75vw; } .contact-c{ display: inline-block; font-weight: bold; line-height: 3vw; } .contact-d{ display: inline-block; font-weight: bold; line-height: 3vw; margin-left: 6.5vw; padding-left: 3.125vw; background: url(../img/ico07.png) no-repeat left center; background-size: 1.56vw auto; } .contact-ef{ padding: 5.25vw 0; } .fntbod{ font-weight: bold; } .contact-f{ width: 100%; } .contact-ful{ width: 102.1%; font-size: 0; margin-top: 3.125vw; } .contact-ful .int1{ width: 31.2333%; margin-right: 2.1%; margin-bottom: 2.1%; height: 3.6vw; padding: 0 1vw; font-size: 0.83333vw; color: #000; background: #fff; border: 0; } .contact-f2{ width: 100%; height: 16.14583vw; background: #fff; line-height: 2vw; font-size: 0.83333vw; color: #000; padding:.5vw 1vw; border: 0; resize: none; } .contact-f3{ text-align: center; margin-top: 3.125vw; } .gybut2{ background: #fd8204; color: #fff; } .gybut2:hover{ opacity: .7; } @media(max-width:1200px){ .contact-a{ width: 62%; height: 400px; } .contact-b{ height: 400px; } .contact-ful .int1{ height: 50px; } .contact-b2{ padding-left: 25px; background-size: 16px; background-position-y: 3px; } .contact-cd{ line-height: 35px; margin-top: 30px; } .contact-d{ margin-left: 40px; padding-left: 30px; background-size: 20px auto; } .contact-ful .int1, .contact-f2{ font-size: 14px; } } @media(max-width:750px){ .contact-b{ width: 100%; padding: .6rem .4rem; height: auto; } .contact-b2{ margin-top: .4rem; } .contact-a{ width: 100%; height: 5rem; } .amap-icon img{ width:.8rem !important; height: .8rem !important; } .amap-marker{ left: -.4rem !important; top: -.9rem !important; } .contact-cd{ line-height: .5rem; margin-top: .5rem; } .contact-d{ margin-left: .4rem; padding-left: .4rem; background-size: .3rem auto; } .contact-ef{ padding: .8rem 0; } .contact-ful{ width: 100%; margin-top: .5rem; } .contact-ful .int1{ width: 100%; margin-right: 0; margin-bottom: 3%; height: .7rem; padding: 0 .2rem; } .contact-f2{ height: 3rem; padding: .2rem; line-height: .4rem; } .contact-ful .int1, .contact-f2{ font-size: .26rem; } .contact-f3{ margin-top: .5rem; } } /*产品中心*/ .gyban-b{ margin-top: 1.25vw; } .gynav-bj{ width: 100%; background: #fff; position: relative; z-index: 3; } .gynav{ font-size: 0; } .gynav-a{ display: none; } .gynav-ul{ display: inline-block; font-size: 0; } .gynav-li{ display: inline-block; vertical-align: top; color: #333; margin-right: 2.7vw; line-height: 4.55vw; position: relative; transition: all .5s; -webkit-transition: all .5s; } .gynav-li:after{ content: ''; width: 0%; height: 2px; background: #fd8204; position: absolute; left: 50%; bottom: 0; transition: all .5s; -webkit-transition: all .5s; } .gynav-j{ float: right;padding-top: 1.7vw; } @media(min-width:1201px){ .gynav-li:hover, .gynav-li.on{ color: #fd8204; transition: all .5s; -webkit-transition: all .5s; } .gynav-li:hover:after, .gynav-li.on:after{ width: 100%; left: 0; transition: all .5s; -webkit-transition: all .5s; } } .product{ padding: 4.2vw 0; } .product-a{ line-height: 1.1; } .product-ul{ width: 101.8%; font-size: 0; margin-top: 4vw; } .product-li{ display: inline-block; vertical-align: top; width: 31.5333%; margin-right: 1.8%; margin-bottom: 1.8%; background: #fff; transition: all .5s; -webkit-transition: all .5s; } .product-b{ width: 100%; /* height: 14vw; */ padding: .5vw; line-height: 13vw; text-align: center; font-size: 0; } .product-b>img{ min-height: 70%; max-height: 100%; } .product-c{ height: 5vw; line-height: 5vw; text-align: center; padding: 0 .8vw; color: #000; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; transition: all .5s; -webkit-transition: all .5s; } .product-li:hover{ box-shadow: 0 0 20px #ccc; transition: all .5s; -webkit-transition: all .5s; } .product-li:hover .product-c{ color: #fff; background: #fd8204; transition: all .5s; -webkit-transition: all .5s; } .product .page{ margin-top: 3.5vw; } @media(max-width:1200px){ .gynav{ width: 100%; padding: 0 4%; } .gynav-a{ display: block; line-height: 50px; background: url(../img/ico02.png) no-repeat right center; } .gynav-ul{ width: 100%; padding: 2% 4%; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; position: absolute; top: 100%; left: 0; background: #fff; display: none; } .gynav-li{ width: 100%; line-height: 40px; } .gynav-j{ display: none; } .product{ padding: 50px 0; } .product-ul{ margin-top: 35px; width: 103%; } .product-li{ width: 47%; margin-right: 3%; margin-bottom: 3%; } .product-b{ padding: 15px; height: 230px; line-height: 200px; } .product-c{ height: 50px; line-height: 50px; } } @media(max-width:750px){ .gyban-b{ font-size: .26rem; margin-top: .15rem; } .gynav-a{ line-height: .8rem; } .gynav-li{ line-height: .6rem; } .product{ padding: .8rem 0; } .product-ul{ width: 100%; margin-top: .5rem; } .product-li{ width: 100%; margin-bottom: .4rem; } .product-b{ height: 4rem; padding: .3rem; line-height: 3.4rem; } .product-c{ line-height: 1rem; height: 1rem; } } /*产品详情*/ .proinfo-bj{ margin-top: 7.8vw; padding-top: 2.4vw; padding-bottom: 4.8vw; } .proinfo-ab{ overflow: hidden; } .proinfo-a{ float: left; color: #fd8204; padding-left: 1.2vw; background: url(../img/ico10.png) no-repeat left center; background-size: .8vw auto; font-weight: bold; } .proinfo-a:hover{ opacity: .8; } .proinfo-b{ float: right; } .proinfo-cd{ overflow: hidden; } .proinfo-c{ width: 48%; float: left; text-align: center; height: 25vw; /* padding: 4.5vw 0; */ line-height: 16vw; } .proinfo-c>img{ min-height: 40%; max-height: 100%; } .proinfo-d{ width: 48%; float: right; padding-top: 4.5vw; color: #333; } .proinfo-d3{ margin-top: 2.3vw; } .proinfo-d4{ margin-top: .5vw; margin-bottom: 3.125vw; } .proinfo-e{ margin-top: 5.2vw; line-height: 1.1; } .proinfo-f{ width: 100%; text-align: center; margin-top: 3vw; font-size: 0; } .proinfo-f img{ min-height: 13.541666vw; } .proinfo-h{ width: 100%; margin-top: 3.125vw; margin-bottom: 7.8vw; } .proinfo-h table{ width: 100%; background: #f6f6f7; color: #888; border: 2px solid #eee; } .proinfo-h tbody{ } .proinfo-h table td{ padding: 1.15vw; line-height: 1.8; } .proinfo-h table tr td:first-child{ width: 28%; padding-left: 4.5%; color: #333; } .proinfo-h table tr:nth-child(2n + 0){ background: #fff; } .proinfo-jk{ padding: 4.1vw 0; } .proinfo-j{ line-height: 1; } .proinfo-k{ margin-top: 2.6vw; } @media(max-width:1200px){ .proinfo-bj{ padding-top: 40px; padding-bottom: 60px; margin-top: 70px; } .proinfo-e{ margin-top: 50px; } .proinfo-a{ padding-left: 20px; background-size: 15px auto; } .proinfo-d2{ font-weight: bold; } } @media(max-width:750px){ .proinfo-bj{ padding-top: .5rem; padding-bottom: .7rem; margin-top: 1rem; } .proinfo-a{ padding-left: .35rem; background-size: .25rem auto; } .proinfo-cd{ margin-top: .1rem; } .proinfo-c{ width: 100%; height: auto; line-height: initial; padding: .4rem; } .proinfo-d{ width: 100%; } .proinfo-d3{ margin-top: .2rem; } .proinfo-d4{ margin-top: .1rem; margin-bottom: .4rem; } .proinfo-e{ margin-top: .7rem; } .proinfo-f{ margin-top: .5rem; } .proinfo-h{ margin-top: .5rem; margin-bottom: .8rem; } .proinfo-h table td{ padding: .2rem; } .proinfo-h table tr td:first-child{ width: 35%; padding-left: .2rem; } .proinfo-jk{ padding: .8rem 0; } .proinfo-k{ margin-top: .5rem; } } /*服务支持*/ .services-a{ padding: 8.85416vw 0; overflow: hidden; text-align: center; } .services-ali{ max-width: 30%; display: inline-block; vertical-align: top; padding: 0 1.5vw; } .services-a2{ height: 5.833333vw; } .services-a3{ color: #999; margin-top: 1.5vw; } .services-a4{ font-weight: bold; margin-top: .5vw; } .services-ali:first-child{ float: left; } .services-ali:nth-child(3){ float: right; } .services-ali:nth-child(2){ max-width: 40%; } .services-b-bj{ width: 100%; min-height: 35.9375vw; } .services-b{ color: #fff; padding: 4vw 0; padding-top: 10.4vw; } .services-b>div{ width: 50.1%; } .services-b3{ margin-top: 1.5vw; line-height: 1.8; } .services-cd{ padding: 5vw 0; } .services-dul{ width: 104%; font-size: 0; margin-top: 2.6vw; } .services-cli{ display: inline-block; vertical-align: top; width: 29.333%; margin-right: 4%; margin-bottom: 4%; } .services-c2>img{ width: 100%; } .services-c2{ overflow: hidden; } .services-c3{ margin-top: 1.2vw; margin-bottom: .2vw; } .services-c4{ color: #666; } .services-ef{ padding-top: 4.2vw; padding-bottom: 7.8vw; } .services-f-bj{ position: relative; margin-top: 2.6vw; } .services-f{ width: 100%; } .services-fsd{ display: block; overflow: hidden; background: #fff; } .services-flt{ width: 33.55%; float: left; height: 18.489583vw; position: relative; overflow: hidden; } .services-frt{ width: 66.45%; float: right; padding: 4.1vw; padding-bottom: 0; } .services-f3{ line-height: 2vw; height: 2vw; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; transition: all .5s; -webkit-transition: all .5s; } .services-f4{ color: #666666; margin-top: 1vw; margin-bottom: 4vw; line-height: 1.5vw; height: 3vw; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .services-f5{ color: #999; } .services-fsd:hover .services-f3{ color: #fd8204; transition: all .5s; -webkit-transition: all .5s; } .services-fprev,.services-fnext{ width: 2.8vw; height: 2.8vw; margin-top: -1.4vw; left: -1.4vw; background: url(../img/ico12_1.png) no-repeat center; background-size: 99%; } .services-fnext{ left: initial; right: -1.4vw; background-image: url(../img/ico12_2.png); } .services-fprev:hover, .services-fnext:hover{ opacity: .8; } .services-gh{ padding: 4vw 0; } .services-h{ margin-top: 2.4vw; font-size:0; } .services-hli{ width: 48%; margin-bottom: 4%; display: inline-block; vertical-align: text-top; position: relative; cursor: pointer; } .services-hli>img{ width: 100%; } .services-hli:nth-child(2n + 0){ margin-left: 4%; } .services-hpos{ width: 100%; position: absolute; top: 50%; left: 0; color: #fff; text-align: center; transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); } .services-hpos>img{ width: 3.75vw; margin-bottom: .5vw; } .services-i{ text-align: center; } @media(max-width:1200px){ .services-a,.services-cd,.services-ef,.services-gh{ padding: 80px 0; } .services-b-bj{ min-height: 400px; } .services-dul{ width: 102%; } .services-dli{ width: 31.333%; } .services-f-bj{ margin-top: 40px; } .services-flt{ width: 40%;height: 220px; } .services-frt{ width: 60%; padding: 30px 40px; } .services-f3{ height: 30px; line-height: 30px; } .services-f4{ line-height: 30px; height: 60px; margin-top: 10px; margin-bottom: 30px; } .services-fprev, .services-fnext{ width: 40px; height: 40px; margin-top: -20px; left: -20px; } .services-fnext{ left: initial; right: -20px; } .services-h{ margin-top: 40px; } .services-hpos>img{ width: 45px; margin-bottom: 10px; } .services-a2{ height: 60px; } } @media(max-width:750px){ .services-a,.services-cd,.services-ef,.services-gh{ padding: .8rem 0; } .services-ali{ width: 100% !important; max-width: 100% !important; padding: .3rem 0; float: initial !important; } .services-b-bj{ min-height: 5rem; } .services-b>div{ width: 80%; } .services-dul{ width: 100%; margin-top: .5rem; } .services-cli{ width: 100%; margin-right: 0; margin-bottom: .4rem; } .services-f-bj{ margin-top: .4rem; } .services-flt{ width: 100%; height: 4rem; } .services-frt{ width: 100%; padding: .4rem .3rem; } .services-f3{ height: .35rem; line-height: .35rem; } .services-f4{ line-height: .35rem; height: .7rem; margin-top: .1rem; margin-bottom: .2rem; } .services-fprev, .services-fnext{ width: .7rem; height: .7rem; top: 2rem; margin-top: -.35rem; left: .2rem; } .services-fnext{ left: initial; right: .2rem; } .services-h{ margin-top: .4rem; } .services-hli{ width: 100%; margin: 0 !important; margin-bottom: .4rem !important; } } /*加入我们*/ .join-ab{ padding-top: 4.5vw; padding-bottom: 6.3vw; } .join-b{ position: relative; margin-top: 2.6vw; text-align: right; } .join-blt{ width: 74.5%; position: absolute; top: 0; left: 0; z-index: 1; } .join-brt{ display: inline-block; text-align: left; margin-top: 7.7vw; width: 49.35%; position: relative; z-index: 3; background: #f5f5f5; padding: 5.2vw 4.2vw; min-height: 26vw; line-height: 1.6; } .join-b2{ color: #fd8204; } .join-b3{ color: #666; margin-top: 1.5vw; } .join-div{ padding: 4.2vw 0; } .join-c{ width: 100%; text-align: center; } .join-d{ margin-top: 3.125vw; padding-top: 1.5vw; font-size: 0; color: #888; border-top: 2px solid #FD8204; } .join-d2{ display: inline-block; vertical-align: top; width: 50%; text-align: center; cursor: pointer; } .join-d2:first-child{ border-right: 2px solid #ddd; } .join-d2:hover, .join-d2.on{ color: #000; font-weight: bold; } .join-e{ margin-top: 1.8vw; background: #fd8204; padding: 1.55vw 5.2vw; color: #fff; } .join-eul{ overflow: hidden; } .join-eli{ width: 15.625vw; float: left; line-height: 1.56vw; text-align: center; position: relative; } .join-eli:last-child{ width: initial; float: right; text-align: right; } .join-eli:first-child{ text-align: left; width: 16vw; } .join-f-bj{ margin-top: 1.8vw; } .join-f{ width: 100%; background: #fff; border: 1px solid #ddd; padding: 0 5.2vw; margin-bottom: 1.1vw; } .join-ftop{ padding: 1.6vw 0; color: #000000; background: url(../img/ico14_1.png) no-repeat right center; background-size: 1.875vw auto; background-position-x: calc(100% - .1vw); cursor: pointer; transition: all .5s; -webkit-transition: all .5s; } .join-ftop.on{ background-image: url(../img/ico14_2.png); transition: all .5s; -webkit-transition: all .5s; } .join-fcnt{ width: 100%; padding-top:2.3vw; padding-bottom: 3.125vw; border-top: 1px solid #ddd; display: none; } .join-fdiv{ overflow: hidden; position: relative; } .join-f2{ display: none; } .join-f34{ width: 70%; color: #666; line-height: 2; } .join-f3{ margin-top: 1.8vw; color: #000; } .join-f3:first-child{ margin-top: 0; } .join-f5{ position: absolute; right: 0; bottom: 0; } .join-fbut{ text-align: center; margin-top: 3.125vw; } .join-fmr{ background-color: #fff; } .join-flist{ /*display: none;*/ } .delivery-bj{ position: fixed; background: rgba(0,0,0,.4); z-index: 99; display: none; } .delivery{ position: absolute; top: 50%; left: 50%; background: #fff; padding: 3vw 7.8125vw; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); } .delivery-b{ margin-top: 2vw; padding-top: 1vw; border-top: 1px solid #ddd; } .delivery-fm{ margin-top: 2vw; width: 100%; } .delivery-ul{ width: 103%; overflow: hidden; } .delivery-li{ width: 30.333%; float: left; margin-right: 3%; margin-bottom: 1%; } .delivery-c{ margin-bottom: .3vw; } .delivery-d{ width: 100%; height: 2.75vw; padding: 0 1vw; background: #fff; border: 1px solid #ddd; } .delivery-d2{ background: #f7f7f7; } .delivery-d3{ display: none; } .delivery-e{ width: 9.375vw; line-height: 2.75vw; text-align: center; background: #f8f8f8; cursor: pointer; } .delivery-z{ display: none; } .delivery-d4{ width: 50%; display: inline-block; vertical-align: top; } .delivery-j{ display: inline-block; vertical-align: top; } .delivery-j>img{ height: 2.7vw; margin-left: 1vw; } .delivery-k{ width: 100%; font-size: 0; margin: 1.5vw 0; } .delivery-kk{ display: inline-block; vertical-align: top; width: 49%; height: 2.7vw; line-height: 2.7vw; border: 0; text-align: center; background: #FD8204; color: #fff; transition: all .5s; -webkit-transition: all .5s; } .delivery-kbut{ background: #f8f8f8; color: #333; margin-left: 2%; } .delivery-kk:hover{ font-weight: bold; border-radius: 1.8vw; transition: all .5s; -webkit-transition: all .5s; } .delivery-a{ position: relative; } .delivery-a2{ width: 1.8vw; float: right; cursor: pointer; } .delivery-li5{ width: 97%; }.delivery-li6{ width: 47%; } .delivery-d5{ width: 100%; height: 5vw; resize: none; line-height: 2vw; } @media(max-width:1200px){ .join-ab{ padding: 70px 0; } .join-brt{ padding: 40px 30px; } .join-div{ padding: 70px 0; } .join-e{ margin-top: 20px; padding: 20px 40px; } .join-f{ padding: 0 40px; } .join-eli{ line-height: 25px; } .join-ftop{ padding: 20px 0; } .join-ftop{ background-size: 30px auto; } .join-fcnt{ padding:40px 0; } .join-f34{ width: 80%; } .delivery-d{ height: 40px; } .delivery-e{ height: 40px; width: 100px; line-height: 40px; } .delivery-j>img{ height: 40px; } .delivery-kk{ height: 40px; line-height: 40px; } .delivery-d4{ width: 40%; } .delivery-li{ margin-bottom: 20px; } .delivery-c{ margin-bottom: 5px; } .delivery-a2{ width: 30px; } .delivery-d5{ height: 100px; } .delivery-li5{ width: 97% !important; } } @media(max-width:1000px){ .join-brt{ width: 60%; margin-top: 100px; } .join-eli:nth-child(2), .join-eli:nth-child(3), .join-eli:nth-child(4){ display: none; } .join-eli:first-child{ width: 70%; } .join-f2{ display: block; margin-bottom: 30px; } .delivery-li{ width: 47%; } .delivery-li2{ display: none; } } @media(max-width:750px){ .join-ab{ padding: .8rem 0; } .join-b{ margin-top: .4rem; } .join-blt{ position: relative; width: 100%; } .join-brt{ width: 100%; margin: 0; padding: .5rem .4rem; } .join-div{ padding: .8rem 0; } .join-d{ margin-top: .4rem; padding-top: .2rem; } .join-d2{ line-height: .6rem; } .join-e{ margin-top: .3rem; padding: .2rem .3rem; } .join-eli{ line-height: .4rem; } .join-f{ padding: 0 .3rem; margin-bottom: .2rem; } .join-ftop{ padding: .2rem 0; background-size: .4rem; } .join-f-bj{ margin-top: .3rem; } .join-fbut{ margin-top: .4rem; } .join-fcnt{ padding: .5rem 0; } .join-f2{ margin-bottom: .3rem; } .join-f3{ margin-top: .3rem; } .join-f34{ width: 100%; } .join-fdiv{ padding-bottom:1rem; } .delivery{ padding: .3rem; } .delivery-a2{ width: .5rem; } .delivery-b{ margin-top: .2rem; padding-top: .1rem; } .delivery-fm{ margin-top: .2rem; } .delivery-c{ margin-bottom: .05rem; } .delivery-d{ height: .6rem; } .delivery-li{ margin-bottom: .2rem; } .delivery-e{ width: 2rem; height: .6rem; line-height: .6rem; } .delivery-j>img{ height: .6rem; } .delivery-kk{ height: .6rem; line-height: .6rem; } .delivery-k{ margin: .2rem 0; } .delivery-d5{ height: 1.5rem; padding: .2rem; } } /*关于7163银河官网*/ .about-nav-bj{ border-bottom: 1px solid #ddd; } .about-nav{ padding: 1.5vw 0; overflow: hidden; } .bout-nav-rt{ float: right; } .about{ padding-top: 4.2vw; padding-bottom: 6.3vw; } .about-b{ color: #fd8204; } .about-c{ margin-top: 2vw; line-height: 2; color: #595959; } .about-e{ margin-top: 2.8vw; font-size: 0; } .about-eli{ width: 30%; display: inline-block; vertical-align: top; position: relative; padding-left: 8%; border-left: 1px solid #ddd; } .about-ediv{ display: inline-block; text-align: left; } .about-e23{ line-height: .8; color: #fd8204; margin-bottom: .5vw; } .about-e3{ position: relative; top: -.8vw; margin-left: .2vw; } .about-eli:first-child{ width: 20%; padding-left: 0; border: 0; } .about-eli:last-child{ width: 20%; padding-left: 0; text-align: right; } .about-f{ margin-top: 5.2vw; } .about-g{ width: 100%; margin-top: 2.6vw; font-size: 0; } .about-glt{ display: inline-block; vertical-align: top; width: 50%; height: 27.6vw; position: relative; } .about-g2{ color: #fff; padding:2vw 3vw; z-index: 3; position: absolute; left: 0; bottom: 0; width: 100%; } .about-grt{ display: inline-block; vertical-align: top; width: 50%; font-size: 0; } .about-g3{ display: inline-block; vertical-align: top; width: 48%; height: 13.4vw; margin-bottom: .8vw; margin-left: 2%; position: relative; } .about-h{ margin-top: 3.4vw; } .about-i{ margin-top: 4vw; position: relative; padding: 0 3.2vw; } .about-iprev,.about-inext{ top: 0 !important; margin-top: 0 !important; left: 0 !important; } .about-inext{ left: initial !important; right: 0 !important; } .about-idiv{ width: 100%; position: relative; font-size: 0; } .about-ixt{ width: 100%; height: 1px; border-top: 1px dotted #ccc; position: absolute; top: 1.4vw; left: 0; } .about-iswiper{ width: 100%; margin-left: 0%; position: relative; z-index: 3; min-height:8vw; } .about-isd{ width: 10%; text-align: center; padding-top: 1.4vw; cursor: pointer; transition: all .5s; -webkit-transition: all .5s; } .about-i3{ text-align: center; color: #999; margin-top: .2vw; transition: all .5s; -webkit-transition: all .5s; } .about-i2{ width: 100%; height: 0; position: relative; } .about-i3:after{ content: ''; width: 8px; height: 8px; background: #ddd; border-radius: 100%; position: absolute; left: 50%; top: 1.4vw; margin-left: -4px; margin-top: -4px; transition: all .5s; -webkit-transition: all .5s; } .about-isd.on{ width: 50% !important; transition: all .5s; -webkit-transition: all .5s; } .about-isd.on .about-i3{ font-size: 3.75vw; color: #FD8204; margin-bottom: 0; transition: all .5s; -webkit-transition: all .5s; } .about-isd.on .about-i3:after{ width: 12px; height: 12px; margin-left: -6px; margin-top: -6px; background: #FD8204; transition: all .5s; -webkit-transition: all .5s; } .about-jswiper{ width: 100%; margin-top: 1.5vw; } .about-jsd{ overflow: hidden; } .about-j2{ width: 31.25vw; float: left; margin-left: 3vw; } .about-j34{ width: 31.25vw; float: left; margin-left: 8vw; padding-top: 6.2vw; } .about-j3{ line-height: 1; } .about-j4{ line-height: 1.8; margin-top: .5vw; } .about-k{ width: 100%; height: 42.1875vw; color: #fff; position: relative; } .about-k1{ padding-top: 8.4vw; } .about-kul{ position: absolute; left: 50%; bottom: 0; font-size: 0; transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); } .about-kli{ display: inline-block; vertical-align: top; width: 22%; float: left; height: 2px; position: relative; transition: all .5s; -webkit-transition: all .5s; } .about-kdiv{ position: absolute; width: 100%; left: 0; bottom: 0; padding: 0 2.2vw; height: 13vw; border-left: 1px solid rgba(255,255,255,.7); transition: all .5s; -webkit-transition: all .5s; } .about-k2{ height: 2.2vw; transition: all .5s; -webkit-transition: all .5s; } .about-k3{ margin-top: 1vw; margin-bottom: 1.5vw; } .about-k4{ display: none; transition: all .5s; -webkit-transition: all .5s; } .about-kli.on{ width: 34%; transition: all .5s; -webkit-transition: all .5s; } .about-kli.on .about-kdiv{ height: 19vw; transition: all .5s; -webkit-transition: all .5s; } .about-kli.on .about-k2{ height: 3.2vw; transition: all .5s; -webkit-transition: all .5s; } .about-kli.on .about-k4{ display: block; transition: all .5s; -webkit-transition: all .5s; } .about-lm{ padding: 4.6vw 0; } .about-m{ width: 100%; } .about-msd{ padding: 2vw 0; width: 19.270833vw; } .about-mdiv{ width: 100%; background: #f6f6f6; padding: 0 2.1vw; position: relative; transition: all .5s; -webkit-transition: all .5s; } .about-m2{ height: 23.7vw; width: 100%; text-align: center; padding: 2vw 0; line-height: 19.7vw; font-size: 0; position: relative; border-bottom: 1px solid #ddd; } .about-m2 img{ max-height: 80%; transition: all .5s; -webkit-transition: all .5s; } .about-m2-a{ width: .82vw; position: absolute; right: 0; bottom: 1vw; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right{ display: none; } .about-m3{ line-height: 3.5vw; height: 3.5vw; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .about-m4{ width: 0%; height: 2px; background: #FD8204; position: absolute; left: 50%; bottom: 0; transition: all .5s; -webkit-transition: all .5s; } .about-msd.swiper-slide-active .about-mdiv{ background: #fff; transition: all .5s; -webkit-transition: all .5s; } .about-msd.swiper-slide-active .about-m2 img{ max-height: 100%; transition: all .5s; -webkit-transition: all .5s; } .about-msd.swiper-slide-active .about-m4{ width: 100%; left: 0; transition: all .5s; -webkit-transition: all .5s; } .about-msd.swiper-slide-active .about-mdiv, .about-msd.swiper-slide-prev .about-mdiv, .about-msd.swiper-slide-next .about-mdiv{ box-shadow: 0 0 1vw #ddd; } .about-n{ margin-top: 1vw; text-align: center; } .about-n>div{ width: 2.35vw; height: 2.35vw; cursor: pointer; display: inline-block; margin: 0 .4vw; background: url(../img/ico12_3.png) no-repeat center; background-size: cover; } .about-nlt{ background-image: url(../img/ico12_3.png) !important; } .about-nlt:hover{ background-image: url(../img/ico12_5.png) !important; } .about-nrt{ background-image: url(../img/ico12_4.png) !important; } .about-nrt:hover{ background-image: url(../img/ico12_6.png) !important; } .about-oq{ padding: 6.2vw 0; } .about-pq{ margin-top: ; overflow: hidden; } .about-p{ width: 50%; float: left; padding-top: 3.2vw; } .about-q{ width: 50%; float: right; text-align: center; font-size: 0; } .about-q>img{ width: 31.25vw; } .about-pli{ display: ; } .about-pt{ display: inline-block; margin-bottom: .7vw; padding-left: 1.2vw; position: relative; color: #888; line-height: 1.7; cursor: pointer; transition: all .5s; -webkit-transition: all .5s; } .about-pt:after{ content: ''; width: .5vw; height: .5vw; position: absolute; top: .8vw; left: 0; border-radius: 100%; background: #FD8204; } .about-pt:hover, .about-pt.on{ color: #000; font-weight: bold; transition: all .5s; -webkit-transition: all .5s; } @media(max-width:1200px){ .about-msd{ width: 28%; } .about-m2{ height: 300px; padding: 30px 0; line-height: 240px; } .about-m3{ font-size: 12px; line-height: 50px; height: 50px; } .about-n>div{ width: 40px; height: 40px; } .about-p{ width: 60%; } .about-q{ width: 40%; text-align: right; } .about-m2-a{ width: 14px; } .about-k2{ height: 30px; } .about-kli.on .about-k2{ height: 40px; } .about-kdiv{ height: 160px; } .about-kli.on .about-kdiv{ height: 240px; } .about-k1{ padding-top: 40px; } .about-pt{ padding-left: 20px; } .about-pt:after{ width: 8px; height: 8px; top: 13px; } .about-j2{ width: 43%; margin-left: 0; } .about-j34{ width: 47%; margin-left: 10%; padding-top: 0; } .about-i{ padding: 0 45px; } .about-isd{ padding-top: 25px; } .about-ixt{ top: 20px; } .about-i3:after{ top: 20px; } } @media(max-width:1000px){ .about-eli:nth-child(2){ padding-left: 3%; } .about-glt{ width: 100%; height: 400px; } .about-grt{ width: 103%; } .about-g3{ width: 47%; margin: 0; margin-right: 3%; margin-top: 3%; height: 200px; } .about{ padding: 60px 0; } .about-f{ margin-top: 60px; } .about-h{ margin-top: 50px; } .about-k{ height: 360px; } .about-msd{ width: 30%; } .about-p{ width: 100%; } .about-q{ width: 100%; margin-top: 40px; text-align: left; } .about-q>img{ width: 60%; } } @media(max-width:750px){ .about{ padding: .8rem 0; } .about-b{ margin-top: .1rem; } .about-c{ margin-top: .3rem; } .about-e{ margin-top: 0; } .about-eli{ border: 0; width: 50% !important; padding-left: 0 !important; text-align: left !important; margin-top: .5rem; } .about-e3{ top: -.1rem; } .about-f{ margin-top: .6rem; } .about-g{ margin-top: .5rem; } .about-glt{ height: 5rem; } .about-g3{ height: 2.2rem; } .about-h{ margin-top: .6rem; } .about-k{ 8rem } .about-k2{ height: .4rem; } .about-k3{ font-size: .28rem; font-weight: bold; } .about-kdiv{ height: 2rem; } .about-kli.on .about-kdiv{ height: 4rem; } .about-kli.on .about-k2{ height: .6rem; } .about-lm{ padding: .8rem 0; } .about-msd{ width: 70%; padding: .5rem 0; } .about-m2-a{ width: 14px; bottom: 10px; } .about-m2{ height: 6rem; padding: .5rem 0; line-height: 5rem; } .about-mdiv{ padding: 0 .3rem; } .about-oq{ padding: .8rem 0; } .about-p{ padding-top: .5rem; } .about-pt{ padding-left: .3rem; } .about-pt:after{ width: .1rem; height: .1rem; top: .2rem; } .about-q{ margin-top: .5rem; } .about-q>img{ width: 100%; } .about-j2{ width: 100%; margin-left: 0; } .about-j34{ width: 100%; margin-left: 0%; padding-top: .4rem; } .about-i{ padding: 0 .8rem; } .about-isd{ padding-top: .4rem; } .about-ixt{ top: .35rem; } .about-i3:after{ top: .35rem; } .about-isd{ width: 25%; } .about-i3:after{ width: 6px; height: 6px; margin-left: -3px; margin-top: -3px; } .about-isd.on .about-i3:after{ width: 8px; height: 8px; margin-left: -4px; margin-top: -4px; } .about-isd.on .about-i3{ font-size: .4rem; } .about-jswiper{ margin-top: .4rem; } } footer{ background: #212121; } .footer{ padding-top: 4.6875vw; padding-bottom: 3.7vw; overflow: hidden; } .footer-lt{ width: 28%; padding-right: 2%; float: left; } .footer-a{ height: 3.125vw; } .footer-b{ color: #b0b0b0; margin-top: 4.1vw; } .footer-c{ margin-top: .2vw; color: #fff; } .footer-d{ color: #b0b0b0; margin-top: 1.5vw; } .footer-e{ margin-top: .8vw; } .footer-eli{ display: inline-block; vertical-align: top; margin-right: 1.5vw; text-align: center; } .footer-eli>img{ height: 5.2vw; } .footer-eli>div{ color: #fff; margin-top: .5vw; } .footer-rt{ width: 72%; float: right; } .footer-f{ width: 100%; padding-right: 4vw; position: relative; overflow: hidden; } .footer-flist{ width: 16.6666%; float: left; padding-right: .5vw; color: #fff; } .footer-flist:last-child{ width: 4vw; padding-right: 0; position: absolute; top: 0; right: 0; } .ooter-ftop{ line-height: 1; color: #fff; } .footer-ful{ margin-top: 1.5vw; color: #fff; } .footer-ful a{ display: inline-block; color: #b8b8b8; margin-bottom: .4vw; font-size: .8vw; transition: all .5s; -webkit-transition: all .5s; } .footer-ful a:hover{ color: #fff; transition: all .5s; -webkit-transition: all .5s; } .footer-g{ width: 100%; text-align: right; font-size: 0; margin-top: 1.5vw; } .footer-gli{ display: inline-block; vertical-align: top; position: relative; margin-left: .5vw; } .footer-g2{ height: 2.5vw; } .footer-g3{ position: absolute; bottom: 100%; right: 0; margin-bottom: .5vw; width: 5.2vw; display: none; } .footer-g3>img{ width: 100%; } .footer-gli:hover .footer-g3{ display: block; } .footer-gli:hover .footer-g2{ opacity: .8; } .footer-btm{ width: 100%; padding: 2.1vw 0; background: #1c1c1c; } .footer-jk{ overflow: hidden; } .footer-j{ float: left; padding-right: 2vw; color: #b8b8b8; } .footer-j>a{ display: inline-block; color: #b8b8b8; font-size: 0.83333vw; margin-left: 1vw; } .footer-j>a:hover{ color: #fff; } .footer-k{ float: right; } .footer-k>a{ display: inline-block; color: #fff; font-size: 0.83333vw; margin-left: 4vw; opacity: .7; padding-left: 1.5vw; background: no-repeat left center; background-size: 1.1vw; } .footer-k>a:hover{ color: #fff; opacity: 1; } .footer-k>a:first-child{ margin-left: 0; } @media(max-width:1200px){ .footer-f{ display: none; } .footer-a{ height: 60px; } .footer-b{ margin-top: 30px; } .footer-c{ } .footer-d{ margin-top: 25px; } .footer-e{ margin-top: 15px; } .footer-eli>img{ height: 90px; } .footer-eli>div{ margin-top: 10px; } .footer-g{ margin-top: 260px; } .footer-g2{ height: 45px; } .footer-lt{ width: 50%; } .footer-rt{ width: 50%; } .footer-g3{ width: 100px; } .footer-j,.footer-k{ width: 100%; text-align: center; } .footer-j>a, .footer-k>a{ font-size: 14px; } .footer-btm{ padding: 20px 0; } .footer-k>a{ padding-left: 25px; background-size: 20px; } } @media(max-width:750px){ .footer-j>a, .footer-k>a{ font-size: .24rem; } .footer-lt{ width: 100%; padding: 0; text-align: center; } .footer-rt{ width: 100%; } .footer-g{ margin-top: .5rem; text-align: center; } .footer-btm{ padding: .3rem 0; } .footer-k>a{ padding-left: .3rem; background-size: .25rem; } .footer-a{ height: 1rem; } .footer-b{ margin-top: .3rem; } .footer-c{ font-size: .5rem; } .footer-d{ margin-top: .3rem; } .footer-gli{ margin: 0 .1rem; } .footer-g2{ height: .7rem; } .footer-g3{ right: 50%; margin-right: -50px; margin-bottom: .15rem; } } header{ position: fixed; top: 0; left: 0; width: 100%; z-index: 49; } .header-top-bj{ width: 100%; border-bottom: 1px solid rgba(255,255,255,.3); position: relative; z-index: 3; } .header-top{ width: 90vw; margin: 0 auto; text-align: right; font-size: 0; } .header-top-li{ display: inline-block; vertical-align: top; position: relative; } .header-top-a{ display: block; line-height: 2.6vw; padding: 0 1.5vw; position: relative; color: #fff; } .header-top-li:hover .header-top-a{ color: #fff; } .header-top-a:after{ content: ''; width: 1px; height: .8vw; background: rgba(255,255,255,.7); position: absolute; top: 1vw; right: 0; } .header-top-li2{ } .header-top-li2 .header-top-a{ padding: 0; margin-left: 1.5vw; padding-left: 1.6vw; background: url(../img/ico21.png) no-repeat left center; background-size: 1.24vw; } .header-top-li2 .header-top-a:after{ display: none; } .header-top-b{ width: 8vw; padding: .8vw; background: #fff; position: absolute; top: 100%; left: 50%; margin-left: -4vw; border-top: 3px solid #fd8204; box-shadow: 0 3px 3px #ddd; display: none; } .header-top-b a{ display: block; font-size: 0.83333vw; color: #666; line-height: 2vw; padding: .2vw 0; border-top: 1px solid #ddd; text-align: left; } .header-top-b a:first-child{ border: 0; } .header-top-b a:hover{ color: #fd8204; } .header{ width: 90vw; margin: 0 auto; font-size: 0; } .logo{ display: inline-block; vertical-align: top; font-size: 0; line-height: 5.2vw; } .logo img{ height: 2.7vw; } .logo .img2{ display: none; } .header-nav{ display: inline-block; margin-left: 12.5vw; font-size: 0; } .header-nav-li{ display: inline-block; vertical-align: top; margin: 0 1.5vw; position: relative; } .header-a{ display: block; line-height: 5.2vw; color: #fff; } .header-b{ position: absolute; width: calc(100% + 6vw); top: 100%; left: 0%; margin-left: -3vw; border-top: 3px solid #fd8204; padding: .5vw 1.5vw; background: #fff; box-shadow: 0 3px 3px #ddd; display: none; } .header-b a{ display: block; font-size: 0.83333vw; color: #666; line-height: 2vw; padding: .2vw 0; border-top: 1px solid #ddd; text-align: left; } .header-b a:first-child{ border: 0; } .header-nav-li3{ display: none; } .header-c{ display: block; float: right; height: 5.2vw; width: 1.2vw; background: url(../img/ico23_1.png) no-repeat center; background-size: 1.1vw auto; } .header-d{ float: right; margin-right: 1.8vw; display: block; line-height: 5.2vw; padding-left: 1.5vw; color: #fff; background: url(../img/ico22_1.png) no-repeat left center; background-size: 1.2vw auto; } @media(min-width:1201px){ .header-nav-li:hover .header-a{ color: #fd8204; } .header-b a:hover{ color: #fd8204; } .header-d:hover{ color: #fff; } header.bj{ background: #fff; box-shadow: 0 0 3px #ccc; } header.bj .header-top-bj{ background: #fd8204; } header.bj .logo .img1{ display: none; } header.bj .logo .img2{ display: inline-block; } header.bj .header-a{ color: #333; } header.bj .header-c{ background-image: url(../img/ico23_2.png) ; } header.bj .header-d{ color: #333; background-image: url(../img/ico22_2.png) ; } header.pos{ position: fixed; top: -8vw; transition: all .5s; -webkit-transition: all .5s; } header.pos.on{ top: 0; transition: all .5s; -webkit-transition: all .5s; } } @media(max-width:1200px){ header{ top: 0; background: #fff; box-shadow: 0 0 3px #ccc; height: 70px; } .header-top-bj{ display: none; } .header{ width: 92%; } .header-dx{ float: right; } .logo{ line-height: 70px; } .logo img{ height: 45px; } .logo .img1{ display: none; } .logo .img2{ display: inline-block; } .header-nav{ width: 100%; height: calc(100vh - 70px); overflow: auto; position: fixed; top: 70px; left: 0; background: #fff; margin: 0; padding: 30px 4%; border-top: 1px solid #ddd; display: none; } .header-c{ width: 20px; height: 70px; background-size: 100% auto; background-image: url(../img/ico23_2.png) ; } .header-d{ color: #333; line-height: 70px; padding-left: 22px; margin-right: 30px; background-size: 16px auto; background-image: url(../img/ico22_2.png) ; } .header-nav-li{ width: 100%; margin: 0; } .header-a{ color: #333; line-height: 60px; border-bottom: 1px solid #ddd; } .header-b{ width: 100%; position: relative; top: inherit; border: 0; margin: 0; padding: 0; box-shadow: inherit; } .header-b a{ display: block; line-height: 50px; padding: 0 30px; border-top: 0; border-bottom: 1px solid #ddd !important; font-size: 14px; } .header-ak{ position: absolute; width: 50%; height: 60px; top: 0; right: 0; background: url(../img/ico02.png) no-repeat right center; } .header-nav-li3{ display: block; } } @media(max-width:750px){ header{ height: 1rem; } .logo{ line-height: 1rem; } .logo img{ height: .6rem; } .header-c{ height: 1rem; margin-right: .1rem; } .header-d{ line-height: 1rem; margin-right: .3rem; } .header-nav{ height: calc(100vh - 1rem); top: 1rem; padding: .2rem 4%; } .header-a{ line-height: .9rem; } .header-b a{ line-height: .7rem; padding: 0 .3rem; font-size: .24rem; } .header-ak{ height: .9rem; background-size: .2rem auto; } } .header-dx{ width: 35px; margin-top: 20px; text-align: right; margin-left:40px ; overflow: hidden; display: none; } .header-dx1,.header-dx2,.header-dx3{ width: 100%; height: 4px; margin-bottom: 8px; background: #222; float: right; } .header-dx div{ transition: all .5s; } .header-dx.cli .header-dx1{ -webkit-transform: rotate(44deg); -ms-transform: rotate(44deg); transform: rotate(44deg); transform-origin:0%; -ms-transform-origin:0%; -webkit-transform-origin:0%; -moz-transform-origin:0%; transition: all .5s; } .header-dx.cli .header-dx2{ opacity: 0; transition: all .5s; } .header-dx.cli .header-dx3{ -webkit-transform: rotate(-44deg); -ms-transform: rotate(-44deg); transform: rotate(-44deg); position: relative; top:1px; transform-origin:0%; -ms-transform-origin:0%; -webkit-transform-origin:0%; -moz-transform-origin:0%; transition: all .5s; } .header-ss{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 6; background: rgba(0,0,0,.8); display: none; } .header-ss-a{ width: 600px; margin: 0 auto; height: 50px; line-height: 50px; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -300px; } .header-ss-a .int1{ width: 540px; height: 50px; line-height: 50px; background: none; border: none; border-bottom: 1px solid #fff; font-size: 18px; color: #fff; padding: 0 10px; padding-right: 60px; } .header-ss-a .int2{ width: 50px; height: 50px; border: none; background: no-repeat center; background-image: url(../img/ss03.png); position: absolute; top: 0; right: 60px; cursor: pointer; } .header-ss-x{ width: 50px; height: 50px; background: url(../img/x01.png) no-repeat center; position: absolute; top: 0; right: 0; cursor: pointer; } @media(max-width:1200px){ .header-dx{ display: block; } } @media(max-width:750px){ .header-ss-a{ width: auto; } .header-ss-a .int1{ width: 5rem; margin-right: 1rem; font-size: .26rem; } .header-ss-a{ margin-left: -3rem; } .header-dx{ display: block; width: .45rem; margin-top: .1rem; margin-left: .35rem; padding-top: .25rem; } .header-dx1, .header-dx2, .header-dx3{ height: .04rem; margin-bottom: .11rem; } } .idxban{ width: 100%; position: relative; } .idxban-swiper{ width: 100%; } .idxban-sd{ width: 100%; height: 50vw; } .idxban-img{ transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); } .idxban-ab{ position: relative; z-index: 3; padding-top: 19.8vw; color: #fd8204; top: 30px; opacity: 0; } .idxban-b{ font-family: arial; font-weight: bold; } .idxban-c{ margin-top: 3.7vw; } .idxban-sd.swiper-slide-active .idxban-ab{ top: 0; opacity: 1; transition: all .5s .8s; -webkit-transition: all .5s .8s; } .idxban-sd.swiper-slide-active .idxban-img{ transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05); transition: all 5s .5s; -webkit-transition: all 5s .5s; } .idxban-next, .idxban-prev{ width: 3.6vw; height: 3.6vw; border-radius: 100%; margin-top: -1.8vw; left: 2vw; background-color: rgba(0,0,0,.2); background-size: .6vw auto; transition: all .5s; -webkit-transition: all .5s; } .idxban-next{ left: initial; right: 2vw; } .idxban-next:hover, .idxban-prev:hover{ background-color: rgba(0,0,0,.8); transition: all .5s; -webkit-transition: all .5s; } .idxban-span{ bottom: 3vw !important; } .idxban-span span{ width: 2.6vw; height: 3px; background: #b7ac9f; opacity: 1; border-radius: 0; } .idxban-span span.swiper-pagination-bullet-active{ background: #fd8204; } @media(max-width:1200px){ .idxban{ margin-top: 70px; } .idxban-ab{ padding: 0 6%; padding-top: 15vw; } .idxban-next, .idxban-prev{ width: 50px; height: 50px; margin-top: -25px; background-size: 12px auto; } } @media(max-width:750px){ .idxban{ margin-top: 1rem; } .idxban-sd{ height: 6rem; } .idxban-ab{ padding: 0 8%; padding-top: 15vw; } .idxban-next, .idxban-prev{ width: .6rem; height: .6rem; margin-top: -.3rem; background-size: .15rem auto; } .idxban-span span{ width: .3rem; height: 2px; } } .iabt-bj{ width: 100%; position: relative; } .iabt{ padding-top: 6.3vw; } .iabt-div{ width: 48vw; } .iabt-a{ color: #ff8400; } .iabt-b{ margin-top: .5vw; line-height: 1.3; } .iabt-c{ color: #595959; margin: 2vw 0; min-height: 7.3vw; line-height: 2; } .iabt-e{ width: 100%; margin-top: 7.4vw; position: relative; z-index: 3; cursor: pointer; } .iabt-e>img{ width: 100%; } .iabt-epos{ width: 100%; padding: 0 10%; color: #fff; position: absolute; top: 50%; left: 0; text-align: center; transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transformtranslateY(-50%); } .iabt-epos>img{ height: 5.2vw; } .iabt-epos>div{ margin-top: 1vw; } .iabt-f{ width: 33vw; height: 44.53125vw; position: absolute; top: 0; right: 0; } .iabt-ful{ width: 100%; padding-left: 35%; color: #fff !important; } .iabt-fli{ margin-top: 3.7vw; } .iabt-fli .about-e23{ color: #fff; } .iabt-fli .about-e3{ top: -.5vw; } @media(max-width:1200px){ .iabt-ful{ padding-left: 25%; } } @media(max-width:1000px){ .iabt-f{ top: 6.3vw; } .iabt-ful{ padding-left: 20%; } } @media(max-width:750px){ .iabt{ padding-top: .8rem; } .iabt-div{ width: 100%; } .iabt-c{ margin: .3rem 0; } .iabt-f{ position: relative; top: initial; right: initial; width: 100%; height: 5rem; margin-top: .5rem; } .iabt-ful{ padding: 0 5%; padding-top: .8rem; } .iabt-fli{ width: 50%; float: left; margin-top: .6rem; } .iabt-e{ margin-top: .5rem; } .iabt-epos>img{ height: .6rem; } .iabt-epos>div{ font-size: .28rem; } } .ipro{ padding-top: 7.5vw; } .ipro-ab{ overflow: hidden; } .ipro-a{ float: left; } .ipro-b{ float: right; } .ipro-div{ margin-top: 3.1vw; overflow: hidden; } .ipro-lt{ width: 42.5%; float: left; background: #f5f5f5; } .ipro-c{ display: block; width: 100%; height: 17vw; padding: 1.5vw 2.3vw; position: relative; } .ipro-c:first-child{ background: #ededed; } .ipro-c2{ margin: .5vw 0; color: #777777; min-height: 10vw; } .ipro-c3{ color: #888; } .ipro-c4{ width: 50%; position: absolute; right: 5%; bottom: 1.5vw; } .ipro-c:hover .ipro-c1{ color: #fd8204; } .ipro-rt{ width: 57.5%; float: right; position: relative; } .ipro-swiper{ width: 100%; } .ipro-sd{ width: 100%; height: 34vw; } .ipro-d{ width: 64%; height: 70%; position: absolute; right: 0; bottom: 0; background: #f5f5f5; } .ipro-d .ipro-c4{ width: 60%; bottom: 3vw; } .ipro-d3{ width: 3.125vw; margin-top: 3vw; } .ipro-j{ position: absolute; top: 0; right: 0; z-index: 3; overflow: hidden; } .ipro-j>img{ width: 8.2vw; } .ipro-j1{ width: 150%; height: 150%; left: -77%; top: 28%; z-index: 2; transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); } @media(max-width:1200px){ .ipro-c2{ min-height: 7vw; } } @media(max-width:1000px){ .ipro-lt{ width: 100%; } .ipro-c{ height: 220px; width: 50%; float: left; padding: 30px; } .ipro-c2{ min-height: 100px; } .ipro-rt{ width: 100%; } .ipro-sd{ height: 400px; } .ipro-d{ width: 65%; height: 300px; } .ipro-j>img{ width: 80px; } .ipro-d3{ width: 40px; } } @media(max-width:750px){ .ipro-c{ width: 100%; height: 3rem; padding: .4rem; } .ipro-c2{ min-height: 1.4rem; } .ipro-sd{ height: 6rem; } .ipro-d{ width: 70%; height: 4rem; } .ipro-d3{ width: .6rem; margin-top: .4rem; } .ipro{ padding-top: .8rem; } .ipro-div{ margin-top: .5rem; } } .inws-bj{ position: relative; overflow: hidden; } .inws{ position: relative; z-index: 2; } .inws-img{ width: 32.7083vw; position: absolute; top: 6vw; left: -5vw; z-index: 1; } .inws-div{ font-size: 0; margin-top: 2.6vw; } .inws-c{ display: inline-block; vertical-align: top; width: 34.12vw; height: 34.12vw; position: relative; } .inws-c:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/ico15.png) no-repeat center bottom; background-size: 100% auto; z-index: 1; } .inws-cdiv{ width: 100%; position: absolute; left: 0; bottom: 0; padding: 2.5vw; color: #fff; z-index: 3; } .inws-d{ display: inline-block; vertical-align: top; width: 22.4vw; height: 34.12vw; border-bottom: 1px solid #ddd; margin:0 1.5vw; } .inws-d1{ width: 100%; height: 16.6666vw; position: relative; overflow: hidden; } .inws-d2{ margin-top: 1vw; } .inws-d3{ margin-top: 1vw; line-height: 1.8vw; height: 3.6vw; -webkit-line-clamp: 2; } .inws-d4{ margin-top: 1vw; line-height: 1.5vw; height: 3vw; -webkit-line-clamp: 2; } .inws-d5{ margin-top: 2vw; } .inws-d:hover .inws-d3{ color: #fd8204; } .inws-e{ width: 21.2vw; display: inline-block; vertical-align: top; } .inws-e .news-b3{ margin-top: 1vw; line-height: 1.8vw; height: 3.6vw; -webkit-line-clamp: 2; } .inws-e .news-bli{ padding: 1.63vw 0; } .inws-e .news-bli:first-child{ padding-top: 0; } @media(max-width:1400px){ .inws-e .news-bli { padding: 1.55vw 0; } } @media(max-width:1200px){ .inws-c{ width: 48%; height: 450px; } .inws-d{ width: 48%; height: 450px; margin-left: 4%; margin-right: 0; } .inws-d1{ height: 240px; } .inws-d3{ line-height: 30px; height: 60px; } .inws-d4{ line-height: 25px; height: 50px; } .inws-d5{ margin-top: 10px; } .inws-e{ width: 100%; float: initial; margin-top: 40px; } .inws-e .news-b3{ height: auto; max-height: 60px; line-height: 30px; } } @media(max-width:1000px){ .inws-c{ height: 350px; } .inws-d{ height: 360px; } .inws-d1{ height: 160px; } } @media(max-width:750px){ .inws-div{ margin-top: .5rem; } .inws-c{ width: 100%; height: 6rem; } .inws-cdiv{ padding: .3rem; } .inws-d{ width: 100%; margin: 0; margin-top: .3rem; height: auto; } .inws-d1{ height: 3.5rem; } .inws-d2{ margin-top: .1rem; } .inws-d3{ line-height: .4rem; height: auto; max-height: .8rem } .inws-d4{ line-height: .4rem; height: auto; max-height: .8rem; margin-top: .15rem; } .inws-d5{ margin: .15rem 0; } .inws-e{ margin-top: .8rem; } .inws-e .news-b3{ line-height: .4rem; height: auto; max-height: .8rem } .inws-e .news-bli{ padding: .25rem 0; } } .icnt{ margin-top: 6.8vw; position: relative; min-height: 41.14583vw; background: url(../img/ico30.png) no-repeat center top; background-size: 100% auto; } .icnt-lt{ display: inline-block; width: 33.55%; padding-top: 8.2vw; padding-right: 1vw; position: relative; z-index: 3; } .icnt-a{} .icnt-b{ color: #666; margin-top: .5vw; } .icnt-c{ margin-top: 2.7vw; } .icnt-rt{ display: inline-block; vertical-align: top; width: 29.791666vw; position: relative; z-index: 3; } .icnt-d{ position: absolute; top:24.475%; left: 22.72%; } .icnt-d>i{ width: 3vw; height: 3vw; position: absolute; top: 50%; left: 50%; margin-top: -1.5vw; margin-left: -1.5vw; background: url(../img/ico31.png) no-repeat center; background-size: cover; animation:divsca 2s linear 0s infinite; -moz-animation:divsca 2s linear 0s infinite; -webkit-animation:divsca 2s linear 0s infinite; -o-animation:divsca 2s linear 0s infinite; } .icnt-d:nth-child(2){ top: 46%; left: 36%; } .icnt-d:nth-child(3){ top: 51%; left: 34%; } .icnt-d:nth-child(4){ top: 63%; left: 21%; } .icnt-d:nth-child(5){ top: 37%; left: 82%; } .icnt-d:nth-child(6){ top: 58%; left: 67%; } .icnt-d:nth-child(7){ top: 63%; left: 63%; } .icnt-d:nth-child(8){ top: 61%; left: 71%; } @-o-keyframes divsca{ 0% {transform:scale(1);-webkit-transform:scale(1)} 50% {transform:scale(.7);-webkit-transform:scale(.7)} 100% {transform:scale(1);-webkit-transform:scale(1)} } @keyframes divsca{ 0% {transform:scale(1);-webkit-transform:scale(1)} 50% {transform:scale(.7);-webkit-transform:scale(.7)} 100% {transform:scale(1);-webkit-transform:scale(1)} } @-moz-keyframes divsca{ 0% {transform:scale(1);-webkit-transform:scale(1)} 50% {transform:scale(.7);-webkit-transform:scale(.7)} 100% {transform:scale(1);-webkit-transform:scale(1)} } @-webkit-keyframes divsca{ 0% {transform:scale(1);-webkit-transform:scale(1)} 50% {transform:scale(.7);-webkit-transform:scale(.7)} 100% {transform:scale(1);-webkit-transform:scale(1)} } .icnt-img{ width: 36.25vw; position: absolute; bottom: -5vw; right: -15vw; z-index: 1; } @media(max-width:1200px){ .icnt-lt{ width: 45%; } .icnt-rt{ width: 40%; } .icnt{ padding-bottom: 40px; } .icnt-d>i{ width: 40px; height: 40px; margin-left: -20px; margin-top: -20px; } } @media(max-width:750px){ .icnt{ margin-top: .8rem; } .icnt-lt{ padding-top: 0; width: 100%; } .icnt-rt{ width: 80%; margin-left: 10%; margin-top: .6rem; } .icnt-b{ margin-top: .15rem; } .icnt-c{ margin-top: .25rem; } }