.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: flex; justify-content: space-between; align-items: stretch;}
.block-6 .block-item .item-left{display: flex; justify-content: center; align-items: center; background: #F1B709; width: 76px;}
.block-6 .block-item .item-left span{display: block; padding: 20px 0; writing-mode: vertical-rl;text-orientation: upright;letter-spacing: 2px; font-size: 24px; font-weight: 600; color: #fff;}
.block-6 .block-item .item-right{width: calc(100% - 76px);}

.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: block; 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: 600;}

.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: 600; 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; 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: -27px; margin-bottom: -27px; 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: 600; font-size: 16px;}
.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: 600; font-size: 16px;}
.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: 600;}

.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: 600; padding: 8px 10px 8px 10%;}
.block-6-item-padding .item-3 .products-relative .pattern-4 .item-4-right .fons-3{font-weight: 600;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: 600;}

.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: 42px;}


.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 50px; 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:#000 1px solid;}
.table-radius-2 table .border-bottom{border-bottom:#000 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:#000 1px solid;}
.table-radius-3 table .border-bottom{border-bottom:#000 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;}






@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;}

    .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: -180px;
        text-align: center;
        line-height: 32px;
    }
    .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);}

    .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: 900px;}
    .table-radius-2 table td{padding: 8px;}

    .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: 40px;}
    .block-6 .block-item .item-left span{font-size: 18px;}
    .block-6 .block-item .item-right{width: calc(100% - 40px);}

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

}<!--ºÄʱ1766210873.6258Ãë-->