/*.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;}*/


.block-7{padding: 80px 0;}
.block-7 .top-text{text-align: center; font-size: 18px; padding-bottom: 30px;}
.block-7 .list{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
.block-7 .list .item{padding: 40px 20px;border-radius: 10px; background: #F3F5F7; text-align: center; display: flex; justify-content: center; align-items: center;flex-direction: column;transition: all 0.3s;}
.block-7 .list .item .icon-img{width: 100%; max-width: 120px; position: relative;}
.block-7 .list .item .icon-img .img-a{opacity: 1;transition: all 0.3s;}
.block-7 .list .item .icon-img .img-h{opacity: 0; position: absolute; left: 0; top: 0;transition: all 0.3s;}
.block-7 .list .item .title{font-size: 20px; font-weight: 600; padding: 20px 0;transition: all 0.3s;}
.block-7 .list .item  p{font-size: 16px; color: #393939;transition: all 0.3s;}
.block-7 .list .item:hover{background: #F1B709;}
.block-7 .list .item:hover .icon-img .img-a{opacity: 0;}
.block-7 .list .item:hover .icon-img .img-h{opacity: 1;}
.block-7 .list .item:hover .title{color: #fff;}
.block-7 .list .item:hover p{color: #fff;}

.block-8{background: #F5F6F8; padding: 80px 0;}
.block-8 .right-width{background: #fff; border-radius: 15px;}
.block-8 .right-width .width-padding{padding: 30px 40px; color: #303030;}
.block-8 .right-width .width-padding .list-input{margin-bottom: 10px; display: flex; justify-content: left; align-items: center;}
.block-8 .right-width .width-padding .list-input .left-fons{color: #8C8C8C; width: 70px;}
.block-8 .right-width .width-padding .list-input .left-fons span{color: #EA0000;}
.block-8 .right-width .width-padding .list-input .left-fons-input{width: calc(100% - 70px); border: 0; height: 24px;background: #F3F3F3; padding: 3px 10px;}
.block-8 .right-width .width-padding .list-input .left-fons-select{width: calc(100% - 70px); border: 0; height: 30px;background: #F3F3F3; padding: 3px 10px;}
.block-8 .right-width .width-padding .list-input .left-fons-textarea{width: calc(100% - 70px); border: 0; height: 100px;background: #F3F3F3; padding: 3px 10px;}
.block-8 .right-width .width-padding .list-input2{align-items: flex-start;}
.block-8 .right-width .width-padding .button{text-align: center; padding-top: 30px; display: flex; justify-content: center; align-items: center;}
.block-8 .right-width .width-padding .button span{border:1px #2D2D2D solid; color: #2D2D2D; font-weight: 600; padding: 15px 20px; display: flex; justify-content: center; align-items: center; margin: 0 auto;border-radius: 10px; cursor: pointer;transition: all 0.3s;}
.block-8 .right-width .width-padding .button span:hover,
.block-8 .right-width .width-padding .button span.on{border:1px #f2b80a solid; color: #fff; background: #f2b80a;}


@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,.block-8,.block-7{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);}

    .block-7 .top-text{font-size: 14px; text-align: left; line-height: 24px;}
    .block-7 .list{display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
    .block-7 .list .item{padding: 20px 10px;}
    .block-7 .list .item .title{font-size: 16px;}
    .block-7 .list .item p{font-size: 14px;}
    /*.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;}




}