/*.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; text-transform: uppercase;} .i-title strong{display: block; width: 55px; height: 4px; background: #F2B80A; border-radius: 0 5px 5px 0; margin-right: 20px;} .block-1{padding: 0 0 80px 0;} .block-1-1{padding: 80px 0;} .block-1 .list{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;} .block-1 .list .item{background: #F3F5F7; padding: 16px 26px 36px 26px; border-radius: 15px; transition: all 0.3s;} .block-1 .list .item .icon-img{position: relative; margin-bottom: 10px;} .block-1 .list .item .icon-img .img-a{opacity: 1; width: 80px;} .block-1 .list .item .icon-img .img-h{opacity: 0; width: 80px; position: absolute; left: 0; top: 0;} .block-1 .list .item .text{font-size: 14px; color: #393939;} .block-1 .list .item:hover{background: #F2B80A;} .block-1 .list .item:hover .icon-img .img-a{opacity: 0;} .block-1 .list .item:hover .icon-img .img-h{opacity: 1;} .block-1 .list .item:hover .text{color: #fff;} .block-2{background: #F5F6F8; padding: 80px 0;} .block-2 .flex{display: flex; justify-content: space-between; align-items: flex-start;} .block-2 .flex .left-img{max-width: 688px; width: 58%;} .block-2 .flex .left-img2{max-width: 676px; width: 58%;} .block-2 .flex .right-fons{padding: 40px; border-radius: 15px; background: #fff; max-width: 478px; width: 38%;} .block-2 .flex .right-fons .title{font-size: 20px; color: #000; font-weight: 600; margin-bottom: 30px;text-transform: uppercase;} .block-2 .flex .right-fons .item{margin-bottom: 30px;} .block-2 .flex .right-fons .item img{margin-bottom: 10px;} .block-2 .flex .right-fons .item .text{font-size: 14px; color: #393939;} .block-3{padding: 80px 0;} .block-3 .list{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;} .block-3 .list .item{background: #F3F5F7; padding: 16px 26px 36px 26px; border-radius: 15px; transition: all 0.3s;} .block-3 .list .item .icon-img{position: relative; margin-bottom: 10px;} .block-3 .list .item .icon-img .img-a{opacity: 1; width: 80px;} .block-3 .list .item .icon-img .img-h{opacity: 0; width: 80px; position: absolute; left: 0; top: 0;} .block-3 .list .item .text{font-size: 14px; color: #393939;} .block-3 .list .item:hover{background: #F2B80A;} .block-3 .list .item:hover .icon-img .img-a{opacity: 0;} .block-3 .list .item:hover .icon-img .img-h{opacity: 1;} .block-3 .list .item:hover .text{color: #fff;} .block-3 .list2{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;} .block-4{background: #F5F6F8; padding: 80px 0;} .block-4 .list{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;} .block-4 .item{margin-bottom: 20px; background: #fff; border-radius: 15px; padding: 40px; display: flex; justify-content: space-between; align-items: center;} .block-4 .item img{width: 100px;} .block-4 .item .right-fons{width: calc(100% - 130px);} .block-4 .item .right-fons .title{font-size: 20px; color: #000; margin-bottom: 20px;text-transform: uppercase; font-weight: 600;} .block-4 .item .right-fons .text{position: relative} .block-4 .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{background: #F5F6F8; 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: #fff; border-radius: 15px; padding: 40px;} .block-4-grid .list .item img{width: 100px; 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} .block-5{padding: 80px 0;} .block-5 .block-bg{background: #F5F6F8; padding: 50px; border-radius: 15px;} .block-5 .block-bg .button-download{padding-top: 50px; text-align: center;} .block-5 .block-bg .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;} .block-5 .block-bg .button-download a:hover{color: #fff; border:1px #F2B80A solid; background: #F2B80A;} .table-radius{border-radius: 6px 6px 0 0; overflow: hidden;} .table-radius table{width: 100%; } .table-radius table td{width: 50%; padding: 15px 15px 15px 50px; font-size: 14px; color: #393939;} .table-radius table tr:nth-child(2n){background: #fff;} .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 50px; font-size: 14px; color: #393939;} .table-radius-2 table tr:nth-child(2n){background: #fff;} .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:#000 1px solid;} .table-radius-2 table .border-bottom{border-bottom:#000 1px solid;} .table-radius-2 table .background-color{background: #F5F6F8;} .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: #fff;} .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:#000 1px solid;} .table-radius-3 table .border-bottom{border-bottom:#000 1px solid;} .table-radius-3 table .background-color{background: #F5F6F8;} .table-radius-bottom{margin-bottom: 60px;} .block-6{background: #F5F6F8; padding: 80px 0;} .block-6 .list{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;} .block-6 .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 .list .item img{display: block; width: 100%;} .block-6 .list .item .title{padding: 20px; font-size: 16px; color: #222121; font-weight: 600;text-transform: capitalize;} /*.block-6 .list .item:hover{background: #F2B80A;} .block-6 .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-1{padding: 0 0 40px 0;} .block-1-1{padding: 40px 0;} .block-1 .list{grid-template-columns: repeat(1, 1fr);} .block-2{padding: 40px 0;} .block-2 .flex{flex-direction: column;} .block-2 .flex .left-img, .block-2 .flex .left-img2{width: 100%; max-width: 100%; margin-bottom: 20px;} .block-2 .flex .right-fons{padding: 20px;width:calc(100% - 40px); max-width: 100%;} .block-3{padding: 40px 0;} .block-3 .list{grid-template-columns: repeat(1, 1fr);} .block-4{padding: 40px 0;} .block-4 .item{padding: 20px; flex-direction: column;} .block-4 .item img{margin-bottom: 20px;} .block-4 .item .right-fons{width: 100%;} .block-4 .item .right-fons .title{text-align: center;} .block-4-grid{padding: 40px 0;} .block-4-grid .list{grid-template-columns: repeat(1, 1fr);} .block-5{padding: 40px 0;} .block-5 .block-bg{padding: 20px;} .block-6{padding: 40px 0;} .block-6 .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: 1000px;} .table-radius-3{overflow: auto;} .table-radius-3 table{width: 1200px;} }