.er_body_bg{padding-bottom: 80px;} .i-padding-title{padding: 0 0 50px 0;} .i-title{font-size: 30px; font-weight: 600; display: flex; justify-content: left; align-items: center; } .i-title strong{display: block; width: 55px; height: 4px; background: #F2B80A; border-radius: 0 5px 5px 0; margin-right: 20px;} .i-title span sup{font-size: 16px;} .i-title span b{font-size: 40px;color: #F2B80A; font-weight: 600;} .er_banner .banner_title4 {background: linear-gradient(to right, rgba(255, 255, 255, .7) 10%, rgba(255, 255, 255, 0) 100%); padding: 40px 15% 40px 40px; display: inline-block;} .block-4-grid{padding: 80px 0;} .block-4-grid .list{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;} .block-4-grid .list .item{margin-bottom: 20px; background: #F5F6F8; border-radius: 15px; padding: 40px;} .block-4-grid .list .item img{width: 70px; margin-bottom: 20px; display: block;} .block-4-grid .list .item .right-fons{display: block; width: 100%;} .block-4-grid .list .item .right-fons .title{font-size: 20px; color: #000; margin-bottom: 20px;text-transform: uppercase; font-weight: 600;} .block-4-grid .list .item .right-fons .text{position: relative; line-height: 20px;} .block-4-grid .list .item .right-fons .text p{margin: 6px 0; background: url("/statics/chuneng/images/i_icon13.png") no-repeat left 5px; padding: 0 0 0 15px;} .block-4-grid .list .item .right-fons .text ul{padding-left: 15px;} .block-4-grid .list .item .right-fons .text ul li{list-style-type: disc; margin-left: 15px;} .block-4-grid .list .item .right-fons .text ul li::marker{color: #F2B80A;} .block-4-grid-2{padding: 80px 0;} .block-4-grid-2 .list-title{font-size: 24px; font-weight: 600; margin-bottom: 20px;} .block-4-grid-2 .list-title-bottom{margin-bottom: 40px;text-align: center;} .block-4-grid-2 .list-title-bottom2{margin: 20px 0 40px 0;} .block-4-grid-2 .list{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;} .block-4-grid-2 .list .item{margin-bottom: 20px; background: #F5F6F8; border-radius: 15px; padding: 40px; text-align: center;} .block-4-grid-2 .list .item img{} .block-4-grid-2 .list .item .text{line-height: 20px;} .block-4-grid-3 .list .item{text-align: left;} .block-4-grid-3 .list .item .title{font-size: 20px; color: #000; margin-bottom: 20px;text-transform: uppercase; font-weight: 600;} .block-4-grid-3 .list .item .text p{margin: 6px 0; background: url("/statics/chuneng/images/i_icon13.png") no-repeat left 5px; padding: 0 0 0 15px;} .block-4-grid-3 .list-2{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;} .block-4-grid-3 .list-2 .item .img-text{position: relative; text-align: center;} .block-4-grid-3 .list-2 .item .img-text img{display: block; width: 100%;} .block-5{padding: 80px 0; background: #F5F6F8;} .block-5 .block-bg{background: #fff; padding: 50px; border-radius: 15px;} .button-download{padding-top: 50px; text-align: center;} .button-download a{display: inline-block; border:1px #393939 solid; border-radius: 5px; font-size: 14px; color: #393939; width: 150px; line-height: 55px; transition: all 0.3s;} .button-download a:hover{color: #fff; border:1px #F2B80A solid; background: #F2B80A;} .block-5 .block-bg-2{background: none;} .block-6{padding: 80px 0;} .block-6 .block-item{margin-bottom: 20px; background: #F5F6F8; display: block; justify-content: space-between; align-items: stretch; padding-top: 30px;} .block-6 .block-item .item-left{display: block; width: 100%; text-align: center} .block-6 .block-item .item-left span{display: inline-block; font-size: 20px; font-weight: 600; background: #F5F6F8; padding: 2px 15px; position: relative; bottom: -12px;} .block-6 .block-item .item-left strong{display: block; width: 100%; height: 2px; background: #F1B709;} .block-6 .block-item .item-right{width: calc(100% - 0px);} .block-6-item-padding{padding: 40px 50px;} .block-6-item-padding .item-1{display: grid; grid-template-columns: repeat(4, 1fr); gap: 7%; margin-bottom: 30px;} .block-6-item-padding .item-1 span{display: flex; justify-content: center; align-items: center; border:1px #C1C1C1 solid; border-radius: 8px; background: #fff; padding: 6px 20px; text-align: center; font-size: 16px; font-weight: 600;} .block-6-item-padding .item-2{border-radius: 10px; border:1px #F1B709 dashed; background: #fff; padding: 20px; margin-bottom: 30px;} .block-6-item-padding .item-2 .item-title{text-align: center; margin-bottom: 15px; font-size: 16px; font-weight: 600;} .block-6-item-padding .item-2 .item-list{display: flex;justify-content: space-between; align-items: center;} .block-6-item-padding .item-2 .item-list span{background: #F0F0F0; border-radius: 8px; text-align: center; padding: 8px; min-width: 120px; font-weight: 400;} .block-6-item-padding .item-2-tow{border-radius: 10px; border:1px #F1B709 dashed; background: #fff; padding: 20px; margin-bottom: 30px;} .block-6-item-padding .item-2-tow .item-title{text-align: center; margin-bottom: 15px; font-size: 16px; font-weight: 600;} .block-6-item-padding .item-2-tow .item-title sup{font-size: 12px;} .block-6-item-padding .item-2-tow .item-list{display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px;} .block-6-item-padding .item-2-tow .item-list .item-icon{display: flex; justify-content: center; align-items: center;padding: 6px 8px;border:1px #C1C1C1 dashed; border-radius: 8px;} .block-6-item-padding .item-2-tow .item-list .item-icon img{display: block; margin-right: 8px;} .block-6-item-padding .item-2-tow .item-list .item-icon span{font-weight: 600;} .block-6-item-padding .item-bottom{margin-bottom: 30px;} .block-6-item-padding .item-3{position: relative;} .block-6-item-padding .item-3 .products-top{display: flex; justify-content: space-between; align-items: stretch;} .block-6-item-padding .item-3 .products-top .item-img{position: relative;} .block-6-item-padding .item-3 .products-top .item-img img{display: block; width: 100%;} .block-6-item-padding .item-3 .products-top .item-img span{display: block; padding: 15px 0; font-weight: 400; text-align: center;} .block-6-item-padding .item-3 .products-top .item-img strong{position: absolute; z-index: 10; bottom: -1px; left: 50%; transform: translateX(-50%); border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #F1B709; display: none;} .block-6-item-padding .item-3 .products-top .item-img strong::after {content: ""; position: absolute; z-index: 11; top: 1px; left: 50%; transform: translateX(-50%); border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #fff;} .block-6-item-padding .item-3 .products-top .item-border{border-right:1px #BEBFC1 dashed;width: 2px; margin-bottom: 15px;} .block-6-item-padding .item-3 .products-button{display: flex; justify-content: space-between; align-items: flex-start; position: relative; z-index: 1;} .block-6-item-padding .item-3 .products-button .item-button{text-align: center; position: relative;} .block-6-item-padding .item-3 .products-button .item-button img{display: block; width: 100%;} .block-6-item-padding .item-3 .products-button .item-button span{display: inline-block; padding-bottom: 20px;} .block-6-item-padding .item-3 .products-button .item-button span strong{font-weight: 400; background: #F1B709; color: #fff; padding: 3px 10px; width: 100px; border-radius: 5px; cursor: pointer;} .block-6-item-padding .item-3 .products-relative{position: relative; z-index: 9; background: #fff; border-top:1px #F1B709 solid; padding: 30px; top: -5px; margin-bottom: 0px; border-radius: 0 0 8px 8px; display: none;} .block-6-item-padding .item-3 .products-relative .pattern-1{display: flex; justify-content: space-around; align-items: flex-start;} .block-6-item-padding .item-3 .products-relative .pattern-1 .item{text-align: center;} .block-6-item-padding .item-3 .products-relative .pattern-1 .item strong{display: block; font-size: 18px; color: #F1B709; margin:5px 0 10px 0;} .block-6-item-padding .item-3 .products-relative .pattern-1 .item span{display: block; font-weight: 400; font-size: 14px;} .block-6-item-padding .item-3 .products-relative .pattern-1 .item img{display: inline-block; margin-bottom: 5px;} .block-6-item-padding .item-3 .products-relative .pattern-1 .item-text-left{text-align: left;} .block-6-item-padding .item-3 .products-relative .pattern-1 .item-text-left span{font-size: 14px;} .block-6-item-padding .item-3 .products-relative .pattern-2{display: flex; justify-content: space-around; align-items: center;} .block-6-item-padding .item-3 .products-relative .pattern-2 .item{text-align: center;} .block-6-item-padding .item-3 .products-relative .pattern-2 .item strong{display: block; font-size: 18px; color: #F1B709; margin:5px 0 10px 0;} .block-6-item-padding .item-3 .products-relative .pattern-2 .item span{display: block; font-weight: 400; font-size: 14px;} .block-6-item-padding .item-3 .products-relative .pattern-2 .item img{display: inline-block; margin-bottom: 5px;} .block-6-item-padding .item-3 .products-relative .pattern-2 .item-text-left{text-align: left;} .block-6-item-padding .item-3 .products-relative .pattern-2 .item-text-left span{font-size: 14px;} .block-6-item-padding .item-3 .products-relative .pattern-3{position: relative;} .block-6-item-padding .item-3 .products-relative .pattern-3 .item-title{text-align: center; background: #F1B709; color: #fff; font-weight: 600; border-radius: 10px 10px 0 0; padding: 10px;} .block-6-item-padding .item-3 .products-relative .pattern-3 .item-flex{display: flex; justify-content: space-between; align-items: flex-start;} .block-6-item-padding .item-3 .products-relative .pattern-3 .item-flex .left-width{width: 60%;} .block-6-item-padding .item-3 .products-relative .pattern-3 .item-flex .right-width{width: 38%;} .block-6-item-padding .item-3 .products-relative .pattern-3 .item-flex .item-color{background: #fff;} .block-6-item-padding .item-3 .products-relative .pattern-3 .item-flex .item-color-2{background: #F3F5F7;} .block-6-item-padding .item-3 .products-relative .pattern-3 .item-flex .fons-flex{display: flex; justify-content: left; align-items: center; padding: 10px 20px;} .block-6-item-padding .item-3 .products-relative .pattern-3 .item-flex .fons-1{width: 20%;} .block-6-item-padding .item-3 .products-relative .pattern-3 .item-flex .fons-2{} .block-6-item-padding .item-3 .products-relative .pattern-4{position: relative; display: flex; justify-content: space-between; align-items: flex-start;} .block-6-item-padding .item-3 .products-relative .pattern-4 .item-4-left{width: 48%;} .block-6-item-padding .item-3 .products-relative .pattern-4 .item-4-left .fons-1{font-size: 16px; font-weight: 600;color: #F1B70A; margin-bottom: 5px;} .block-6-item-padding .item-3 .products-relative .pattern-4 .item-4-left .fons-2{font-weight: 600; margin-bottom: 10px;} .block-6-item-padding .item-3 .products-relative .pattern-4 .item-4-left .fons-3{font-weight: 600; margin-bottom: 10px;} .block-6-item-padding .item-3 .products-relative .pattern-4 .item-4-left .fons-4{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; max-width: 360px;} .block-6-item-padding .item-3 .products-relative .pattern-4 .item-4-left .fons-4 .icons{text-align: center;} .block-6-item-padding .item-3 .products-relative .pattern-4 .item-4-left .fons-4 .icons img{margin-bottom: 5px;} .block-6-item-padding .item-3 .products-relative .pattern-4 .item-4-left .fons-4 .icons span{display: block; font-weight: 400;} .block-6-item-padding .item-3 .products-relative .pattern-4 .item-4-right{width: 48%;} .block-6-item-padding .item-3 .products-relative .pattern-4 .item-4-right .fons-1{text-align: center; font-weight: 600; padding: 5px; background: #F1B70A; color: #fff; border-radius: 10px 10px 0 0;} .block-6-item-padding .item-3 .products-relative .pattern-4 .item-4-right .fons-2{font-weight: 400; padding: 8px 10px 8px 10%;} .block-6-item-padding .item-3 .products-relative .pattern-4 .item-4-right .fons-3{font-weight: 400;background: #F3F5F7; padding: 8px 10px 8px 10%;} .block-6-item-padding .item-3 .products-relative .border-s{position: absolute; z-index: 10; top: -10px; left: 50%; transform: translateX(-50%); border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #F1B709; display: block;} .block-6-item-padding .item-3 .products-relative .border-s::after {content: ""; position: absolute; z-index: 11; top: 1px; left: 50%; transform: translateX(-50%); border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #fff;} .block-6-item-padding .item-3 .products-relative .border-s-1{left: 50%; transform: translateX(-50%);} .block-6-item-padding .item-3 .products-relative .border-s-2{left: 88%; transform: translateX(-50%);} .block-6-item-padding .item-3 .products-relative .border-s-3{left: 12%; transform: translateX(-50%);} .block-6-item-padding .item-3 .products-relative .border-s-4{left: 50%; transform: translateX(-50%);} .block-6-item-padding .item-3 .products-relative .border-s-5{left: 88%; transform: translateX(-50%);} /*.block-6-item-padding .item-3 .products-top .active strong{display: block;}*/ .block-6-item-padding .item-3 .products-relative-active{display: block;} .block-6-item-padding .item-4{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; background: #fff; border-radius: 10px; padding: 20px;} .block-6-item-padding .item-4 .item-4-list{display: flex; justify-content: center; align-items: center;} .block-6-item-padding .item-4 .item-4-list img{display: flex; margin-right: 8px;} .block-6-item-padding .item-4 .item-4-list span{font-weight: 400; max-width: 200px;} .block-6-item-padding .item-5{display: flex; justify-content: space-between; align-items: stretch;} .block-6-item-padding .item-5 .item-5-list{width: 32%; display: flex; justify-content: space-evenly; align-items: center; padding: 15px 0;} .block-6-item-padding .item-5 .item-5-list span{display: block; background: #fff; border:1px #F1B709 solid; border-radius: 50%; overflow: hidden;} .block-6-item-padding .item-5 .item-5-list span img{display: block;} .block-6-item-padding .item-5 .item-5-border{border-right:1px #BEBFC1 dashed;width: 2px;} .block-6-listing{text-align: center; font-size: 24px; font-weight: 600; padding: 60px 0 40px 0;} .block-7{padding: 80px 0; background: #F5F6F8;} .block-7 .list{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;} .block-7 .list .list-item{background: #fff; border:2px #fff solid; padding: 20px; border-radius: 10px; display: flex; justify-content: center; align-items: center; transition: all 0.3s; height: 160px;} .block-7 .list .list-item .item-padding{text-align: center; transition: all 0.3s;} .block-7 .list .list-item .item-padding img{width: 55px; margin-bottom: 12px; transition: all 0.3s;} .block-7 .list .list-item .item-padding .fons-1{font-size: 40px; font-weight: 500; color: #ABABAB; transition: all 0.3s;} .block-7 .list .list-item .item-padding .fons-1 span{color: #F1B709;} .block-7 .list .list-item .item-padding .fons-2{font-size: 22px; font-weight: 600; transition: all 0.3s;} .block-7 .list .list-item .item-padding .fons-3{margin-top: 10px; height: 0px; overflow: hidden; transition: all 0.3s; } .block-7 .list .list-item .item-padding .fons-3 .grid{/*display: grid; grid-template-columns: repeat(2, 1fr); gap: 2px 8px;*/} .block-7 .list .list-item:hover{border:2px #F1B709 solid; } .block-7 .list .list-item:hover .item-padding img{width: 50px; margin-bottom: 6px;} .block-7 .list .list-item:hover .item-padding .fons-1{font-size: 32px;} .block-7 .list .list-item:hover .item-padding .fons-2{font-size: 20px;} .block-7 .list .list-item:hover .item-padding .fons-3{height: auto; padding-bottom: 10px;} .block-8{padding: 80px 0;} .block-8 .list{display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;} .block-8 .list .item{background: #F3F5F7; padding: 30px 40px; border-radius: 10px; display: flex; justify-content: left; align-items: center;} .block-8 .list .item img{display: block; margin-right: 20px;} .block-8 .list .item .item-right{position: relative;} .block-8 .list .item .item-right .item-title{font-size: 18px; margin-bottom: 10px; font-weight: 600;} .block-8 .list .item .item-right .item-text{} .block-9{padding: 80px 0; background: #F5F6F8;} .block-9 .item-top{background: #fff; padding: 40px 60px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px;} .block-9 .item-top .item-left{width: calc(100% - 350px);} .block-9 .item-top .item-left .item-title{font-size: 24px; font-weight: 600; margin-bottom: 10px;} .block-9 .item-top .item-left .item-fons{display: flex; justify-content: left;} .block-9 .item-top .item-left .item-fons span{display: block;background: linear-gradient(to right, #F1B709 60%, #fff 100%); font-size: 20px; color: #fff; font-weight: 600; padding: 5px 30px 5px 15px; margin-bottom: 30px;} .block-9 .item-top .item-left .item-text{} .block-9 .item-top img{border:1px #F3F5F7 solid; max-width: 310px;} .block-9 .item-bottom{position: relative; max-width: 130px; margin: 0 auto;} .block-9 .item-bottom img{margin-bottom: 20px; display: block; width: 100%;} .block-9 .item-bottom .fons{text-align: center;word-wrap: break-word;word-break: break-all;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;height: 35px; margin-bottom: 20px;} .block-9 .item-bottom .fons2{display: flex;justify-content: center;} .block-9 .item-bottom .fons2 span{background: #EFEFEF; padding: 2px 5px; border-radius: 5px; font-size: 12px;} .swiper_pagination_banner{width: 80%; position: relative;} .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{left: 10%; width: 80%;text-align: center; bottom: 0; padding-top: 10px;} .swiper_pagination_banner > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets{right: auto;} .swiper_pagination_banner > .swiper-pagination-bullet{background: #BBBBBD; opacity: 1; width: 20px; height: 2px; border-radius: 0; margin: 0 4px!important;transition: all 0.3s;} .swiper_pagination_banner > .swiper-pagination-bullet-active{background: #F2B80A;} .table-radius{border-radius: 6px 6px 0 0; overflow: hidden;} .table-radius table{width: 100%; } .table-radius table td{padding: 15px 15px 15px 50px; font-size: 14px; color: #393939;} .table-radius table tr:nth-child(2n){background: #F5F6F8;} .table-radius table tr:nth-child(1){background: #F2B90A;} .table-radius table tr:nth-child(1) td{font-size: 20px; color: #fff;/* font-weight: 600; text-transform: uppercase;*/} .table-radius-2{border-radius: 6px 6px 0 0; overflow: hidden;} .table-radius-2 table{width: 100%; } .table-radius-2 table td{padding: 15px 15px 15px 15px; font-size: 14px; color: #393939;} .table-radius-2 table tr:nth-child(2n){background: #F5F6F8;} .table-radius-2 table tr:nth-child(1){background: #F2B90A;} .table-radius-2 table tr:nth-child(1) td{font-size: 20px; color: #fff;/* font-weight: 600; text-transform: uppercase;*/} .table-radius-2 table .border-right{border-right:#ccc 1px solid;} .table-radius-2 table .border-bottom{border-bottom:#ccc 1px solid;} .table-radius-2 table .background-color{background: #F5F6F8;} .table-radius-2 table .background-color2{background: #fff;} .table-radius-3{border-radius: 6px 6px 0 0; overflow: hidden;} .table-radius-3 table{width: 100%; } .table-radius-3 table td{padding: 15px; font-size: 14px; color: #393939;} .table-radius-3 table tr:nth-child(2n){background: #F5F6F8;} .table-radius-3 table tr:nth-child(1){background: #F2B90A;} .table-radius-3 table tr:nth-child(1) td{font-size: 20px; color: #fff;/* font-weight: 600; text-transform: uppercase;*/} .table-radius-3 table .border-right{border-right:#ccc 1px solid;} .table-radius-3 table .border-bottom{border-bottom:#ccc 1px solid;} .table-radius-3 table .background-color{background: #F5F6F8;} .table-radius-3 table .background-color2{background: #fff;} .table-radius-bottom{margin-bottom: 60px;} .tan-bg{background: rgba(0,0,0,0.5); position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 999; display: none;justify-content: center; align-items: center;} .tan-padding{padding: 20px; background: #fff; border-radius: 10px; width: calc(90% - 40px); position: relative;} .tan-padding .shut{width: 30px; position: absolute;top: 10px; right: 10px;} .tan-padding .shut img{display: block; width: 100%;} .tan-padding .tan-title{font-size: 20px; font-weight: 600;color: #F2B90A;margin-bottom: 10px;} .tan-padding .tan-subtitle{font-size: 16px; font-weight: 600;margin-bottom: 20px;} .tan-padding .tan-text{margin-bottom: 20px;} .tan-padding .tan-img{margin-bottom: 20px; background: #EFEFEF; border-radius: 10px; overflow: hidden;} .tan-padding .tan-img img{display: block; width: 100%;} .tan-padding .tan-function{text-align: center; font-size: 16px; font-weight: 600; margin-bottom: 20px;color: #F2B90A;} .tan-padding .tan-grid{display: grid;grid-template-columns: repeat(2, 1fr); gap: 20px;} .tan-padding .tan-grid .item{background: #F5F6FA; padding: 10px; border-radius: 10px; display: flex; justify-content: center;align-items: center;} .tan-padding .tan-grid .item img{width: 26px; margin-right: 10px;} .tan-padding .tan-grid-2{display: grid;grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 20px;} .tan-padding .tan-grid-2 .item{display: flex; justify-content:left;align-items: center;} .tan-padding .tan-grid-2 .item img{width: 10px; margin-right: 6px;} .tan-padding .tan-grid-2 .item span{font-size: 12px;} .tan-padding .tan-table-title{background: #F2B90A; display: flex; justify-content: left; align-items: center; padding: 6px 10px; color: #fff; font-weight: 600;} .tan-padding .tan-table-title .item-1{width: 80px;} .tan-padding .tan-table-title .item-2{width: calc(100% - 80px);} .tan-padding .tan-table{display: flex; justify-content: left; align-items: center; padding: 6px 10px; font-weight: 400; border-left:1px #CCC solid; border-bottom:1px #CCC solid; border-right:1px #CCC solid; font-size: 12px;} .tan-padding .tan-table .item-1{width: 80px;} .tan-padding .tan-table .item-2{width: calc(100% - 80px);} .tan-padding .tan-overflow{overflow: auto; max-height: 500px;} .tan-padding .tan-table-title-2{background: #F2B90A; display: flex; justify-content: left; align-items: center; padding: 6px 10px; color: #fff; font-weight: 600;} .tan-padding .tan-table-title-2 .item-1{width: 80px;} .tan-padding .tan-table-title-2 .item-2{width: calc(100% - 120px);} .tan-padding .tan-table-title-2 .item-3{width: 40px;} .tan-padding .tan-table-2-flex{display: flex;justify-content: left; align-items: stretch;} .tan-padding .tan-table-2{display: flex; justify-content: left; align-items: center; padding: 6px 10px; font-weight: 400; border-left:1px #CCC solid; border-bottom:1px #CCC solid; border-right:1px #CCC solid; font-size: 12px;} .tan-padding .tan-table-2 .item-1{width: 80px;} .tan-padding .tan-table-2 .item-2{width: calc(100% - 80px);} .tan-padding .tan-table-2 .item-2 .logoImg{width:100%; max-width: 200px;} .tan-padding .tan-table-left{display: flex; justify-content: center; align-items: center; width: 40px; border-left:1px #CCC solid; border-bottom:1px #CCC solid; writing-mode: vertical-rl; letter-spacing: 2px;} .tan-padding .tan-table-right{width: calc(100% - 40px);} .products-nav{display: flex; justify-content: center; align-items: stretch; position: relative; top: -30px;} .products-nav .item{margin: 0 30px; cursor: pointer; width: 330px;} .products-nav .item img{width: 100%; overflow: hidden; border-radius: 10px; box-shadow: 0 0 20px 5px rgba(0,0,0,0.1); border:2px #fff solid;} .products-nav .item span{display: block; text-align: center; font-size: 18px; font-weight: 600; padding-top: 10px;} .products-nav .active img{border:2px #F2B90A solid;} .products-nav .active span{color: #F2B90A;} .block-6-two{background: #fff; padding: 80px 0 0 0;} .block-6-two .list{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;} .block-6-two .list .item{border-radius: 15px; background: #fff; display: block; overflow: hidden; transition: all 0.3s;box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.1);} .block-6-two .list .item img{display: block; width: 100%;} .block-6-two .list .item .title{padding: 20px; font-size: 16px; color: #222121; font-weight: 600;text-transform: capitalize;} /*.block-6-two .list .item:hover{background: #F2B80A;} .block-6-two .list .item:hover .title{color: #fff;}*/ @media screen and (max-width:1450px){ } @media screen and (max-width:1200px){ } @media screen and (max-width: 960px){ } @media screen and (max-width: 768px){ .i-padding-title{padding: 0 0 30px 0;} .i-title{font-size: 24px; line-height: normal;} .i-title strong{width: 35px;} .block-7 .list .list-item .item-padding img{width: 40px;} .block-7 .list .list-item{height: 200px;} .er_banner .banner_title4 { background: linear-gradient(to bottom, rgba(255, 255, 255, .7) 10%, rgba(255, 255, 255, 0) 100%); padding: 20px; margin-top: 0; text-align: center; line-height: 32px; position: relative; top: -100px; display: block; } .er_banner .banner_title4 img{width: 220px; margin: 0 auto 20px auto;} .er_banner .banner_title4 strong{font-size: 28px;} .er_banner .banner_title4-none{ background: none; } .block-4-grid{padding: 40px 0;} .block-4-grid .list{grid-template-columns: repeat(1, 1fr);} .block-4-grid-2{padding: 40px 0;} .block-4-grid-2 .list{grid-template-columns: repeat(1, 1fr);} .block-5{padding: 40px 0;} .block-5 .block-bg{padding: 10px;} .block-5 .block-bg img{display: block; width: 100%;} .block-6{padding: 40px 0;} .block-6 .list{grid-template-columns: repeat(1, 1fr);} .block-6-two{padding: 40px 0 0 0;} .block-6-two .list{grid-template-columns: repeat(1, 1fr);} .er_body_bg{padding-bottom: 40px;} .table-radius{overflow: auto;} .table-radius table{width: 500px;} .table-radius-2{overflow: auto;} .table-radius-2 table{width: 100%;} .table-radius-2 table tr:nth-child(1) td{font-size: 16px;} .table-radius-2 table td{padding: 8px; font-size: 12px;} .table-radius-3{overflow: auto;} .table-radius-3 table{width: 1200px;} .block-4-grid-2 .list-title-bottom2{font-size: 18px;line-height: inherit;} .block-6 .block-item .item-left{width: 100%;} .block-6 .block-item .item-left span{font-size: 18px;} .block-6 .block-item .item-right{width: 100%;} .block-6-item-padding{padding: 20px;} .block-6-item-padding .item-1{margin-bottom: 15px; gap: 1%;} .block-6-item-padding .item-1 span{padding: 3px;font-size: 12px;} .block-6-item-padding .item-2{padding: 10px;} .block-6-item-padding .item-2 .item-list{justify-content: left;flex-wrap: wrap;} .block-6-item-padding .item-2 .item-list span{margin-bottom: 5px;min-width: 65px;padding: 3px; font-size: 12px;} .block-6-item-padding .item-3 .products-button .item-button span{padding: 3px 5px; font-size: 12px;} .block-6-item-padding .item-2-tow .item-title{font-size: 14px;} .block-6-item-padding .item-2-tow .item-list{grid-template-columns: repeat(2, 1fr);gap: 10px;} .block-6-item-padding .item-4{grid-template-columns: repeat(2, 1fr);} .block-6-item-padding .item-4 .item-4-list span{font-size: 12px;} .block-6-item-padding .item-5 .item-5-list{flex-wrap: wrap;justify-content: center; padding: 0 10px;} .block-6-item-padding .item-5 .item-5-list span{width: 45%; margin: 0 2px 5% 0;} .block-6-item-padding .item-5 .item-5-list span img{width: 100%;} .block-7 .list{grid-template-columns: repeat(2, 1fr);padding: 10px;} .block-7 .list .list-item .item-padding .fons-1{font-size: 26px;line-height: 30px;} .block-7 .list .list-item .item-padding .fons-2{font-size: 18px;} .block-6-item-padding .item-2-tow .item-list .item-icon span{font-size: 12px;} .block-8 .list{grid-template-columns: repeat(1, 1fr);} .block-8 .list .item{padding: 20px;} .block-8 .list .item .item-right .item-title{font-size: 16px;} .block-9 .item-top{flex-direction: column; padding: 20px;} .block-9 .item-top .item-left{width: 100%;} .block-9 .item-top .item-left .item-title{font-size: 20px; text-align: center;} .block-9 .item-top .item-left .item-fons{text-align: center; justify-content: center;} .block-9 .item-top .item-left .item-fons span{font-size: 20px; margin-bottom: 20px;} .block-9 .item-top .item-left .item-text{margin-bottom: 20px;} .block-6-item-padding .item-3 .products-button .item-button span{width: auto;} .table-radius-3 table tr:nth-child(1) td{font-size: 12px;} .table-radius-3 table{width: 560px;} .block-7 .list .list-item{padding: 10px;} .block-7, .block-8, .block-9{padding: 40px 0;} .swiper_pagination_banner > .swiper-pagination-bullet{width: 20px;margin: 0 4px !important;} .button-download a{line-height: 36px;} .products-nav{top: -12px;} .products-nav .item{margin: 0 10px;width: 110px;} .products-nav .item img{ width: 100%;} .products-nav .item span{font-size: 14px;} }