@font-face{ font-family: 'Roboto-Black'; src: url('fonts/Roboto-Black.ttf'); } @font-face{ font-family: 'Roboto-Bold'; src: url('fonts/Roboto-Bold.ttf'); } @font-face{ font-family: 'Roboto-ExtraBold'; src: url('fonts/Roboto-ExtraBold.ttf'); } @font-face{ font-family: 'Roboto-ExtraLight'; src: url('fonts/Roboto-ExtraLight.ttf'); } @font-face{ font-family: 'Roboto-Light'; src: url('fonts/Roboto-Light.ttf'); } @font-face{ font-family: 'Roboto-Medium'; src: url('fonts/Roboto-Medium.ttf'); } @font-face{ font-family: 'Roboto-Regular'; src: url('fonts/Roboto-Regular.ttf'); } @font-face{ font-family: 'Roboto-SemiBold'; src: url('fonts/Roboto-SemiBold.ttf'); } @font-face{ font-family: 'Roboto-Thin'; src: url('fonts/Roboto-Thin.ttf'); } *{ font-family: "Roboto-Regular"; } :root{ --mainColor:#014492; --222:#222222; --333:#333333; --fff:#ffffff; } /*header start*/ .header{width: 100%;height: auto;background: #FFFFFF;transition: all 0.6s;position: relative;} .header.fixed{position: fixed;left: 0;top: 0;z-index: 999;transition: all 0.6s;} .header.fixed.active{top: -200px;transition: all 0.6s;} .header_top_box{width: 100%;height: auto;} .header_top_content_box{width: 100%;height: 90px;display: flex;justify-content: space-between;align-items: center;} .header_top_content_left_box{height: 100%;display: flex;justify-content: flex-start;align-items: center;} .logo{width: 111px;height: auto;} .logo img{width: 100%;height: auto;display: block;} .header_top_content_stock_code{font-size: 18px;color: var(--mainColor);font-family: "Roboto-Medium";margin-left: 21px;} .header_top_search_box{width: 370px;height: 40px;margin-left: 50px;border: 1px solid #E9E9E9;border-radius: 6px;} .header_top_search_box form{display: flex;justify-content: flex-start;height: 100%;width: 100%;} .header_top_search_input{width: 89.73%;height: 100%;display: block;padding: 0 20px;border: none;outline: none;font-size: 16px;color: #000000;background: none;} .header_top_search_input::placeholder{color: #999999;} .header_top_search_btn{display: block;flex: 1;background: url(../images/header_search_btn_ico.png) no-repeat center center var(--mainColor);background-size: 24px auto;border: none;cursor: pointer;border-radius: 0 6px 6px 0;} .header_top_content_right_box{display: flex;justify-content: flex-end;align-items: center;} .header_top_content_right_application_link{width: 200px;height: 40px;} .header_top_content_right_application_link a{display: flex;justify-content: center;align-items: center;text-align: center;width: 100%;height: 100%;border-radius: 90px;background: var(--mainColor);font-size: 16px;color: #FFFFFF;} .hd_btn{display: none;position: relative;float: right;width: 6vw;height: 5vw;cursor: pointer;} .hd_btn span{position: absolute;left: 0;top: 0px;width: 100%;height: 0.5vw;background-color: var(--mainColor);transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;} .hd_btn .s1 {top: 0;} .hd_btn .s2 {top: 2vw;} .hd_btn .s3 {top: 4vw;} .hd_btn.on .s1 {top: 2vw;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);} .hd_btn.on .s2 {opacity: 0;} .hd_btn.on .s3 {top: 2vw;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);} .header_top_content_right_language_box{width: 90px;height: auto;margin-left: 20px;cursor: pointer;position: relative;} .header_top_content_right_language_btn{width: 100%;height: 40px;border-radius: 90px;display: flex;justify-content: center;align-items: center;border: 1px solid #D9D7D7;} .header_top_content_right_language_btn img{display: block;} .header_top_content_right_language_btn img:nth-of-type(1){width: 22px;} .header_top_content_right_language_btn i{display: block;font-size: 16px;color: #666666;margin: 0 5px;font-style: initial;} .header_top_content_right_language_content{width: 80px;height: auto;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);padding-top: 5px;display: none;z-index: 99;} .header_top_content_right_language_content_list{width: 100%;height: auto;box-shadow: 0px 0px 20px 10px rgba(1, 68, 146, 0.05);border-radius: 10px;position: relative;} .header_top_content_right_language_content_list:before{content: "";display: block;width: 0;height: 0;border: 3px solid transparent;border-bottom-color: #FFFFFF;position: absolute;left: 50%;transform: translateX(-50%);top: -6px;} .header_top_content_right_language_content_list a{display: block;line-height: 30px;background: #FFFFFF;transition: all 0.3s;padding: 0 12px;width: 100%;font-size: 16px;color: #000000;} .header_top_content_right_language_content_list a:hover{background: #E8EDF3;} .header_top_content_right_language_content_list a:nth-of-type(1){border-radius: 10px 10px 0px 0px;} .header_top_content_right_language_content_list a:nth-last-of-type(1){border-radius: 0px 0px 10px 10px;} .header_top_content_right_language_box:hover .header_top_content_right_language_content{display: block;} .header_bottom_box{width: 100%;height: auto;background: var(--mainColor);position: relative;} .header_bottom_nav_box{width: 100%;height: 50px;display: flex;justify-content: flex-start;} .header_bottom_nav_box li{height: 100%;display: flex;align-items: center;width: 220px;} .nav_frist_link{display: block;font-size: 18px;color: #FFFFFF;line-height: 50px;width: 100%;text-align: center;} .header_bottom_nav_box li.on .nav_frist_link{background: #013673;} .nav_list_box{width: 100%;height: auto;display: none;position: absolute;left: 0;top: 100%;z-index: 99;} .header_nav_list_product_box{width: 100%;height: auto;background: #D9E0E9;display: flex;justify-content: flex-start;} .header_nav_list_product_left{width: 28.65%;height: auto;background: #E8EDF3;padding: 60px 0;padding-left: 13.335%;} .header_nav_list_product_left_dl{width: 100%;height: auto;} .header_nav_list_product_left_dl dd{width: 100%;height: auto;} .header_nav_list_product_left_dl dd:hover a,.header_nav_list_product_left_dl dd.on a{color: var(--mainColor);} .header_nav_list_product_left_dl dd a{display: flex;width: 100%;align-items: center;justify-content: flex-start;font-size: 22px;color: #333333;} .header_nav_list_product_left_dl dd img{display: block;margin-left: 10px;filter: grayscale(100%);} .header_nav_list_product_left_dl dd:hover img,.header_nav_list_product_left_dl dd.on img{filter: initial;} .header_nav_list_product_left_dl dd + dd{margin-top: 40px;} .header_nav_list_product_right{flex: 1;} .header_nav_list_product_right_list{width: 100%;height: auto;padding: 60px 0;display: none;} .header_nav_list_product_right_content{width: 77.32%;height: auto;margin-left: 50px;} .header_nav_list_product_right_content_title{width: 100%;height: auto;padding-bottom: 10px;border-bottom: 1px solid #B1B9C3;} .header_nav_list_product_right_content_title h2{font-size: 22px;color: var(--mainColor);font-family: "Roboto-Medium";} .header_nav_list_product_right_content_title h2 a:hover{text-decoration: underline;} .header_nav_list_product_right_content_box{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;} .header_nav_list_product_right_content_dl{margin-top: 21px;margin-left: 90px;} .header_nav_list_product_right_content_dl:nth-of-type(5n+1){margin-left: 0;} .header_nav_list_product_right_content_dl dt a{font-size: 22px;color: #333333;font-family: "Roboto-Medium";transition: all 0.3s;} .header_nav_list_product_right_content_dl dt{margin-bottom: 4px;} .header_nav_list_product_right_content_dl dt a:hover{color: var(--mainColor);} .header_nav_list_product_right_content_dl dd{margin-top: 16px;} .header_nav_list_product_right_content_dl dd a{font-size: 18px;color: #666666;transition: all 0.3s;} .header_nav_list_product_right_content_dl dd a:hover{color: var(--mainColor);text-decoration: underline;} .header_nav_list_box{width: 100%;height: auto;background: #E8EDF3;padding: 52px 0px;padding-top: 31px;} .header_nav_list_content{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;} .header_bottom_nav_box li:nth-of-type(3) .header_nav_list_content{justify-content: space-between;} .header_bottom_nav_box li:nth-of-type(3) .header_nav_list_content .header_nav_list_product_right_content_dl{margin-left: 0;} /*header end*/ /*banner star*/ .banner{width: 100%;height: auto;position: relative;} .index_banner_swiper{width: 100%;height: auto;} .index_banner_bg{width: 100%;height: auto;} .index_banner_bg img{width: 100%;height: auto;display: block;} .index_banner_content_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;align-items: center;} .index_banner_content{width: 44.643%;height: auto;-webkit-animation-delay: 1s;} .index_banner_content span{display: block;width: 151px;height: 5px;background: #FFFFFF;border-radius: 10px;} .index_banner_content h2{font-size: 60px;color: #FFFFFF;font-family: "Roboto-Bold";margin-top: 20px;} .index_banner_content p{font-size: 36px;color: #FFFFFF;margin-top: 10px;} .index_banner_content_ul{width: 100%;height: auto;display: flex;justify-content: space-between;margin-top: 20px;} .index_banner_content_ul li{width: 48%;height: auto;overflow: hidden;border-radius: 12px;} .index_banner_content_ul li img{width: 100%;height: auto;display: block;} .index_banner_more{display: flex;justify-content: center;align-items: center;width: 170px;height: 56px;border: 1px solid #FFFFFF;border-radius: 10px;font-size: 20px;font-family: "Roboto-Medium";text-align: center;margin-top: 40px;color: #FFFFFF;transition: all 0.3s;} .index_banner_more:hover{border-color: var(--mainColor);background: var(--mainColor);} .index_banner_swiper_right,.index_banner_swiper_left{width: 46px;height: auto;} .index_banner_swiper_right img,.index_banner_swiper_left img{width: 100%;height: auto;display: block;} .index_banner_swiper_right{right: 50px;} .index_banner_swiper_left{left: 50px;} .index_banner_swiper_page{width: 100%;bottom: 30px !important;} .index_banner_swiper_page span{width: 28px;height: 4px;background: #FFFFFF;border-radius: 50px;} .index_banner_content_two{width: 57.2%;height: auto;} .index_banner_content_two h2{font-size: 56px;color: #FFFFFF;font-family: "Roboto-Bold";} .index_banner_content_two p{font-size: 26px;color: #FFFFFF;margin-top: 14px;} /*.index_banner_swiper .swiper-slide:nth-of-type(3) .contentWH1400{display: flex;justify-content: flex-end;}*/ .index_banner_content_three{flex-direction: column;align-items: flex-end;display: flex;} .index_banner_content_three h2{text-align: right;} .index_banner_content_three p{text-align: right;} /*banner end*/ /*content start*/ .content{width: 100%;height: auto;} .index_products_box{width: 100%;height: auto;padding: 80px 0px;overflow:hidden;} .index_title_box{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: flex-end;} .index_title_left h2{font-size: 56px;color: #000000;font-family: "Roboto-ExtraBold";} .index_title_left p{font-size: 24px;color: var(--mainColor);} .index_title_right{display: flex;justify-content: flex-end;} .index_title_right li{font-size: 20px;color: #4E494B;font-family: "Roboto-Medium";cursor: pointer;} .index_title_right li:hover{var(--mainColor)} .index_title_right li.on{text-decoration: underline;color: var(--mainColor);} .index_title_right li + li{margin-left: 46px;} .index_product_content_box{width: 100%;height: auto;overflow: hidden;} .index_product_content_list{width: 100%;height: 0;overflow: hidden;padding-left: calc(13.335% - 22px);padding-right: 20px;} .index_product_swiper{width: 100%;height: auto;padding: 76px 0 60px;padding-left: 22px;} .index_product_swiper .swiper-slide{width: 100%;height: auto;background: #E8EDF3;border-radius: 12px;border: 1px solid transparent;transition: all 0.3s;} .index_product_swiper .swiper-slide a{display: block;width: 100%;height: 100%;padding: 40px 36px;} .index_product_swiper .swiper-slide h2{font-size: 24px;color: #000000;font-family: "Roboto-Bold";} .index_product_swiper .swiper-slide p{font-size: 16px;color: #666666;margin-top: 8px;line-height: 1.4;display: block;min-height: 45px;} .index_product_swiper_bottom{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: flex-end;margin-top: 27px;overflow: hidden;} .index_product_swiper_bottom_more{display: flex;align-items: center;font-size: 16px;color: var(--mainColor);font-family: "Roboto-Medium";} .index_product_swiper_bottom_more img{display: block;margin-left: 14px;} .index_product_swiper_bottom_img{width: 68.5%;height: auto;aspect-ratio:311/243;} .index_product_swiper_bottom_img img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s;display: block;mix-blend-mode: multiply;} .index_product_swiper .swiper-slide:hover .index_product_swiper_bottom_img img{transform: scale(1.1);} .index_product_swiper .swiper-slide:hover{background: #FFFFFF;box-shadow: 0px 0px 20px 10px rgba(1, 68, 146, 0.05);border-color: var(--mainColor);} .index_product_swiper_controller{width: 100%;margin: 0px auto;height: auto;display: flex;justify-content: flex-start;align-items: center;padding-right: calc(13.335% - 20px);} .index_product_swiper_controller_left{width: 112px;height: auto;display: flex;justify-content: space-between;} .index_product_swiper_btn_left.swiper-button-disabled,.index_product_swiper_btn_right.swiper-button-disabled{opacity: 0.2;} .index_product_swiper_btn_left,.index_product_swiper_btn_right{width: 46px;height: auto;cursor: pointer;} .index_product_swiper_btn_left img,.index_product_swiper_btn_right img{width: 100%;height: auto;display: block;} .index_product_swiper_btn_left img{transform: rotateY(-180deg);} .index_product_swiper_controller_right{height: 2px;margin-left: 30px;flex: 1;position: relative;} .index_product_swiper_page{width: 100%;height: 100%;background: #E7E7E7;position: relative;bottom: auto !important;top: auto !important;left: auto !important;right: auto !important;} .index_product_swiper_page .swiper-pagination-progressbar-fill{background: var(--mainColor);} .index_about_box{width: 100%;height: auto;padding: 66px 0px;background: url(../images/index_about_bg.jpg) no-repeat center center;background-size: cover;overflow: hidden;} .index_about_content_box{width: 71.72%;height: auto;} .index_about_content_txt{width: 100%;height: auto;} .index_about_content_txt h2{font-size: 56px;color: #000000;font-family: "Roboto-ExtraBold";} .index_about_content_txt h3{font-size: 24px;color: var(--mainColor);margin-bottom: 12px;} .index_about_content_txt p{font-size: 18px;color: #333333;line-height: 1.6;} .index_about_content_certification_box{width: 100%;height: auto;margin-top: 20px;} .index_about_content_certification_box h3{display: flex;justify-content: flex-start;align-items: center;font-size: 18px;color: var(--mainColor);font-family: "Roboto-Medium";} .index_about_content_certification_box h3 img{display: block;margin-right: 10px;width: 17px;} .index_about_content_certification_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;} .index_about_content_certification_ul li{width: 17.93%;height: auto;margin-top: 24px;margin-left: 25px;} .index_about_content_certification_ul li:nth-of-type(1){margin-left: 0;} .index_about_content_certification_ul li img{width: 100%;height: auto;display: block;} .index_about_more{color: var(--mainColor);border-color: var(--mainColor);} .index_about_more:hover{color: #FFFFFF;} .index_solution_box{width: 100%;height: auto;padding-top: 98px;overflow: hidden;} .index_solution_content_box{width: 100%;height: auto;position: relative;margin-top: 70px;} .index_solution_content_sw{width: 100%;height: auto;} .index_solution_content_sw .swiper-slide{width: 100%;height: auto;position: relative;} .index_solution_content{width: 100%;height: auto;} .index_solution_content_list{width: 100%;height: auto;display: none;} .index_solution_content_list_bg{width: 100%;height: auto;} .index_solution_content_list_bg img{width: 100%;height: auto;display: block;} .index_solution_content_list_content{width: 100%;height: 100%;position: absolute;left: 0;top: 0;padding-top: 102px;} .index_solution_content_list_content_top{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: flex-start;} .index_solution_content_list_content_top_left{width: 76.93%;height: auto;} .index_solution_content_list_content_top_left h2{font-size: 30px;color: #FFFFFF;font-family: "Roboto-SemiBold";} .index_solution_content_list_content_top_left p{font-size: 18px;color: #F1F1F1;line-height: 1.6;margin-top: 13px;} .index_solution_content_list_content_top a{margin-top: 20px;} .index_solution_btn_box{width: 100%;height: auto;position: absolute;left: 0;bottom: 60px;z-index: 2;} .index_solution_btn{width: 100%;height: auto;display: flex;justify-content: flex-start;} .index_solution_btn li{width: 18.6%;height: auto;padding: 40px 27px;background: #FFFFFF;border-radius: 10px;cursor: pointer;transition: all 0.3s;} .index_solution_ico{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: center;} .index_solution_ico img{display: block;width: 54px;height: auto;transition: all 0.3s;} .index_solution_ico span{display: block;font-size: 22px;color: #666666;font-family: "Roboto-Medium";transition: all 0.3s;} .index_solution_btn li h2{font-size: 18px;color: #666666;margin-top: 20px;transition: all 0.3s;} .index_solution_btn li + li{margin-left: 20px;} .index_solution_btn li.on{background: var(--mainColor);} .index_solution_btn li.on .index_solution_ico img{filter: brightness(0) invert(1);} .index_solution_btn li.on .index_solution_ico span{color: #FFFFFF;} .index_solution_btn li.on h2{color: #FFFFFF;} .index_news_box{width: 100%;height: auto;padding: 80px 0px;overflow: hidden;} .index_news_content_box{width: 100%;height: auto;margin-top: 50px;} .index_news_content_list{width: 100%;height: auto;display: none;justify-content: space-between;align-items: center;} .index_news_content_list_left{width: 47.2%;height: auto;overflow: hidden;border-radius: 16px;position: relative;} .index_news_content_list_left_img{width: 100%;height: auto;overflow: hidden;} .index_news_content_list_left_img img{width: 100%;height: auto;display: block;transition: all 0.3s;} .index_news_content_list_left:hover .index_news_content_list_left_img img{transform: scale(1.1);} .index_news_content_list_left_content{width: 100%;height: 100%;position: absolute;left: 0;top: 0;padding: 26px 30px;display: flex;flex-direction: column;justify-content: flex-end;} .index_news_content_list_left_content h2{font-size: 24px;color: #FFFFFF;font-family: "Roboto-SemiBold";white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .index_news_left_time{width: 100%;height: auto;display: flex;justify-content: flex-start;align-items: center;font-size: 16px;color: #FFFFFF;margin-top: 10px;} .index_news_left_time img{display: block;margin-right: 6px;filter: brightness(0) invert(1);} .index_news_content_list_right{width: 48.643%;height: auto;} .index_news_content_list_right li{width: 100%;height: auto;} .index_news_content_list_right li a{display: block;width: 100%;height: auto;padding-bottom: 20px;border-bottom: 1px solid #E2E2E2;} .index_news_content_list_right li h2{font-size: 24px;color: #333333;font-family: "Roboto-Bold";transition: all 0.3s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .index_news_content_list_right li p{font-size: 18px;color: #666666;margin-top: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .index_news_right_time{width: 100%;height: auto;display: flex;justify-content: flex-start;align-items: center;font-size: 16px;color: #999999;margin-top: 10px;transition: all 0.3s;} .index_news_right_time img{display: block;margin-right: 6px;filter: grayscale(200%);} .index_news_content_list_right li:hover h2{color: var(--mainColor);} .index_news_content_list_right li:hover .index_news_right_time{color: var(--mainColor);} .index_news_content_list_right li:hover .index_news_right_time img{filter: initial;} .index_news_content_list_right li + li{margin-top: 27px;} .index_form_box{width: 100%;height: auto;padding: 80px 0px;background: url(../images/index_form_bg.jpg) no-repeat center center;background-size: cover;overflow: hidden;} .index_form_title{width: 100%;height: auto;} .index_form_title h2{font-size: 56px;color: #000000;font-family: "Roboto-ExtraBold";line-height: 1.1;} .index_form_title p{font-size: 20px;color: #666666;margin-top: 16px;} .index_form_content_box{width: 100%;height: auto;padding: 36px 45px;background: #E8ECF1;border-radius: 10px;margin-top: 60px;} .index_form_content_ul{width: 100%;height: auto;display: block;display: flex;justify-content: space-between;flex-wrap: wrap;} .index_form_content_ul li{width: 49%;height: auto;position: relative;margin-bottom: 20px;} .index_form_content_ul li.WH32{width: 32%;} .index_form_content_ul li.WH100{width: 100%;} .index_form_content_ul li input{display: block;width: 100%;height: 60px;background: #FFFFFF;border: none;border-radius: 6px;outline: none;padding: 0 30px;} .label_control{position: absolute;left: 30px;top: 50%;transform: translateY(-50%);font-size: 16px;color: #666666;} .label_control em{color: red;} .tips{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);font-size: 16px;color: red;display: none;} .index_form_content_ul li.inputon .tips{display: none !important;} .index_form_content_reason{width: 100%;height: auto;justify-content: space-between;display: flex;} .index_form_content_reason_left{width: 89.2%;height: auto;position: relative;} .index_form_content_reason_left textarea{display: block;width: 100%;height: 110px;border-radius: 6px;background: #FFFFFF;border: none;outline: none;resize: none;padding: 22px 30px;} .index_form_content_reason_left .label_control{top: 22px;transform: none;} .index_form_btn{width: 9.22%;height: auto;background: var(--mainColor);border-radius: 4px;font-size: 18px;color: #FFFFFF;font-family: "Roboto-Medium";display: block;border: none;cursor: pointer;outline: none;} .index_form_txt{width: 100%;height: auto;margin-top: 12px;} .index_form_txt p{font-size: 14px;color: #999999;} .index_form_txt p em{color: red;} .index_form_txt p a{text-decoration: underline;} /*overview.html start*/ .overview_banner_bg{width: 100%;height: auto;} .overview_banner_bg img{width: 100%;height: auto;display: block;} .overview_banner_content{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;align-items: center;} .overview_banner_content h1{font-size: 56px;color: #FFFFFF;font-family: "Roboto-Bold";text-align: center;} .crumbs_box{width: 100%;height: auto;border-bottom: 1px solid #E1E1E1;} .crumbs_content{width: 100%;height: 50px;display: flex;justify-content: space-between;align-items: center;} .crumbs_content img{display: block;width: 16px;height: auto;margin-right: 18px;} .crumbs_content a,.crumbs_content i{font-size: 16px;color: #666666;font-style: normal;display: block;} .crumbs_content i{margin: 0px 5px;} .crumbs_content a:hover{color: var(--mainColor);} .overview_info_box{width: 100%;height: auto;padding: 80px 0px;background: url(../images/overview_info_bg.png) no-repeat center bottom;} .overview_info_content{width: 100%;height: auto;} .overview_info_content h2{font-size: 50px;color: #000000;font-family: "Roboto-SemiBold";text-align: center;margin-bottom: 60px;} .overview_info_content p{font-size: 18px;color: #000000;line-height: 1.8;text-align: justify;} .overview_info_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;margin-top: 30px;} .overview_info_ul li{width: 25%;height: auto;margin-top: 30px;position: relative;} .overview_info_ul_ico{width: 48px;height: auto;display: flex;justify-content: center;margin: 0px auto;aspect-ratio:48/40;} .overview_info_ul_ico img{max-width: 100%;height: auto;display: block;} .overview_info_ul li h2{font-size: 50px;color: var(--mainColor);font-family: "Roboto-SemiBold";text-align: center;margin-top: 24px;} .overview_info_ul li h2 span{font-family: "Roboto-SemiBold";} .overview_info_ul li p{font-size: 16px;color: #666666;text-align: center;margin-top: 12px;} .overview_info_ul li:after{content: "";display: block;width: 1px;height: 130px;background: rgba(51, 51, 51, 0.16);position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .overview_info_ul li:nth-last-of-type(1):after{display: none;} .overview_list_box{width: 100%;height: auto;padding: 80px 0;background: url(../images/overview_list_bg.jpg) no-repeat center center;background-size: cover;} .overview_list_ul{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;} .overview_list_ul li{width: 48.6%;height: auto;padding: 50px;background: rgba(255,255,255,0.9);border-radius: 20px;} .overview_list_ul li h2{font-size: 30px;color: #333333;font-family: "Roboto-SemiBold";} .overview_list_ul li span{display: block;width: 120px;height: 4px;background: var(--mainColor);border-radius: 30px;margin-top: 16px;} .overview_list_ul li dl{width: 100%;height: auto;margin-top: 30px;min-height: 144px;} .overview_list_ul li dd{padding-left: 20px;position: relative;font-size: 20px;color: #333333;line-height: 1.8;} .overview_list_ul li dd:before{content: "";display: block;width: 6px;height: 6px;background: var(--mainColor);position: absolute;left: 0;top: 15px;border-radius: 50%;} .overview_list_ul li p{font-size: 18px;color: #666666;line-height: 1.6;margin-top: 30px;text-align: justify;} .overview_millstone_box{width: 100%;height: auto;padding: 80px 0px;} .overview_millstone_title{width: 100%;height: auto;} .overview_millstone_title h2{font-size: 56px;color: #000000;font-family: "Roboto-SemiBold";text-align: center;} .overview_millstone_swiper_top{width: 100%;height: auto;margin-top: 80px;} .overview_millstone_swiper_top_txt{width: 72%;margin: 0px auto;} .overview_millstone_swiper_top_txt p{font-size: 20px;color: #000000;text-align: center;line-height: 1.6;} .overview_millstone_swiper_top_txt p + p{margin-top: 10px;} .overview_millstone_swiper_top_txt p strong{color: var(--mainColor);} .overview_millstone_swiper_top h3{line-height: 1;font-size: 240px;text-align: center;font-family: "Roboto-Black";margin-top: 50px;color: transparent;background: linear-gradient(180deg,rgba(1, 68, 146, 0.16) 0%, rgba(255, 255, 255, 0) 75%);-webkit-background-clip: text;background-clip: text;} .overview_millstone_bottom_box{width: 100%;height: auto;position: relative;margin-top: -40px;padding: 0 80px;} .overview_millstone_bottom_box:before{content: "";display: block;width: 100%;height: 1px;background: #E9E9E9;position: absolute;left: 0;top: 0;} .overview_millstone_swiper_bottom .swiper-slide{cursor: pointer;} .overview_millstone_swiper_bottom span{display: block;width: 16px;height: auto;margin: 0px auto;margin-top: -5px;opacity: 0;} .overview_millstone_swiper_bottom h2{font-size: 20px;color: #666666;text-align: center;margin-top: 12px;} .overview_millstone_swiper_bottom .swiper-slide.swiper-slide-thumb-active span{opacity: 1;} .overview_millstone_swiper_bottom .swiper-slide.swiper-slide-thumb-active h2{font-family: "Roboto-Medium";color: var(--mainColor);text-decoration: underline;} .overview_millstone_swiper_bottom_right,.overview_millstone_swiper_bottom_left{width: 46px;height: auto;top: -23px;transform: none;margin-top: 0;background: none;} .overview_millstone_swiper_bottom_right img,.overview_millstone_swiper_bottom_left img{width: 100%;height: auto;display: block;} .overview_millstone_swiper_bottom_left img{transform: rotate(-180deg);} .overview_millstone_swiper_bottom_right{right: 0;} .overview_millstone_swiper_bottom_left{left: 0;} /*overview.html end*/ /*culture.html start*/ .culture_quality_box{width: 100%;height: auto;padding: 80px 0px;overflow: hidden;} .culture_quality_content_box{width: 100%;height: auto;margin-top: 70px;display: flex;justify-content: space-between;} .culture_quality_content_left{width: 42.86%;height: auto;overflow: hidden;border-radius: 10px;} .culture_quality_content_left img{width: 100%;height: 100%;object-fit: cover;} .culture_quality_content_right{width: 55.1%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;} .culture_quality_content_right li{width: 48.5%;height: auto;border: 1px solid #D9D9D9;padding: 60px 40px;} .culture_quality_content_right_ico{width: 47px;height: auto;display: flex;justify-content: center;aspect-ratio:47/42;transition: all 0.3s;} .culture_quality_content_right_ico img{display: block;max-width: 100%;height: auto;} .culture_quality_content_right li h2{font-size: 22px;color: #000000;font-family: "Roboto-Medium";margin-top: 20px;} .culture_quality_content_right li p{font-size: 18px;color: #666666;margin-top: 20px;line-height: 1.6;} .culture_quality_content_right li:nth-last-of-type(1),.culture_quality_content_right li:nth-last-of-type(2){margin-top: 30px;} .culture_quality_content_right li:hover .culture_quality_content_right_ico{transform: translateY(-8px);} .culture_advantage_box{width: 100%;height: auto;position: relative;} .culture_advantage_bg{width: 100%;height: auto;} .culture_advantage_bg img{width: 100%;height: auto;display: block;} .culture_advantage_content{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;align-items: center;} .culture_advantage_content_ul{width: 100%;height: auto;display: flex;justify-content: space-between;} .culture_advantage_content_ul li{position: relative;width: 20%;} .culture_advantage_content_ul li h3{font-size: 120px;color: transparent;line-height: 1;font-family: arial; -webkit-text-stroke: 2px rgba(255,255,255,0.26);text-stroke: 2px rgba(255,255,255,0.26);} .culture_advantage_content_ul li h2{position: absolute;left: 0;bottom: -5px;font-size: 30px;color: #FFFFFF;font-family: "Roboto-Medium";} .culture_advantage_content_ul li h2 span{font-size: 42px;} /*culture.html end*/ /*news.html start*/ .news_banner_content{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;align-items: center;} .news_banner_content h1{font-size: 56px;color: #FFFFFF;font-family: "Roboto-Bold";text-align: center;} .news_product_box{width: 100%;height: auto;padding: 80px 0px;background: #F8F8F8;} .news_product_title{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: center;} .news_product_title_left{display: flex;justify-content: flex-start;align-items: center;justify-content: space-between;} .news_product_title_left span{display: block;width: 18px;height: 6px;background: var(--mainColor);margin-right: 12px;} .news_product_title_left h2{font-size: 40px;color: #333333;font-family: "Roboto-Medium";} .news_product_title a{display: flex;justify-content: center;align-items: center;width: 170px;height: 54px;border: 1px solid var(--mainColor);border-radius: 10px;font-size: 20px;color: var(--mainColor);font-family: "Roboto-Medium";transition: all 0.3s;} .news_product_title a:hover{background: var(--mainColor);color: #FFFFFF;} .news_product_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 20px;} .news_product_ul li{width: 32%;height: auto;margin-left: 2%;margin-top: 30px;overflow: hidden;border-radius: 20px;background: #FFFFFF;border: 1px solid #eeeeee;} .news_product_ul li:nth-of-type(3n+1){margin-left: 0;} .news_product_ul_img{width: 100%;height: auto;overflow: hidden;} .news_product_ul_img img{width: 100%;height: auto;display: block;transition: all 0.3s;} .news_product_ul li:hover .news_product_ul_img img{transform: scale(1.1);} .news_product_ul_txt{width: 100%;height: auto;padding: 30px;} .news_product_ul_txt h2{font-size: 20px;color: #333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .news_product_ul_txt p{color: #333333;line-height: 1.6;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin-top: 24px;} .news_product_ul_time{width: 100%;height: auto;margin-top: 24px;padding-top: 24px;border-top: 1px solid #e4e4e4;font-size: 16px;color: #999999;} .news_company_box{width: 100%;height: auto;padding: 80px 0;} .crumbs_content_left{display: flex;height: 100%;justify-content: flex-start;align-items: center;} .crumbs_content_right{display: flex;height: 100%;justify-content: flex-end;} .crumbs_content_right li{height: 100%;position: relative;} .crumbs_content_right li + li{margin-left: 50px;} .crumbs_content_right li a{display: flex;align-items: center;height: 100%;color: #666666;} .crumbs_content_right li:hover a,.crumbs_content_right li.on a{color: var(--mainColor);} .crumbs_content_right li.on:after{content: "";display: block;width: 100%;height: 2px;background: var(--mainColor);position: absolute;left: 0;bottom: -1px;} .news_list_top_box{width: 100%;height: auto;padding: 80px 0;} .news_list_top_sw{width: 100%;height: auto;padding-bottom: 42px;} .news_list_top_sw .swiper-slide{border-radius: 10px;overflow: hidden;background: #FAFAFA;height: auto;width: 100%;} .news_list_top_sw .swiper-slide a{display: flex;justify-content: flex-start;align-items: center;width: 100%;height: 100%;} .news_list_top_sw_img{width: 42.86%;height: auto;overflow: hidden;} .news_list_top_sw_img img{width: 100%;height: auto;display: block;transition: all 0.3s;} .news_list_top_sw_right{width: 46.43%;height: auto;margin-left: 50px;} .news_list_top_sw_right_time{font-size: 22px;color: var(--mainColor);} .news_list_top_sw_right h2{font-size: 20px;color: #333333;line-height: 1.4;font-family: "Roboto-Medium";margin-top: 20px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .news_list_top_sw_right p{font-size: 16px;color: #666666;line-height: 1.6;margin-top: 34px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .news_list_top_sw_right span{display: flex;justify-content: center;align-items: center;width: 170px;height: 56px;border: 1px solid var(--mainColor);border-radius: 10px;font-size: 20px;color: var(--mainColor);font-family: "Roboto-Medium";margin-top: 30px;transition: all 0.3s;} .news_list_top_sw .swiper-slide:hover .news_list_top_sw_img img{transform: scale(1.1);} .news_list_top_sw .swiper-slide:hover .news_list_top_sw_right span{background: var(--mainColor);color: #FFFFFF;} .news_list_top_sw_page{width: 100%;bottom: 0 !important;} .news_list_top_sw_page span{width: 12px;height: 12px;background: var(--mainColor);} .news_list_bottom_box{width: 100%;height: auto;margin-top: 50px;} .news_list_bottom_box li{width: 100%;height: auto;margin-top: 30px;background: #F2F5F8;border-radius: 16px;overflow: hidden;} .news_list_bottom_box li a{display: flex;justify-content: space-between;align-items: center;width: 100%;height: auto;padding: 46px 53px;} .news_list_bottom_time{width: 182px;height: auto;position: relative;} .news_list_bottom_time:after{content: "";display: block;width: 1px;height: 130px;background: #c8c8c8;position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .news_list_bottom_time strong{display: block;font-size: 40px;color: var(--mainColor);text-align: center;} .news_list_bottom_time span{display: block;font-size: 20px;color: var(--mainColor);text-align: center;} .news_list_bottom_right{width: 79.7%;height: auto;} .news_list_bottom_right h2{font-size: 20px;color: #333333;font-family: "Roboto-SemiBold";white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .news_list_bottom_right p{font-size: 16px;color: #666666;line-height: 1.6;margin-top: 10px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .news_list_bottom_right span{display: block;font-size: 18px;color: var(--mainColor);margin-top: 14px;} .news_list_bottom_box li:hover .news_list_bottom_right span{text-decoration: underline;} .news_page{width: 100%;height: auto;display: flex;justify-content: center;margin-top: 50px;} .news_page li{width: 40px;height: 40px;opacity: 0.2;} .news_page li a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;border: 1px solid #C0CCD9;background: var(--mainColor);font-size: 18px;color: #FFFFFF;border-radius: 4px;} .news_page li + li{margin-left: 8px;} .news_page li.on,.news_page li.prev,.news_page li.next,.news_page li:hover{opacity: 1;} .news_page li.prev a,.news_page li.next a{background: transparent;} .news_page li.prev a:hover,.news_page li.next a:hover{background: var(--mainColor);} /*news.html end*/ /*news_detial.html start*/ .news_detial_content_box{width: 100%;height: auto;padding: 80px 0;} .news_detial_content_title{width: 100%;height: auto;padding-bottom: 30px;border-bottom: 1px solid #efefef;} .news_detial_content_title h1{font-size: 56px;color: #000000;text-align: center;font-family: "Roboto-SemiBold";} .news_detial_content_time{width: 100%;height: auto;display: flex;align-items: center;margin-top: 8px;font-size: 20px;color: #666666;justify-content: center;} .news_detial_content_time img{display: block;width: 16px;height: auto;margin-right: 10px;} .news_detial_content{width: 100%;height: auto;margin-top: 30px;} .news_detial_content p{font-size: 18px;line-height: 1.6;color: #333333;} .news_related_box{width: 100%;height: auto;padding: 80px 0px;background: #F8F8F8;} .news_related_ul{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 14px;} .news_related_ul li{width: 48.5%;height: auto;border-bottom: 1px solid #EEEEEE;margin-top: 36px;transition: all 0.3s;} .news_related_ul li a{display: block;padding: 40px 34px;width: 100%;height: auto;} .news_related_ul_time{font-size: 22px;color: var(--mainColor);} .news_related_ul li h2{font-size: 20px;color: #333333;font-family: "Roboto-Medium";display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin-top: 20px;line-height: 1.4;} .news_related_ul li:hover{background: #FFFFFF;} /*news_detial.html end*/ /*investor.html start*/ .investor_info_box{width: 100%;height: auto;padding: 80px 0px;} .investor_info_content{width: 100%;height: auto;margin-top: 60px;display: flex;justify-content: space-between;} .investor_info_content_left{width: 47.2%;height: auto;border: 1px solid var(--mainColor);border-radius: 10px;overflow: hidden;display: flex;justify-content: space-between;} .investor_info_content_left_left{width: 42.42%;height: auto;padding: 52px 0;background: var(--mainColor);display: flex;flex-direction: column;align-items: center;justify-content: center;} .investor_info_content_left_left img{display: block;width: 38px;height: auto;} .investor_info_content_left_left h3{font-size: 18px;color: rgba(255,255,255,0.7);text-align: center;margin-top: 20px;} .investor_info_content_left_left h2{font-size: 30px;color: #FFFFFF;font-family: "Roboto-Medium";text-align: center;margin-top: 12px;} .investor_info_content_left_right{height: auto;padding: 0 36px;flex: 1;display: flex;align-items: center;} .investor_info_content_left_right_txt p{font-size: 18px;color: #666666;padding-left: 16px;position: relative;} .investor_info_content_left_right_txt p:before{content: "";display: block;width: 6px;height: 6px;background: var(--mainColor);border-radius: 50%;position: absolute;left: 0;top: 8px;} .investor_info_content_left_right_txt p span{color: #000000;} .investor_info_content_left_right_txt p + p{margin-top: 32px;} .investor_info_content_right{width: 50.86%;height: auto;display: flex;justify-content: space-between;} .investor_info_content_right li{width: 48.5%;height: auto;border: 1px solid var(--mainColor);border-radius: 10px;padding: 42px 29px;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;} .investor_info_content_right_ico{width: 37px;height: auto;aspect-ratio:37/36;margin: 0px auto;display: flex;justify-content: center;} .investor_info_content_right_ico img{width: 100%;height: auto;display: block;} .investor_info_content_right li h2{font-size: 18px;color: #666666;text-align: center;margin-top: 20px;} .investor_info_content_right li p{font-size: 18px;color: #000000;text-align: center;margin-top: 12px;line-height: 1.6;} .investor_info_content_right li p a{color: #000000;} .investor_info_content_right li p a:hover{text-decoration: underline;color: var(--mainColor);} .investor_info_bg_box{width: 100%;height: auto;margin-top: 80px;position: relative;} .investor_info_bg{width: 100%;height: auto;border-radius: 10px;overflow: hidden;} .investor_info_bg img{width: 100%;height: auto;display: block;} .investor_info_bg_content{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;justify-content: space-between;align-items: center;padding: 0 80px;} .investor_info_bg_content_left h2{font-size: 28px;color: #FFFFFF;font-family: "Roboto-SemiBold";} .investor_info_bg_content_left span{display: block;width: 120px;height: 2px;background: #FFFFFF;border-radius: 10px;margin-top: 20px;} .investor_info_bg_content a{display: flex;justify-content: center;align-items: center;width: 170px;height: 56px;border: 1px solid #FFFFFF;border-radius: 10px;font-size: 20px;color: #FFFFFF;font-family: "Roboto-Medium";transition: all 0.3s;} .investor_info_bg_content a:hover{background: var(--mainColor);border-color: var(--mainColor);} .investor_news_box{width: 100%;height: auto;padding: 80px 0;background: #EEF5FC;} .investor_news_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 20px;} .investor_news_ul li{width: 23.5%;height: 260px;background: #FFFFFF;position: relative;overflow: hidden;margin-top: 40px;margin-left: 2%;} .investor_news_ul li:nth-of-type(4n+1){margin-left: 0;} .investor_news_ul li:after{content: "";display: block;width: 100%;height: 100%;background: var(--mainColor);position: absolute;left: 0;top: calc(100% - 4px);transition: all 0.3s;} .investor_news_ul li a{width: 100%;height: 100%;position: relative;z-index: 2;display: block;padding: 50px 30px;} .investor_news_ul_time{font-size: 16px;color: #999999;transition: all 0.3s;} .investor_news_ul li h2{font-size: 18px;color: #333333;margin-top: 16px;transition: all 0.3s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .investor_news_ul_check{display: flex;justify-content: flex-start;align-items: center;font-size: 16px;color: #666666;margin-top: 80px;transition: all 0.3s;} .investor_news_ul_check img{display: block;margin-right: 10px;transition: all 0.3s;} .investor_news_ul li:hover:after{top: 0;} .investor_news_ul li:hover .investor_news_ul_time{color: #FFFFFF;} .investor_news_ul li:hover h2{color: #FFFFFF;} .investor_news_ul li:hover .investor_news_ul_check{color: #FFFFFF;} .investor_news_ul li:hover .investor_news_ul_check img{filter: brightness(0) invert(1);} /*investor.html end*/ /*esg.html start*/ .esg_info_box{width: 100%;height: auto;padding: 80px 0;overflow: hidden;} .esg_info_title{width: 77.6%;height: auto;margin: 0px auto;} .esg_info_title h2{font-size: 56px;color: #000000;font-family: "Roboto-Bold";text-align: center;line-height: 1.2;} .esg_info_content{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: center;margin-top: 65px;} .esg_info_content_left{width: 47.2%;height: auto;} .esg_info_content_left img{width: 100%;height: auto;display: block;} .esg_info_content_right{width: 47.86%;height: auto;} .esg_info_content_right p{font-size: 18px;color: #000000;text-align: justify;line-height: 1.6;} .esg_operation_box{width: 100%;height: auto;padding: 80px 0px;background: #EEF2F5;overflow: hidden;} .esg_operation_content{width: 100%;height: auto;display: flex;justify-content: space-between;margin-top: 70px;} .esg_operation_content_left{width: 53.43%;height: auto;} .esg_operation_content_left li{width: 100%;height: auto;overflow: hidden;border-radius: 10px;} .esg_operation_content_left_top{width: 100%;height: 74px;padding: 0 36px;background: #FFFFFF;cursor: pointer;display: flex;justify-content: space-between;align-items: center;} .esg_operation_content_left_top h2{display: block;width: 85%;font-size: 22px;color: #333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .esg_operation_content_left_top span{display: block;width: 20px;height: auto;} .esg_operation_content_left_top span img{width: 100%;height: auto;display: block;transition: all 0.3s;} .esg_operation_content_left_bottom{width: 100%;height: auto;padding: 30px 36px;background: #FFFFFF;display: none;} .esg_operation_content_left_bottom p{font-size: 18px;color: #666666;line-height: 1.6;position: relative;padding-left: 26px;text-align: justify;} .esg_operation_content_left_bottom p:before{content: "";display: block;width: 6px;height: 6px;background: var(--mainColor);border-radius: 50%;position: absolute;left: 0;top: 10px;} .esg_operation_content_left_bottom p + p{margin-top: 20px;} .esg_operation_content_left li + li{margin-top: 20px;} .esg_operation_content_left_top.on{background: var(--mainColor);} .esg_operation_content_left_top.on h2{color: #FFFFFF;} .esg_operation_content_left_top.on span img{filter: brightness(0) invert(1);transform: rotate(-180deg);} .esg_operation_content_right{width: 43%;height: auto;overflow: hidden;border-radius: 10px;} .esg_operation_content_right img{width: 100%;height: auto;display: block;} .esg_people_box{width: 100%;height: auto;padding: 80px 0;background: url(../images/esg_people_bg.jpg) no-repeat center center;background-size: cover;} .esg_people_title{width: 100%;height: auto;} .esg_people_title h2{font-size: 56px;color: #FFFFFF;text-align: center;font-family: "Roboto-SemiBold";} .esg_people_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 20px;} .esg_people_ul li{width: 32%;height: auto;padding: 50px 32px;background: rgba(255,255,255,0.9);border-radius: 10px;margin-left: 2%;margin-top: 50px;} .esg_people_ul li:nth-of-type(3n+1){margin-left: 0;} .esg_people_ul li h2{font-size: 28px;color: #333333;font-family: "Roboto-Medium";text-align: center;margin-bottom: 30px;} .esg_people_ul li p{font-size: 18px;color: #666666;line-height: 1.6;text-align: justify;} .esg_people_ul li dl{width: 100%;height: auto;} .esg_people_ul li dl dd{font-size: 18px;color: #666666;line-height: 1.8;padding-left: 16px;position: relative;text-align: justify;} .esg_people_ul li dl dd:before{content: "";display: block;width: 6px;height: 6px;background: var(--mainColor);border-radius: 50%;position: absolute;left: 0;top: 13px;} .esg_people_ul li:nth-last-of-type(1){width: 100%;padding: 50px 52px;} .esg_growth_box{width: 100%;height: auto;padding: 80px 0;} .esg_growth_ul{width: 100%;height: auto;padding-top: 30px;} .esg_growth_ul li{width: 100%;height: auto;padding-bottom: 20px;margin-top: 20px;border-bottom: 1px solid #D9D9D9;display: flex;justify-content: space-between;align-items: flex-start;} .esg_growth_ul_img{width: 50px;height: auto;} .esg_growth_ul_img img{width: 100%;height: auto;display: block;} .esg_growth_ul_right{width: 94.3%;height: auto;} .esg_growth_ul_right h2{font-size: 20px;color: var(--mainColor);font-family: "Roboto-Medium";} .esg_growth_ul_right p{font-size: 18px;color: #333333;line-height: 1.8;margin-top: 5px;text-align: justify;} .esg_growth_ul_right dl{width: 100%;height: auto;margin-top: 5px;} .esg_growth_ul_right dl dd{font-size: 18px;color: #666666;line-height: 1.8;padding-left: 16px;position: relative;text-align: justify;} .esg_growth_ul_right dl dd:before{content: "";display: block;width: 6px;height: 6px;background: var(--mainColor);border-radius: 50%;position: absolute;left: 0;top: 13px;} .esg_growth_ul li:nth-last-of-type(1){border-bottom: none;} /*esg.html end*/ /*contact.html start*/ .contact_info_box{width: 100%;height: auto;padding: 80px 0px;padding-bottom: 0;} .contact_info_title{width: 100%;height: auto;} .contact_info_title h2{font-size: 56px;color: #000000;font-family: "Roboto-SemiBold";text-align: center;} .contact_info_ul{display: flex;justify-content: flex-start;flex-wrap: wrap;width: 100%;height: auto;margin-top: 40px;} .contact_info_ul li{width: 32%;height: auto;padding: 40px;background: #EEF5FC;margin-top: 30px;margin-left: 2%;} .contact_info_ul li:nth-of-type(3n+1){margin-left: 0;} .contact_info_ul li h3{font-size: 26px;color: #000000;font-family: "Roboto-Medium";} .contact_info_dl{width: 100%;height: auto;margin-top: 6px;} .contact_info_dl dd{width: 100%;height: auto;margin-top: 24px;display: flex;justify-content: flex-start;align-items: flex-start;} .contact_info_dl_ico{width: 19px;height: auto;display: flex;justify-content: center;margin-top: 5px;} .contact_info_dl_ico img{max-width: 100%;height: auto;} .contact_info_dl dd p{font-size: 18px;color: #333333;line-height: 1.6;display: block;flex: 1;margin-left: 12px;} .contact_info_dl dd p a:hover{text-decoration: underline;} .contact_info_ul li:hover{background: var(--mainColor);} .contact_info_ul li:hover h3{color: #FFFFFF;} .contact_info_ul li:hover .contact_info_dl_ico img{filter: brightness(0) invert(1);} .contact_info_ul li:hover p{color: #FFFFFF;} .contact_samples_box{width: 100%;height: auto;margin-top: 80px;padding: 104px 0;background: url(../images/contact_sample_bg.jpg) no-repeat center center;background-size: cover;} .contact_samples_box h2{font-size: 40px;color: #FFFFFF;text-align: center;font-family: "Roboto-Medium";} .contact_samples_box a{display: flex;justify-content: center;align-items: center;width: 176px;height: 56px;border: 1px solid #FFFFFF;margin: 0px auto;margin-top: 30px;border-radius: 10px;font-size: 20px;color: #FFFFFF;font-family: "Roboto-Medium";transition: all 0.3s;} .contact_samples_box a:hover{background: #FFFFFF;color: var(--mainColor);box-shadow: 0px 0px 21px 0px rgba(4, 0, 0, 0.15);} /*contact.html end*/ /*quality.html start*/ .quality_policy_box{width: 100%;height: auto;padding: 80px 0;} .quality_policy_title{width: 100%;height: auto;} .quality_policy_title h2{font-size: 48px;color: #000000;font-family: "Roboto-SemiBold";text-align: center;} .quality_policy_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 20px;} .quality_policy_ul li{width: 32%;height: 340px;border-radius: 10px;background: #FAFAFA;padding: 64px;padding-bottom: 90px;margin-top: 50px;margin-left: 2%;transition: all 0.3s;} .quality_policy_ul li:nth-of-type(3n+1){margin-left: 0;} .quality_policy_ul_ico{width: 100px;height: auto;aspect-ratio:1/1;border-radius: 50%;overflow: hidden;background: var(--mainColor);margin: 0px auto;transition: all 0.3s;} .quality_policy_ul_ico img{width: 100%;height: auto;display: block;filter: brightness(0) invert(1);transition: all 0.3s;} .quality_policy_ul li p{display: block;width: 72.8%;height: auto;margin: 0px auto;margin-top: 40px;font-size: 20px;color: #333333;line-height: 1.6;text-align: center;} .quality_policy_ul li:hover{background: var(--mainColor);} .quality_policy_ul li:hover .quality_policy_ul_ico{background: #FFFFFF;} .quality_policy_ul li:hover .quality_policy_ul_ico img{filter: initial;} .quality_policy_ul li:hover p{color: #FFFFFF;} .qualicty_environmental_box{width: 100%;height: auto;padding: 125px 0px;background: url(../images/quality_envior_bg.jpg) no-repeat center center;background-size: cover;} .qualicty_environmental_title{width: 100%;height: auto;} .qualicty_environmental_title h2{font-size: 48px;color: #FFFFFF;text-align: center;font-family: "Roboto-SemiBold";} .qualicty_environmental_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 40px;} .qualicty_environmental_ul li{width: 32%;height: auto;margin-left: 2%;margin-top: 30px;padding: 37px 32px;border-radius: 10px;background: #FFFFFF;display: flex;justify-content: flex-start;align-items: center;} .qualicty_environmental_ul li:nth-of-type(3n+1){margin-left: 0;} .qualicty_environmental_ul_ico{width: 60px;height: auto;aspect-ratio:1/1;border: 1px solid #D6D6D6;border-radius: 4px;overflow: hidden;display: flex;justify-content: center;align-items: center;} .qualicty_environmental_ul_ico img{width: 68%;height: auto;display: block;} .qualicty_environmental_ul li p{flex: 1;font-size: 20px;color: #333333;line-height: 1.6;margin-left: 24px;padding-right: 17px;} .qualicty_stystem_box{width: 100%;height: auto;padding: 100px 0;background: url(../images/quality_system_bg.jpg) no-repeat center bottom;background-size: cover;} .qualicty_stystem_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 40px;} .qualicty_stystem_ul li{width: 23.5%;height: auto;margin-top: 30px;margin-left: 2%;} .qualicty_stystem_ul li:nth-of-type(4n+1){margin-left: 0;} .qualicty_stystem_ul_img{width: 100%;height: auto;overflow: hidden;} .qualicty_stystem_ul_img img{width: 100%;height: auto;display: block;transition: all 0.3s;} .qualicty_stystem_ul_img:hover img{transform: scale(1.1);} .qualicty_stystem_ul li h2{font-size: 18px;color: #000000;text-align: center;margin-top: 20px;} .qualicty_stystem_more{display: flex;justify-content: center;align-items: center;margin: 0px auto;margin-top: 10px;font-size: 18px;color: var(--mainColor);} .qualicty_stystem_more img{width: 14px;height: auto;display: block;margin-right: 10px;} .qualicty_stystem_more:hover{text-decoration: underline;} .quality_introduction_box{width: 100%;height: auto;padding: 100px 0px;} .quality_introduction_h3{display: flex;justify-content: flex-start;align-items: center;font-size: 24px;color: #333333;font-family: "Roboto-Medium";padding-left: 22px;position: relative;margin-top: 70px;} .quality_introduction_h3:before{content: "";width: 10px;height: 10px;background: var(--mainColor);border-radius: 50%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);} .quality_introduction_table{width: 100%;height: auto;margin-top: 52px;} .quality_introduction_table table{width: 100%;height: auto;} .quality_introduction_table th{height: 80px;background: var(--mainColor);padding: 0 40px;font-size: 18px;color: #FFFFFF;font-family: "Roboto-Medium";background: var(--mainColor);border: 1px solid #F1F1F1;} .quality_introduction_table td{min-height: 70px;border: 1px solid #F1F1F1;padding: 18px 40px;color: #333333;font-size: 16px;line-height: 1.6;} .quality_introduction_table tr:nth-of-type(odd){background: #EEF5FC;} .quality_equipment_box{width: 100%;height: auto;padding: 95px 0;background: #FAFAFA;} .quality_equipment_box h3{margin-top: 0;} .quality_equipment_content{width: 100%;height: auto;position: relative;margin-top: 52px;} .quality_equipment_content_sw{width: 100%;height: auto;} .quality_equipment_content_sw .swiper-slide{overflow: hidden;border-radius: 10px;border: 1px solid #F2F2F2;background: #FFFFFF;} .quality_equipment_content_sw_img{width: 100%;height: auto;} .quality_equipment_content_sw_img img{width: 100%;height: auto;display: block;} .quality_equipment_content_sw_content{width: 100%;height: auto;padding: 30px 34px;} .quality_equipment_content_sw_content p{font-size: 18px;color: #333333;display: flex;align-items: center;justify-content: flex-start;} .quality_equipment_content_sw_content p + p{margin-top: 12px;} .quality_equipment_content_sw_content p span{display: block;width: 54px;} .quality_equipment_content_sw_content p i{display: block;margin: 0 10px;font-style: normal;} .quality_equipment_content_sw_right,.quality_equipment_content_sw_left{width: 54px;height: auto;background: none;} .quality_equipment_content_sw_right img,.quality_equipment_content_sw_left img{width: 100%;height: auto;display: block;} .quality_equipment_content_sw_left img{transform: rotateY(-180deg);} .quality_equipment_content_sw_right{right: -84px;} .quality_equipment_content_sw_left{left: -84px;} .quality_reliability_box{width: 100%;height: auto;padding: 100px 0px;} .quality_failure_box{width: 100%;height: auto;padding: 95px 0;position: relative;} .quality_failure_box:before{content: "";display: block;width: 100%;height: 600px;background: #f3f6fb;position: absolute;left: 0;top: 0;z-index: -1;} .quality_failure_btn{display: flex;justify-content: center;align-items: center;margin-top: 70px;} .quality_failure_btn li{font-size: 20px;color: #666666;padding-bottom: 10px;border-bottom: 2px solid transparent;position: relative;cursor: pointer;} .quality_failure_btn li + li{margin-left: 120px;} .quality_failure_btn li.on{color: var(--mainColor);border-color: var(--mainColor);} .quality_failure_btn li:nth-of-type(1):after{content: "";display: block;width: 1px;height: 18px;background: #E2E2E2;position: absolute;right: -60px;top: 50%;transform: translateY(-50%);} .quality_failure_content{width: 100%;height: auto;margin-top: 40px;border-radius: 10px;box-shadow: 0 0 30px 0 rgba(184, 184, 184, 0.25);background: #FFFFFF;} .quality_failure_content_list{width: 100%;height: auto;padding: 50px 40px;display: none;} .quality_failure_frist_box{width: 100%;height: auto;} .quality_failure_frist_box p{font-size: 18px;color: #333333;padding-left: 28px;line-height: 1.6;position: relative;} .quality_failure_frist_box p:before{content: "";display: block;width: 8px;height: 8px;background: var(--mainColor);position: absolute;left: 0;top: 50%;transform: translateY(-50%);border-radius: 50%;} .quality_failure_frist_box ul li{list-style: disc;} .quality_failure_two{width: 100%;height: auto;padding-bottom: 30px;border-bottom: 1px solid #D8D8D8;} .quality_failure_two p{font-size: 18px;color: #333333;padding-left: 28px;position: relative;} .quality_failure_two p:before{content: "";display: block;width: 8px;height: 8px;background: var(--mainColor);position: absolute;left: 0;top: 8px;border-radius: 50%;} .quality_failure_content_list h3{font-size: 16px;color: var(--mainColor);font-family: "Roboto-Medium";margin-top: 30px;} .quality_failure_two_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;} .quality_failure_two_ul li{width: 32%;height: 54px;display: flex;justify-content: center;align-items: center;border: 1px solid #e6e6e6;font-size: 16px;color: #333333;margin-top: 30px;margin-left: 2%;} .quality_failure_two_ul li:nth-of-type(3n+1){margin-left: 0;} .quality_failure_two_ul li:hover{border-color: var(--mainColor);color: var(--mainColor);} .quality_green_box{width: 100%;height: auto;padding: 80px 0px;background: url(../images/quality_green_bg.jpg) no-repeat center center;background-size: cover;} .quality_green_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 40px;} .quality_green_ul li{width: 32%;height: auto;display: flex;justify-content: flex-start;background: #FFFFFF;border-radius: 10px;margin-top: 30px;margin-left: 2%;} .quality_green_ul li:nth-of-type(3n+1){margin-left: 0;} .quality_green_ul_left{width: 25.11%;height: auto;border-right: 1px solid #EFEFEF;display: flex;justify-content: center;align-items: center;font-size: 36px;color: var(--mainColor);font-family: "Roboto-SemiBold";} .quality_green_ul_right{flex: 1;padding: 40px 30px;} .quality_green_ul_right p{font-size: 16px;color: #333333;line-height: 1.6;text-align: justify;} .quality_conflict_box{width: 100%;height: auto;padding: 100px 0px;} .quality_conflict_content{width: 100%;height: auto;display: flex;justify-content: flex-start;align-items: flex-end;margin-top: 70px;} .quality_conflict_content_left{width: 69.3%;height: auto;border-radius: 10px;overflow: hidden;} .quality_conflict_content_left img{display: block;width: 100%;height: auto;} .quality_conflict_content_right{width: 62.8%;height: auto;padding: 60px;border-radius: 10px;box-shadow: 0 0 20px 0 rgba(207, 207, 207, 0.25);margin-left: -32.1%;position: relative;z-index: 2;background: #FFFFFF;} .quality_conflict_content_right p{font-size: 16px;color: #333333;line-height: 1.6;text-align: justify;position: relative;padding-left: 28px;} .quality_conflict_content_right p:before{content: "";display: block;width: 8px;height: 8px;background: var(--mainColor);border-radius: 50%;left: 0;top: 8px;position: absolute;} /*quality.html end*/ /*products.html start*/ .products_box{width: 100%;height: auto;padding: 80px 0px;background: #eef2f5;} .products_title_box{width: 100%;height: auto;} .products_title_box h2{font-size: 48px;color: #000000;font-family: "Roboto-Bold";} .products_content_list{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 15px;} .products_content_list li{width: 48.22%;height: auto;margin-top: 38px;border: 1px solid transparent;} .products_content_list li.on{border-color: var(--mainColor);} .products_content_list_top{width: 100%;height: 75px;display: flex;justify-content: space-between;align-items: center;padding: 0 38px;background: #FFFFFF;} .products_content_list_top a{font-size: 20px;color: var(--mainColor);font-family: "Roboto-Medium";text-decoration: underline;display: block;} .products_content_list_top span{display: block;font-size: 33px;color: var(--mainColor);cursor: pointer;} .products_content_list_bottom{width: 100%;height: auto;background: #FFFFFF;padding: 0 60px;display: none;} .products_content_list_bottom a{display: block;font-size: 18px;color: #666666;line-height: 50px;border-bottom: 1px solid #dddedf;padding: 0 22px;} .products_content_list_bottom a:nth-last-of-type(1){border-bottom: none;} .products_content_list_bottom a:hover{color: var(--mainColor);text-decoration: underline;} .product_category_top a{text-decoration: none;} .product_category_top a:hover{text-decoration: underline;} .products_list_btn_box{width: 100%;height: auto;padding: 40px 0;} .products_list_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;} .products_list_ul li{width: 240px;height: 56px;display: flex;justify-content: center;align-items: center;background: #f4f4f4;border-radius: 10px;overflow: hidden;} .products_list_ul li a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;font-size: 18px;color: #666666; padding: 1rem;} .products_list_ul li:nth-of-type(1){width: 68px;} .products_list_ul li + li{margin-left: 16px;} .products_list_ul li:hover,.products_list_ul li.on{background: var(--mainColor);} .products_list_ul li:hover a,.products_list_ul li.on a{color: #FFFFFF;} .products_list_content_box{width: 98%;height: auto;margin: 0px auto;margin-top: 40px;} .products_list_content_title h1{font-size: 56px;color: var(--mainColor);text-align: center;font-family: "Roboto-Bold";} .products_list_content_table{width: 100%;height: 900px;margin-top: 20px;padding-bottom: 80px;} #myGrid{height: 100%;} .ag-cell-value h2{font-size: 14px;line-height: 1;} .tableData{font-size: 12px;color: #333333;line-height: 1;margin-top: 8px;} .ag-cell-value a{text-decoration: underline;color: var(--mainColor);} .ag-header-cell:where(:not(.ag-floating-filter)){background: var(--mainColor);color: #FFFFFF;} .ag-header-cell-resize { &:after{ background-color: #FFFFFF !important; } } .ag-row-odd{background-color: #eef5fc;} /* 重置WordPress Gutenberg样式对AG Grid的影响 - 只针对主容器 */ #myGrid > div { border: none !important; } /* 确保AG Grid筛选输入框可以正常使用 */ #myGrid .ag-floating-filter-input input { pointer-events: auto !important; user-select: auto !important; -webkit-user-select: auto !important; -moz-user-select: auto !important; -ms-user-select: auto !important; } #myGrid .ag-text-field-input { pointer-events: auto !important; background-color: white !important; border: 1px solid #ccc !important; } #myGrid .ag-input-field-input { pointer-events: auto !important; cursor: text !important; -webkit-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; user-select: text !important; } /* 强制启用筛选输入框 */ #myGrid .ag-floating-filter-input input[type="text"] { pointer-events: auto !important; user-select: text !important; cursor: text !important; background: white !important; border: 1px solid #ccc !important; padding: 4px 8px !important; outline: none !important; } #myGrid .ag-floating-filter-input input[type="text"]:focus { border-color: #007acc !important; box-shadow: 0 0 3px rgba(0, 122, 204, 0.3) !important; } /* 防止筛选图标触发菜单面板 */ #myGrid .ag-floating-filter-input { position: relative !important; z-index: 10 !important; } #myGrid .ag-floating-filter-input input { position: relative !important; z-index: 11 !important; } /* 确保输入框在最上层，不被其他元素阻挡 */ #myGrid .ag-header-cell-resize { z-index: 5 !important; } .products_list_content_table_top{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: center;margin-top: 80px;} .products_list_content_table_top_left{display: flex;justify-content: flex-start;align-items: center;} #resetGridButton{font-size: 20px;color: var(--mainColor);cursor: pointer;text-decoration: underline;} .products_list_content_table_top_left p{font-size: 20px;color: #666666;margin-left: 30px;} .products_list_content_table_top_right{display: flex;justify-content: flex-end;align-items: center;} .products_list_content_table_top_right a{font-size: 20px;color: var(--mainColor);text-decoration: underline;display: block;} .products_list_content_table_top_right a + a{margin-left: 50px;} /*products.html end*/ /*product_detial.html start*/ .product_detial_info_box{width: 100%;height: auto;padding: 80px 0px;} .product_detial_info_title{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: center;} .product_detial_info_title h1{font-size: 56px;color: var(--mainColor);font-family: "Roboto-Medium";} .product_detial_info_title a{display: flex;justify-content: center;align-items: center;width: 170px;height: 57px;border-radius: 14px;background: var(--mainColor);font-size: 20px;color: #FFFFFF;} .product_detial_info_title a img{display: block;width: 25px;height: auto;margin-right: 7px;} .product_detial_info_content{width: 100%;height: auto;margin-top: 34px;display: flex;justify-content: space-between;align-items: center;} .product_detial_info_content_left{width: 38.9%;height: auto;border-radius: 8px;overflow: hidden;} .product_detial_info_content_left img{width: 100%;height: auto;display: block;} .product_detial_info_content_right{width: 55%;height: auto;} .product_detial_info_content_right h2{font-size: 48px;color: #000000;font-family: "Roboto-Bold";} .product_detial_info_content_right p{font-size: 18px;color: #333333;line-height: 1.6;margin-top: 26px;} .product_detial_info_content_right_btn{width: 100%;height: auto;display: flex;justify-content: flex-start;margin-top: 120px;} .product_detial_info_content_right_btn a{display: flex;width: 170px;height: 56px;border: 1px solid var(--mainColor);border-radius: 14px;justify-content: center;align-items: center;font-size: 20px;color: var(--mainColor);transition: all 0.3s;} .product_detial_info_content_right_btn a img{display: block;width: 18px;margin-right: 5px;transition: all 0.3s;} .product_detial_info_content_right_btn a + a{margin-left: 23px;} .product_detial_info_content_right_btn a:hover{background: var(--mainColor);color: #FFFFFF;} .product_detial_info_content_right_btn a:hover img{filter: brightness(0) invert(1);} .product_detial_feature_box{width: 100%;height: auto;padding: 80px 0px;background: url(../images/product_detial_feature_bg.jpg) no-repeat center center;background-size: cover;} .product_detial_feature_title{width: 100%;height: auto;} .product_detial_feature_title h2{font-size: 48px;color: #FFFFFF;font-family: "Roboto-Bold";} .product_detial_feature_ul{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 40px;} .product_detial_feature_ul li{width: 48.5%;height: auto;margin-top: 15px;padding-left: 27px;position: relative;font-size: 18px;color: #FFFFFF;} .product_detial_feature_ul li:before{content: "";display: block;width: 16px;height: 17px;background: url(../images/product_detial_feature_ico.png) no-repeat center center;background-size: 100% auto;position: absolute; top: 1px;left: 0;} .product_detial_technical_box{width: 100%;height: auto;padding: 80px 0px;} .product_detial_technical_title{width: 100%;height: auto;} .product_detial_technical_title h2{font-size: 48px;color: #000000;font-family: "Roboto-Bold";} .product_detial_technical_table{width: 100%;height: auto;margin-top: 47px;} .product_detial_technical_table table{width: 100%;height: auto;} .product_detial_technical_table table th{height: 80px;background: var(--mainColor);padding-left: 44px;font-size: 18px;color: #FFFFFF;font-family: "Roboto-Bold";} .product_detial_technical_table td{height: 63px;padding-left: 44px;font-size: 16px;color: #333333;} .product_detial_technical_table_title a{color: var(--mainColor);text-decoration: underline;} .product_detial_technical_table_format a{color: var(--mainColor);} .product_detial_technical_table table tr:nth-of-type(odd){background: #eef5fc;} .product_detial_application_box{width: 100%;height: auto;padding-bottom: 80px;} .product_detial_application_content{width: 100%;height: auto;padding: 48px 38px;background: #eef5fc;border-radius: 8px;padding-top: 13px;margin-top: 47px;} .product_detial_application_content_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;} .product_detial_application_content_ul li{width: 32%;height: auto;padding-bottom: 10px;border-bottom: 1px solid #b2b2b2;padding-left: 25px;position: relative;margin-top: 35px;margin-left: 2%;} .product_detial_application_content_ul li:nth-of-type(3n+1){margin-left: 0;} .product_detial_application_content_ul li a{font-size: 20px;color: #333333;} .product_detial_application_content_ul li a:hover{text-decoration: underline;color: var(--mainColor);} .product_detial_application_content_ul li:before{content: "";display: block;width: 17px;height: auto;aspect-ratio:1/1;background: url(../images/product_detial_application_ico.png) no-repeat center center;background-size: 100% auto;position: absolute;left: 0;top: 3px;} /*product_detial.html end*/ /*application.html start*/ .application_box{width: 100%;height: auto;padding: 80px 0px;} .application_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;} .application_ul li{width: 32%;height: auto;margin-left: 2%;border-bottom: 1px solid #B2B2B2;transition: all 0.3s;} .application_ul li:nth-of-type(3n+1){margin-left: 0;} .application_ul_img{width: 100%;height: auto;overflow: hidden;border-radius: 8px;} .application_ul_img img{width: 100%;height: auto;display: block;transition: all 0.3s;} .application_ul_content{width: 100%;height: 58px;display: flex;justify-content: space-between;align-items: center;} .application_ul_content h2{font-size: 20px;color: #000000;font-family: "Roboto-Bold";transition: all 0.3s;} .application_ul_content span{display: flex;justify-content: flex-end;align-items: center;font-size: 16px;color: var(--mainColor);} .application_ul_content span img{display: block;margin-left: 5px;} .application_ul li:hover{border-bottom-color: var(--mainColor);} .application_ul li:hover .application_ul_img img{transform: scale(1.1);} .application_ul li:hover .application_ul_content h2{color: var(--mainColor);} /*application.html end*/ /*application_detial.html start*/ .application_detial_info_box{width: 100%;height: auto;padding: 80px 0px;} .application_detial_info_content{width: 100%;height: auto;padding-top: 70px;position: relative;border-top: 5px solid var(--mainColor);margin-top: 62px;} .application_detial_info_content:after{content: "";display: block;width: 100%;height: auto;aspect-ratio:1401/459;background: #f2f5f8;position: absolute;left: 0;top: 0;z-index: -1;} .application_detial_info_content h2{font-size: 48px;color: #000000;font-family: "Roboto-Bold";text-align: center;} .application_detial_info_content_img{width: 77.1%;height: auto;padding: 52px;background: #FFFFFF;box-shadow: 0px 3px 22px 0px rgba(188, 188, 188, 0.3);margin: 0px auto;margin-top: 40px;} .application_detial_info_content_img img{width: 100%;height: auto;display: block;} .application_detial_related_box{width: 100%;height: auto;} .application_detial_related_title{width: 100%;height: auto;} .application_detial_related_title h2{font-size: 48px;color: #000000;text-align: center;font-family: "Roboto-Bold";} .application_detial_related_content{width: 98%;margin: 0px auto;} .application_detial_other_box{width: 100%;height: auto;padding: 80px 0px;background: url(../images/application_detial_otnher_bg.jpg) no-repeat center center;background-size: cover;} .application_detial_other_btn{width: 100%;height: 60px;background: #FFFFFF;display: flex;justify-content: flex-start;border-radius: 8px;overflow: hidden;margin-top: 46px;} .application_detial_other_btn li{width: calc(100% / 3);height: 100%;border-radius: 8px;display: flex;justify-content: center;align-items: center;font-size: 22px;color: #333333;font-family: "Roboto-Medium";cursor: pointer;transition: all 0.3s;} .application_detial_other_btn li img{width: 32px;height: auto;display: block;margin-right: 10px;transition: all 0.3s;} .application_detial_other_btn li:hover,.application_detial_other_btn li.on{background: var(--mainColor);color: #FFFFFF;} .application_detial_other_btn li:hover img,.application_detial_other_btn li.on img{filter: brightness(0) invert(1);} .application_detial_other_content{width: 100%;height: auto;margin-top: 33px;} .application_detial_other_list{width: 100%;height: auto;display: none;} .application_detial_other_list ul{margin-top: 0;} .application_detial_other_list ul li{margin-top: 16px;} .application_detial_other_list .products_content_list_top a{text-decoration: none;} /*application_detial.html end*/ /*content end*/ /*footer start*/ .footer{width:100%;height: auto;background: #002755;} .footer_top_box{width: 100%;height: auto;padding: 70px 0px;} .footer_top_box .contentWH1400{display: flex;justify-content: space-between;} .footer_nav_box h2{font-size: 24px;color: #FFFFFF;font-family: "Roboto-SemiBold";padding-bottom: 8px;} .footer_nav_box a{display: block;font-size: 16px;color: #FFFFFF;margin-top: 10px;} .footer_nav_box a:hover{text-decoration: underline;} .footer_info_box{width: 26%;height: auto;} .footer_info_box h2{font-size: 24px;color: #FFFFFF;font-family: "Roboto-SemiBold";margin-bottom: 23px;} .footer_info_ul{width: 100%;height: auto;} .footer_info_ul li{width: 100%;height: auto;display: flex;align-items: flex-start;margin-bottom: 26px;} .footer_info_ul_ico{width: 18px;height: auto;margin-right: 10px;margin-top: 3px;} .footer_info_ul_ico img{width: 100%;height: auto;display: block;} .footer_info_ul li p{font-size: 16px;color: #FFFFFF;line-height: 1.6;flex: 1;} .footer_info_ul li p a:hover{text-decoration: underline;} .footer_share_box{width: 100%;height: auto;display: flex;justify-content: flex-start;padding-top: 4px;} .footer_share_box li{width: 11.54%;height: auto;aspect-ratio:1/1;} .footer_share_box li a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;border-radius: 50%;transition: all 0.3s;background: var(--mainColor);} .footer_share_box li a img{display: block;filter: brightness(0) invert(1);transition: all 0.3s;width: 22px;} .footer_share_box li:hover a{background: #FFFFFF;} .footer_share_box li:hover a img{filter: initial;} .footer_share_box li + li{margin-left: 16px;} .footer_last_content{width: 100%;height: auto;padding: 20px 0;border-top: 1px solid rgba(255,255,255,0.3);display: flex;justify-content: space-between;align-items: center;} .footer_last_content p{font-size: 14px;color: #FFFFFF;} .footer_last_content p a:hover{text-decoration: underline;} .right_online_box{width: 58px;height: auto;position: fixed;top: 50%;transform: translateY(-50%);right: 34px;z-index: 99;display: none;} .right_online_box li{width: 100%;height: auto;aspect-ratio:1/1;position: relative;} .right_online_box li + li{margin-top: 1px;} .right_online_btn{width: 100%;height: 100%;background: var(--mainColor);overflow: hidden;transition: all 0.3s;} .right_online_btn a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;} .right_online_btn img{display: block;width: 27px;height: auto;} .right_online_box li:nth-of-type(1) .right_online_btn{border-radius: 4px 4px 0 0;} .right_online_box li:hover .right_online_btn{background: #002C60;} .right_online_content{width: 230px;height: 100%;position: absolute;right: 100%;top: 0;justify-content: center;align-items: center;background: var(--mainColor);display: none;transition: all 0.3s;} .right_online_content a{font-size: 16px;color: #FFFFFF;} .right_online_box li:hover .right_online_content{display: flex;} .right_online_box li:nth-last-of-type(1) .right_online_btn{border-radius: 0 0 4px 4px;} .right_online_content:hover{background: #002C60;} .back_top{width: 44px;height: 44px;background: var(--mainColor);border-radius: 50%;display: flex;justify-content: center;align-items: center;position: fixed;bottom: 74px;right: 108px;z-index: 999;cursor: pointer;transition: all 0.3s;display: none;} .back_top:hover{background: #002C60;} .back_top img{display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);} /*footer end*/ @media (max-width: 1768px) { .header_nav_list_product_left_dl dd a{font-size: 18px;} .header_nav_list_product_right_content_title h2{font-size: 18px;} .header_nav_list_product_right_content_dl dt a{font-size: 18px;} .header_nav_list_product_right_content_dl dd a{font-size: 16px;} .header_nav_list_product_right_content_dl{margin-left: 7%;} .index_banner_content h2{font-size: 48px;} .index_banner_content p{font-size: 24px;} .index_banner_content_two h2{font-size: 42px;} .index_title_left h2{font-size: 48px;} .index_title_right li{font-size: 16px;} .index_title_right li + li{margin-left: 20px;} .index_title_left p{font-size: 20px;} .index_product_swiper_bottom_img{width: 63.5%;} .index_product_swiper .swiper-slide p{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .index_solution_btn li{width: 23.6%;} .index_news_content_list_left_content h2{font-size: 20px;} .index_news_content_list_right li h2{font-size: 20px;} .index_news_content_list_right li p{font-size: 16px;} .index_news_content_list_right li a{padding-bottom: 10px;} .index_news_content_list_right li + li{margin-top: 10px;} .footer_info_ul li p{flex: 1;} .footer_share_box li{width: 15.54%;} .culture_advantage_content_ul li h2 span{font-size: 30px;} .culture_advantage_content_ul li h2{font-size: 20px;} .news_list_top_sw_right span{margin-top: 10px;} .news_list_top_sw_right h2{margin-top: 10px;} .news_list_top_sw_right p{margin-top: 10px;} .news_list_bottom_right{width: 74.7%;} .esg_info_title{width: 100%;} .esg_operation_content_right img{height: 100%;object-fit: cover;} .esg_info_title h2{font-size: 42px;} .overview_millstone_title h2{font-size: 42px;} .esg_people_title h2{font-size: 42px;} .index_form_title h2{font-size: 42px;} .contact_info_dl dd p{font-size: 16px;} .quality_policy_ul li p{width: 100%;} .qualicty_environmental_ul li p{padding-right: 0;} .qualicty_environmental_ul li{padding: 35px 12px;} .product_detial_feature_ul li{font-size: 16px;} .product_detial_application_content_ul li a{font-size: 16px;} .product_detial_info_content_right_btn{margin-top: 50px;} .application_ul_content h2{font-size: 18px;} } @media (max-width: 1400px) { .header_nav_list_product_left{padding-left: 4%;} .header_nav_list_product_right_content_dl{margin-left: 4%;} .index_banner_content_two h2{font-size: 36px;} .index_banner_content h2{font-size: 36px;} .index_banner_content p{font-size: 18px;} .index_banner_content_two p{font-size: 18px;} .index_banner_more{margin-top: 20px;} .index_banner_content{margin-left: 5%;} .index_banner_content_two{margin: 0 5%;} .index_product_content_list{padding-left: 4%;} .index_solution_btn_box{bottom: 40px;} .index_solution_content_list_content{padding-top: 40px;} .index_product_swiper{padding-left: 0;} .esg_operation_content_left_top h2{font-size: 20px;} .esg_operation_content_left_bottom p{font-size: 16px;} .esg_people_ul li h2{font-size: 24px;} .esg_people_ul li dl dd{font-size: 16px;} .esg_people_ul li p{font-size: 16px;} .esg_growth_ul_right p{font-size: 16px;} .esg_growth_ul_right dl dd{font-size: 16px;} .overview_millstone_swiper_top_txt p{font-size: 18px;} .contact_info_ul li{padding: 30px;} .contact_samples_box{padding: 80px 0;} .qualicty_environmental_ul li p{font-size: 14px;} .quality_equipment_content_sw_left{left: -40px;} .quality_equipment_content_sw_right{right: -40px;} .quality_equipment_content_sw_right, .quality_equipment_content_sw_left{width: 40px;} } @media (max-width: 1200px) { .header_top_content_stock_code{font-size: 16px;margin-left: 15px;} .header_top_search_box{width: 270px;margin-left: 30px;} .header_top_search_input{width: 83.73%;} .header_bottom_nav_box li{width: 20%;} .header_nav_list_product_right_content{width: 100%;margin-left: 0;padding: 0 4%;} .index_banner_content_two{margin: 0 9%;} .index_banner_content h2{font-size: 32px;} .index_banner_content{margin-left: 9%;} .index_banner_content_ul li{width: 32%;} .index_banner_content_ul{justify-content: flex-start;} .index_banner_content_ul li{margin-left: 2%;} .index_banner_content_ul li:nth-of-type(1){margin-left: 0;} .index_banner_more{height: 48px;font-size: 18px;} .index_title_box{flex-direction: column;align-items: center;} .index_title_left h2{text-align: center;} .index_title_left p{text-align: center;} .index_title_right{width: 100%;justify-content: center;margin-top: 20px;} .index_title_right li + li{margin-left: 36px;} .index_product_swiper{padding: 48px 0;} .index_solution_btn_box{position: relative;bottom: auto;margin-top: 30px;} .index_solution_btn li{width: 32%;border: 1px solid var(--mainColor);} .footer_share_box li a img{width: 43%;} .index_product_swiper_bottom{flex-direction: column-reverse;align-items: flex-start;} .index_product_swiper_bottom_img{width: 100%;} .news_list_top_sw_right{padding: 30px 0;} .news_list_top_sw_img img{height: 100%;object-fit: cover;} .news_list_top_sw_img{height: 100%;} .news_list_top_sw .swiper-slide a{align-items: normal;} .esg_growth_ul_right{width: 90.3%;} .overview_list_ul li dl{min-height:180px;} .overview_millstone_swiper_top_txt p{font-size: 16px;} .quality_policy_ul li{padding: 30px;padding-bottom: 30px;} .quality_failure_two_ul li{text-align: center;padding: 0 10px;} .quality_green_ul_right{display: flex;align-items: center;} .product_detial_info_title h1{font-size: 48px;} .product_detial_info_content_right h2{font-size: 36px;} .application_ul_content h2{font-size: 16px;} .application_detial_info_content_img{width: 90%;} .application_detial_other_btn li{font-size: 18px;} } @media (max-width: 990px) { .header_top_content_right_application_link{display: none;} .index_product_content_list{padding: 0 4%;} .nav_frist_link{font-size: 16px;} .header_nav_list_product_left{width: 31.65%;} .header_nav_list_product_left{padding: 5% 0;padding-left: 4%;} .header_nav_list_product_left_dl dd a{font-size: 16px;} .header_nav_list_product_right_list{padding: 5% 0;} .header_nav_list_product_right_content_title h2{font-size: 16px;} .header_nav_list_product_right_content_dl dd a{font-size: 14px;} .header_nav_list_product_right_content_dl dt a{font-size: 16px;} .header_nav_list_product_right_content_box{max-height: 255px;overflow: hidden;overflow-y: auto;} .header_nav_list_product_right_content_dl{width: 32%;margin-left: 2%;} .header_nav_list_product_right_content_dl:nth-of-type(3n+1){margin-left: 0;} .index_banner_bg{height: 330px;} .index_banner_bg img{height: 100%;object-fit: cover;} .index_banner_swiper_right, .index_banner_swiper_left{width: 38px;} .index_banner_swiper_right{right: 20px;} .index_banner_swiper_left{left: 20px;} .index_banner_content_two{width: 80.2%;} .index_title_right li + li{margin-left: 30px;} .index_about_content_box{width: 89.72%;} .index_about_content_txt p{font-size: 16px;} .index_solution_content_list_content_top_left p{font-size: 16px;} .index_solution_btn li h2{font-size: 16px;} .index_solution_content_list_content_top_left{width: 70%;} .index_news_content_list{align-items: normal;} .index_news_content_list_left a{height: 100%;display: block;} .index_news_content_list_left_img{height: 100%;} .index_news_content_list_left_img img{height: 100%;object-fit: cover;} .index_form_content_reason_left{width: 82.2%;} .index_form_btn{width: 14.22%;} .footer_top_box .contentWH1400{flex-wrap: wrap;} .footer_info_box{width: 100%;margin-top: 30px;} .footer_share_box li{width: 4.54%;} .culture_quality_content_box{flex-wrap: wrap;} .culture_quality_content_left{width: 100%;margin-bottom: 30px;} .culture_quality_content_right{width: 100%;} .news_list_top_sw .swiper-slide a{flex-wrap: wrap;} .news_list_top_sw_img{width: 100%;height: auto;} .news_list_top_sw_right{width: 100%;margin-left: 0;padding: 30px;} .news_list_bottom_right{width: 61.7%;} .esg_info_content{flex-wrap: wrap;} .esg_info_content_left{width: 100%;} .esg_info_content_right{width: 100%;margin-top: 30px;} .esg_operation_content{flex-direction: column-reverse;} .esg_operation_content_right{width: 100%;} .esg_operation_content_left{width: 100%;margin-top: 30px;} .esg_people_ul li{width: 100%;margin-left: 0;} .overview_list_ul li{padding: 5% 4%;} .overview_list_ul li dl{min-height:152px;} .overview_list_ul li h2{font-size: 20px;} .overview_list_ul li dd{font-size: 16px;} .overview_list_ul li p{font-size: 16px;} .contact_info_ul li{width: 100%;margin-left: 0;} .qualicty_environmental_ul{justify-content: space-between;} .qualicty_environmental_ul li{margin-left: 0;width: 48.5%;} .qualicty_stystem_ul{justify-content: space-between;} .qualicty_stystem_ul li{width: 48.5%;margin-left: 0;} .quality_equipment_content_sw_right{right: -13px;} .quality_equipment_content_sw_left{left: -13px;} .quality_introduction_table{overflow: hidden;overflow-x: auto;} .quality_failure_btn li{text-align: center;} .quality_failure_two_ul{justify-content: space-between;} .quality_failure_two_ul li{width: 48.5%;margin-left: 0;} .quality_green_ul{justify-content: space-between;} .quality_green_ul li{width: 48.5%;margin-left: 0;} .quality_conflict_content{flex-wrap: wrap;} .quality_conflict_content_left{width: 100%;} .quality_conflict_content_right{width: 100%;margin-left: 0;} .qualicty_environmental_box{padding: 80px 0;} .qualicty_stystem_box{padding: 80px 0;} .quality_introduction_box{padding: 80px 0;} .quality_equipment_box{padding: 80px 0;} .quality_failure_box{padding: 80px 0;} .quality_conflict_box{padding: 80px 0;} .quality_reliability_box{padding: 80px 0;} #resetGridButton{font-size: 16px;} .products_list_content_table_top_left p{font-size: 16px;} .products_list_content_table_top_right a{font-size: 16px;} .products_list_ul li a{font-size: 16px;} .product_detial_info_title h1{font-size: 36px;} .product_detial_info_content_right h2{font-size: 24px;} .product_detial_info_content_right p{font-size: 16px;} .product_detial_technical_table table th{padding-left: 20px;} .product_detial_technical_table table th:nth-last-of-type(1),.product_detial_technical_table table th:nth-last-of-type(2){width: 15%;} .product_detial_technical_table table td{padding-left: 20px;} .application_ul_content h2{font-size: 12px;} .application_ul_content span{font-size: 14px;} .application_detial_info_content h2{font-size: 32px;} .application_detial_other_btn li{font-size: 16px;} } @media (max-width: 768px) { body{padding-bottom: 10.8vw;} .header_top_content_box{flex-wrap: wrap;} .logo{width: 16vw;} .header_top_content_stock_code{font-size: 2.8vw;margin-left: 1.8vw;} .header_top_search_box{display: none;} .header_top_content_box{height: 13.8vw;} .header_top_content_right_language_box{width: 20vw;margin-left: 3.8vw;} .header_top_content_right_language_btn{height: 8vw;} .header_top_content_right_language_btn img:nth-of-type(1){width: 3.8vw;} .header_top_content_right_language_btn i{font-size: 3.2vw;} .header_top_content_right_language_content_list a{line-height: 5.8vw;font-size: 3.2vw;} .header_top_content_right_language_content_list a:nth-of-type(1){border-radius: 2vw 2vw 0 0;} .header_top_content_right_language_content_list a:nth-last-of-type(1){border-radius: 0 0 2vw 2vw;} .hd_btn{display: block;} .header_bottom_box{position: absolute;left: 0;top: 13.8vw;height: calc(100vh - 13.8vw);z-index: 999;width: 100%;overflow: hidden;overflow-y: auto;display: none;} .header_bottom_nav_box{display: block;} .header_bottom_nav_box li{width: 100%;height: auto;} .nav_frist_link{display: inline-block;text-align: left;font-size: 3.8vw;line-height: 10.8vw;} .nav_list_box{position: relative;top: auto;} .header_bottom_nav_box li.on .nav_frist_link, .header_bottom_nav_box li:hover .nav_frist_link{background: none;} .header_bottom_nav_box li{flex-direction: column;} .header_bottom_nav_box li .header_nav_list_product_box{flex-wrap: wrap;} .header_nav_list_product_left{width: 100%;padding: 5% 4%;} .header_nav_list_product_left_dl dd + dd{margin-top: 3.2vw;} .header_nav_list_product_left_dl dd a{font-size: 3.6vw;} .header_nav_list_product_right_content_title h2{font-size: 3.6vw;} .header_nav_list_product_right_content_title{padding-bottom: 1.2vw;} .header_nav_list_product_right_content_box{max-height: 48vw;justify-content: space-between;} .header_nav_list_product_right_content_dl{margin-top: 3.6vw;width: 48.5%;margin-left: 0;} .header_nav_list_product_right_content_dl dt a{font-size: 3.6vw;} .header_nav_list_product_right_content_dl dd{font-size: 3.2vw;margin-top: 1.8vw;} .header_nav_list_product_right_content_dl dd a{font-size: 3.2vw;} .header_nav_list_box{padding: 5% 0;} .right_online_box{width: 100%;height: auto;display: flex;justify-content: space-between;top: auto;transform: none;bottom: 0;right: auto;left: 0;} .right_online_box li{width: 25%;aspect-ratio:initial;height: 10.8vw;} .right_online_box li:hover .right_online_content{display: none;} .right_online_box li + li{margin-top: 0;} .right_online_box li:nth-of-type(1) .right_online_btn{border-radius: 0;} .right_online_box li:nth-last-of-type(1) .right_online_btn{border-radius: 0;} .right_online_btn img{width: 5vw;} .index_banner_swiper_right, .index_banner_swiper_left{width: 4.8vw;} .index_banner_swiper_right{right: 4%;} .index_banner_swiper_left{left: 4%;} .index_banner_content h2{font-size: 4.8vw;margin-top: 1.2vw;} .index_banner_content span{width: 18vw;height: 0.6vw;} .index_banner_content p{font-size: 3.6vw;margin-top: 3.2vw;} .index_banner_content{width: 80.64%;} .index_banner_content_ul{margin-top: 3.2vw;} .index_banner_content_ul li{border-radius: 2vw;} .index_banner_more{height: 8.8vw;width: 30vw;border-radius: 2vw;font-size: 3.6vw;margin-top: 3.2vw;} .index_banner_swiper_page span{width: 4vw;height: 0.4vw;} .index_banner_swiper_page{bottom: 3.6vw !important;} .index_banner_bg{height: 66vw;} .index_banner_content_two h2{font-size: 4.8vw;} .index_banner_content_two p{font-size: 3.6vw;margin-top: 3.2vw;} .index_products_box{padding: 8vw 0;} .index_title_left h2{font-size: 4.8vw;} .index_title_left p{font-size: 3.2vw;} .index_title_right{flex-wrap: wrap;margin-top: 0;justify-content: space-between;} .index_title_right li{width: 48.5%;margin-top: 3.2vw;font-size: 3.6vw;height: 8.8vw;border-radius: 2vw;border: 1px solid var(--mainColor);color: var(--mainColor); display: flex;align-items: center;padding: 0 3.2vw;text-align: left;} .index_title_right li.on{color: #FFFFFF;text-decoration: none;background: var(--mainColor);} .index_title_right li + li{margin-left: 0;} .index_product_swiper{padding: 8vw 0;} .index_product_swiper .swiper-slide a{padding: 5% 4%;} .index_product_swiper .swiper-slide{border-radius: 2vw;} .index_product_swiper .swiper-slide h2{font-size: 4.2vw;} .index_product_swiper .swiper-slide p{font-size: 3.6vw;} .index_product_swiper_bottom{margin-top: 3.2vw;} .index_product_swiper_bottom_more{font-size: 3.6vw;} .index_product_swiper_bottom_more img{margin-left: 1.8vw;} .index_product_swiper_btn_left, .index_product_swiper_btn_right{width: 4.8vw;} .index_product_swiper_controller_left{width: 11vw;} .index_product_swiper_controller_right{margin-left: 3.8vw;} .index_about_box{padding: 8vw 0;} .index_about_content_box{width: 100%;} .index_about_content_txt h2{font-size: 4.8vw;} .index_about_content_txt h3{font-size: 3.8vw;margin-bottom: 3.2vw;} .index_about_content_txt p{font-size: 3.6vw;} .index_about_content_certification_box{margin-top: 3.2vw;} .index_about_content_certification_box h3{font-size: 3.8vw;} .index_about_content_certification_ul li{width: 32%;margin-top: 3.8vw;margin-left: 2%;} .index_solution_box{padding-top: 8vw;} .index_solution_content_box{margin-top: 5.8vw;} .index_solution_content_list_content{position: relative;padding: 5% 0;background: #E8ECF1;height: auto;} .index_solution_content_list_content_top{flex-direction: column;} .index_solution_content_list_content_top_left{width: 100%;} .index_solution_content_list_content_top_left h2{font-size: 4.2vw;color: #333333;} .index_solution_content_list_content_top_left p{color: #333333;margin-top: 3.2vw;font-size: 3.6vw;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;} .index_solution_content_list_content_top a{color: var(--mainColor);border-color: var(--mainColor);} .index_solution_content_list_content_top a:hover{color: #FFFFFF;} .index_solution_content_sw .swiper-slide{background: #E8ECF1;} .index_solution_btn_box{margin-top: 3.8vw;} .index_solution_btn li{padding: 5% 4%;border-radius: 2vw;} .index_solution_ico img{width: 9vw;} .index_solution_ico span{font-size: 4.8vw;} .index_solution_btn li h2{font-size: 3.6vw;margin-top: 3.2vw;} .index_news_box{padding: 8vw 0;} .index_news_content_box{margin-top: 5.8vw;} .index_news_content_list{flex-wrap: wrap;} .index_news_content_list_left{width: 100%;border-radius: 2vw;} .index_news_content_list_left_content{padding: 5% 4%;} .index_news_content_list_left_content h2{font-size: 3.8vw;} .index_news_left_time{font-size: 3.2vw;margin-top: 1.8vw;} .index_news_content_list_right{width: 100%;margin-top: 5.8vw;} .index_news_content_list_right li h2{font-size: 3.8vw;} .index_news_content_list_right li p{font-size: 3.6vw;margin-top: 3.2vw;} .index_news_right_time{font-size: 3.2vw;margin-top: 3.2vw;} .index_news_content_list_right li a{padding-bottom: 2.2vw;} .index_news_content_list_right li + li{margin-top: 3.8vw;} .index_form_box{padding: 8vw 0;} .index_form_title h2{font-size: 4.8vw;} .index_form_title p{font-size: 3.6vw;margin-top: 3.2vw;} .index_form_content_box{margin-top: 5.8vw;padding: 5% 4%;border-radius: 2vw;} .index_form_content_ul li.WH32{width: 100%;} .index_form_content_ul li input{height: 10.8vw;padding: 0 3.2vw;border-radius: 1.2vw;} .label_control{font-size: 3.2vw;left: 3.2vw;} .tips{font-size: 3.2vw;} .index_form_content_ul li{width: 100%;margin-bottom: 1.8vw;} .index_form_content_reason_left textarea{padding: 1.8vw 3.2vw;border-radius: 1.2vw;height: 18vw;} .index_form_content_reason_left .label_control{top: 3.2vw;} .index_form_content_reason_left{width: 64vw;} .index_form_btn{width: 18vw;font-size: 3.6vw;border-radius: 1.2vw;} .index_form_txt p{font-size: 3.2vw;} .footer_top_box{padding: 8vw 0;} .footer_nav_box h2{font-size: 4.2vw;padding-bottom: 1.2vw;} .footer_nav_box a{font-size: 3.6vw;margin-top: 2.8vw;} .footer_nav_box{margin-bottom: 3.8vw;width: 48.5%;} .footer_info_box{margin-top: 5.8vw;} .footer_info_box h2{font-size: 4.2vw;margin-bottom: 3.2vw;} .footer_info_ul li{margin-bottom: 2.8vw;} .footer_info_ul li p{font-size: 3.6vw;} .footer_info_ul_ico{width: 3.6vw;margin-right: 1.2vw;margin-top: 0.8vw;} .footer_share_box li{width: 11vw;} .footer_last_content{padding: 1.8vw 0;flex-direction: column;} .footer_last_content p{font-size: 2.8vw;text-align: center;} .back_top{display: none !important;} .overview_banner_content h1{font-size: 4.8vw;} .crumbs_content a, .crumbs_content i{font-size: 3.2vw;} .crumbs_content img{margin-right: 1.8vw;} .crumbs_content img{width: 3.6vw;} .crumbs_content{height: 10.8vw;} .overview_info_box{padding: 8vw 0;} .overview_info_content h2{font-size: 4.8vw;margin-bottom: 5.8vw;} .overview_info_content p{font-size: 3.6vw;} .overview_info_ul{margin-top: 3.2vw;flex-wrap: wrap;} .overview_info_ul li{width: 48.5%;margin-top: 3.8vw;} .overview_info_ul_ico{width: 8vw;} .overview_info_ul li h2{font-size: 4.8vw;margin-top: 3.8vw;} .overview_info_ul li p{font-size: 3.6vw;margin-top: 1.8vw;} .overview_info_ul li:after{height: 80%;} .overview_info_ul li:nth-of-type(even):after{display: none;} .overview_list_box{padding: 8vw 0;} .overview_list_ul li{width: 100%;padding: 5% 4%;border-radius: 2vw;} .overview_list_ul li h2{font-size: 4.2vw;} .overview_list_ul li span{width: 20vw;height: 0.5vw;margin-top: 3.2vw;} .overview_list_ul li dl{margin-top: 5.8vw;min-height: auto;} .overview_list_ul li dl dd{font-size: 3.8vw;} .overview_list_ul li dl dd:before{top: 2vw;} .overview_list_ul li p{font-size: 3.6vw;margin-top: 3.8vw;} .overview_list_ul li + li{margin-top: 3.8vw;} .overview_millstone_box{padding: 8vw 0;} .overview_millstone_title h2{font-size: 4.8vw;} .overview_millstone_swiper_top{margin-top: 5.8vw;} .overview_millstone_swiper_top p{font-size: 3.8vw;} .overview_millstone_swiper_top h3{font-size: 30.8vw;margin-top: 5.8vw;} .overview_millstone_swiper_bottom h2{font-size: 4.8vw;margin-top: 3.2vw;} .overview_millstone_bottom_box{margin-top: 6.5w;} .overview_millstone_swiper_bottom_right, .overview_millstone_swiper_bottom_left{width:4.8vw;top: -2.4vw;} .culture_quality_box{padding: 8vw 0;} .culture_quality_content_box{margin-top: 5.8vw;} .culture_quality_content_left{margin-top: 5.8vw;border-radius: 2vw;} .culture_quality_content_right li{width: 100%;padding: 5% 4%;} .culture_quality_content_right li + li{margin-top: 3.8vw;} .culture_quality_content_right_ico{width: 8.8vw;} .culture_quality_content_right li h2{font-size: 4.2vw;margin-top: 3.2vw;} .culture_quality_content_right li p{font-size: 3.6vw;margin-top: 3.2vw;} .culture_quality_content_right li:nth-last-of-type(1), .culture_quality_content_right li:nth-last-of-type(2){margin-top: 3.8vw;} .culture_advantage_content_ul li h3{font-size: 14.8vw;} .culture_advantage_content_ul li h2{font-size: 2.7vw;bottom: -0.8vw;} .culture_advantage_content_ul li h2 span{font-size: 3.2vw;} .culture_advantage_content_ul li{width: 24%;} .news_product_box{padding: 8vw 0;} .news_product_title_left h2{font-size: 4.8vw;} .news_product_title_left span{width: 4.2vw;height: 0.5vw;margin-right: 1.2vw;} .news_product_title a{width: 32vw;height: 8.8vw;font-size: 3.6vw;border-radius: 1vw;} .news_product_ul{margin-top: 3.2vw;} .news_product_ul li{width: 100%;margin-top: 3.8vw;border-radius: 2vw;margin-left: 0;} .news_banner_content h1{font-size: 4.8vw;} .news_product_ul_txt{padding: 5% 4%;} .news_product_ul_txt h2{font-size: 4.2vw;} .news_product_ul_txt p{font-size: 3.6vw;margin-top: 3.2vw;} .crumbs_content{flex-wrap: wrap;height: auto;} .crumbs_content_left{width: 100%;height: 10.8vw;} .crumbs_content_right li + li{margin-left: 3.8vw;} .crumbs_content_right{height: 8.8vw;} .news_list_top_box{padding: 8vw 0;} .news_list_top_sw .swiper-slide{border-radius: 2vw;} .news_list_top_sw_right{padding: 5% 4%;} .news_list_top_sw_right_time{font-size: 3.2vw;} .news_list_top_sw_right h2{font-size: 3.8vw;margin-top: 1.8vw;} .news_list_top_sw_right p{font-size: 3.6vw;margin-top: 2.2vw;} .news_list_top_sw_right span{width: 32vw;height: 8.8vw;font-size: 3.6vw;border-radius: 1.2vw;margin-top: 3.6vw;} .news_list_top_sw{padding-bottom: 8vw;} .news_list_top_sw_page span{width: 1.8vw;height: 1.8vw;} .news_list_bottom_box{margin-top: 5.8vw;} .news_list_bottom_box li{margin-top: 3.8vw;border-radius: 2vw;} .news_list_bottom_box li a{padding: 5% 4%;flex-wrap: wrap;} .news_list_bottom_time{width: 100%;} .news_list_bottom_time:after{display: none;} .news_list_bottom_time strong{font-size: 4.8vw;} .news_list_bottom_time span{font-size: 3.6vw;} .news_list_bottom_right{width: 100%;margin-top: 3.2vw;} .news_list_bottom_right h2{font-size: 4.2vw;} .news_list_bottom_right p{font-size: 3.6vw;margin-top: 3.2vw;} .news_list_bottom_right span{font-size: 3.6vw;margin-top: 3.2vw;} .news_page{margin-top: 5.8vw;} .news_page li{width: 5.8vw;height: 5.8vw;} .news_page li a{border-radius: 0.8vw;} .news_page li a{font-size: 3.2vw;} .news_page li + li{margin-left: 1.8vw;} .news_page li img{width: 1.6vw;} .news_detial_content_box{padding: 8vw 0;} .news_detial_content_title h1{font-size: 4.8vw;} .news_detial_content_time{font-size: 3.6vw;} .news_detial_content_time img{width: 3.2vw;} .news_detial_content_title{padding-bottom: 2.8vw;} .news_detial_content{margin-top: 3.8vw;} .news_detial_content p{font-size: 3.6vw;} .news_related_box{padding: 8vw 0;} .news_related_ul{margin-top: 3.2vw;} .news_related_ul li{width: 100%;margin-top: 3.8vw;} .news_related_ul li a{padding: 5% 4%;} .news_related_ul_time{font-size: 3.6vw;} .news_related_ul li h2{font-size: 3.8vw;margin-top: 3.2vw;} .investor_info_box{padding: 8vw 0;} .investor_info_content{margin-top: 5.8vw;} .investor_info_content{flex-wrap: wrap;} .investor_info_content_left{width: 100%;} .investor_info_content_left_left{padding: 5%;} .investor_info_content_left_left img{width: 8vw;} .investor_info_content_left_left h3{font-size: 3.6vw;margin-top: 3.2vw;} .investor_info_content_left_left h2{font-size: 3.8vw;margin-top: 3.2vw;} .investor_info_content_left_right{padding: 5% 4%;} .investor_info_content_left_right_txt p{font-size: 3.6vw;} .investor_info_content_left_right_txt p + p{margin-top: 3.6vw;} .investor_info_content_right{width: 100%;flex-wrap: wrap;} .investor_info_content_right li{width: 100%;margin-top: 3.8vw;} .investor_info_content_right_ico{width: 8.8vw;} .investor_info_content_right li h2{font-size: 3.8vw;margin-top: 3.6vw;} .investor_info_content_right li p{font-size: 4.8vw;margin-top: 3.6vw;} .investor_info_bg_box{margin-top: 8vw;} .investor_info_bg{height: 30vw;border-radius: 2vw;} .investor_info_bg img{height: 100%;object-fit: cover;} .investor_info_bg_content{padding: 0 4%;} .investor_info_bg_content_left h2{font-size: 4.8vw;} .investor_info_bg_content_left span{width: 12vw;height: 0.5vw;margin-top: 1.8vw;} .investor_info_bg_content a{width: 32vw;height: 8.8vw;font-size: 3.6vw;border-radius: 1.2vw;} .investor_news_box{padding: 8vw 0;} .investor_news_ul{margin-top: 3.2vw;justify-content: space-between;} .investor_news_ul li{width: 48.5%;margin-left: 0;margin-top: 3.8vw;height: auto;} .investor_news_ul li a{padding: 5% 4%;} .investor_news_ul_time{font-size: 3.2vw;} .investor_news_ul li h2{font-size: 3.6vw;margin-top: 1.8vw;} .investor_news_ul_check{margin-top: 8vw;font-size: 3.6vw;} .investor_news_ul_check img{width: 3.2vw;} .esg_info_box{padding: 8vw 0;} .esg_info_title h2{font-size: 4.8vw;} .esg_info_content{margin-top: 5.8vw;} .esg_info_content_right{margin-top: 3.6vw;} .esg_info_content_right p{font-size: 3.6vw;} .esg_operation_box{padding: 8vw 0;} .esg_operation_content{margin-top: 5.8vw;} .esg_operation_content_right{border-radius: 2vw;} .esg_operation_content_left{margin-top: 5.8vw;} .esg_operation_content_left li{border-radius: 2vw;} .esg_operation_content_left_top{padding: 0 4%;height: 10.8vw;} .esg_operation_content_left_top h2{font-size: 3.8vw;} .esg_operation_content_left_top span{width: 3.2vw;} .esg_operation_content_left_bottom{padding: 5% 4%;} .esg_operation_content_left_bottom p{font-size: 3.6vw;} .esg_operation_content_left li + li{margin-top: 3.8vw;} .esg_people_box{padding: 8vw 0;} .esg_people_title h2{font-size: 4.8vw;} .esg_people_ul{margin-top: 3.2vw;} .esg_people_ul li{margin-top: 3.8vw;border-radius: 2vw;padding: 5% 4%;} .esg_people_ul li h2{font-size: 4.2vw;margin-bottom: 3.2vw;} .esg_people_ul li p{font-size: 3.6vw;} .esg_people_ul li dl dd{font-size: 3.6vw;} .esg_people_ul li:nth-last-of-type(1){padding: 5% 4%;} .esg_growth_box{padding: 8vw 0;} .esg_growth_ul{padding-top: 3.2vw;} .esg_growth_ul li{flex-direction: column;margin-top: 3.2vw;padding-bottom: 3.2vw;} .esg_growth_ul_img{width: 11vw;} .esg_growth_ul_right{width: 100%;margin-top: 3.8vw;} .esg_growth_ul_right h2{font-size: 4.2vw;} .esg_growth_ul_right p{font-size: 3.6vw;} .esg_growth_ul_right dl dd{font-size: 3.6vw;} .contact_info_box{padding: 8vw 0;padding-bottom: 0;} .contact_info_title h2{font-size: 4.8vw;} .contact_info_ul{margin-top: 3.2vw;} .contact_info_ul li{padding: 5% 4%;margin-top: 3.8vw;} .contact_info_ul li h3{font-size: 4.2vw;} .contact_info_dl{margin-top: 1.8vw;} .contact_info_dl dd{margin-top: 3.2vw;} .contact_info_dl dd p{font-size: 3.6vw;margin-left: 1.8vw;} .contact_info_dl_ico{width: 3vw;align-items: center;} .contact_samples_box{padding: 8vw 0;margin-top: 5.8vw;} .contact_samples_box h2{font-size: 4.8vw;} .contact_samples_box a{width: 38vw;height: 8.8vw;font-size: 3.6vw;margin-top: 3.8vw;border-radius: 2vw;} .quality_policy_box{padding: 8vw 0;} .quality_policy_title h2{font-size: 4.8vw;} .quality_policy_ul{margin-top: 3.2vw;justify-content: space-between;} .quality_policy_ul li{width: 48.5%;margin-left: 0;margin-top: 3.8vw;padding: 5% 4%;height: auto;border-radius: 2vw;} .quality_policy_ul_ico{width: 11vw;} .quality_policy_ul li p{font-size: 3.6vw;margin-top: 3.8vw;} .qualicty_environmental_box{padding: 8vw 0px;} .qualicty_environmental_title h2{font-size: 4.8vw;} .qualicty_environmental_ul{margin-top: 3.2vw;} .qualicty_environmental_ul li{width: 100%;margin-top: 3.8vw;padding: 5% 4%;border-radius: 2vw;} .qualicty_environmental_ul_ico{width: 11vw;} .qualicty_environmental_ul_ico img{width: 68%;} .qualicty_environmental_ul li p{font-size: 3.6vw;margin-left: 3.2vw;} .qualicty_stystem_box{padding: 8vw 0;} .qualicty_stystem_ul{margin-top: 3.2vw;} .qualicty_stystem_ul li{margin-top: 3.8vw;} .qualicty_stystem_ul li h2{font-size: 3.6vw;margin-top: 3.2vw;} .qualicty_stystem_more{font-size: 3.6vw;} .qualicty_stystem_more img{margin-right: 1.8vw;} .quality_introduction_box{padding: 8vw 0;} .quality_introduction_h3{margin-top: 5.8vw;font-size: 3.8vw;padding-left: 3.8vw;} .quality_introduction_h3:before{width: 1.8vw;height: 1.8vw;top: 2.5vw;} .quality_introduction_table{margin-top: 5.8vw;} .quality_introduction_table table{min-width: 680px;} .quality_introduction_table th{height: 10.8vw;padding: 0 4%;font-size: 3.8vw;} .quality_introduction_table td{min-height: 10.8vw;padding: 1.8vw 4%;font-size: 3.6vw;} .quality_introduction_box .quality_introduction_table th:nth-of-type(2){width: 20%;} .quality_equipment_box{padding: 8vw 0;} .quality_equipment_content{margin-top: 5.8vw;} .quality_equipment_content{margin-top: 5.8vw;} .quality_equipment_content_sw_right, .quality_equipment_content_sw_left{width: 5.8vw;} .quality_equipment_content_sw_right{right: -3.2vw;} .quality_equipment_content_sw_left{left: -3.2vw;} .quality_equipment_content_sw_content{padding: 5% 4%;} .quality_equipment_content_sw_content p{font-size: 3.8vw;} .quality_equipment_content_sw_content p + p{margin-top: 3.2vw;} .quality_equipment_content_sw_content p span{width: 10vw;} .quality_reliability_box{padding: 8vw 0;} .quality_reliability_box .quality_introduction_table th:nth-of-type(2){width: 15%;} .quality_failure_box{padding: 8vw 0px;} .quality_failure_btn{margin-top: 5.8vw;} .quality_failure_btn li{font-size: 3.8vw;} .quality_failure_btn li + li{margin-left: 5.8vw;} .quality_failure_btn li:nth-of-type(1):after{display: none;} .quality_failure_content{margin-top: 5.8vw;border-radius: 2vw;} .quality_failure_content_list{padding: 5% 4%;} .quality_failure_frist_box p{font-size: 3.6vw;padding-left: 3vw;} .quality_failure_frist_box p:before{width: 1.8vw;height: 1.8vw;} .quality_failure_frist_box .quality_introduction_table th:nth-of-type(2){width: 20%;} .quality_failure_two p{font-size: 3.6vw;padding-left: 3vw;} .quality_failure_two p:before{width: 1.8vw;height: 1.8vw;} .quality_failure_two{padding-bottom: 1.8vw;} .quality_failure_content_list h3{font-size: 3.6vw;margin-top: 5.8vw;} .quality_failure_two_ul li{width: 100%;margin-top: 3.8vw;padding: 0 2.8vw;height: 10.8vw;font-size: 3.6vw;} .quality_green_box{padding: 8vw 0;} .quality_green_ul{margin-top: 3.2vw;} .quality_green_ul li{width: 100%;margin-top: 3.8vw;border-radius: 2vw;} .quality_green_ul_left{font-size: 5.8vw;} .quality_green_ul_right{padding: 5% 4%;font-size: 3.6vw;} .quality_green_ul_right p{font-size: 3.6vw;} .quality_conflict_box{padding: 8vw 0;} .quality_conflict_content{margin-top: 5.8vw;} .quality_conflict_content_left{border-radius: 2vw 2vw 0 0;} .quality_conflict_content_right{padding: 5% 4%;border-radius: 0 0 2vw 2vw;} .quality_conflict_content_right p{font-size: 3.6vw;padding-left: 3.8vw;} .quality_conflict_content_right p:before{width: 1.8vw;height: 1.8vw;top: 1.8vw;} .products_box{padding: 8vw 0;} .products_title_box h2{font-size: 4.8vw;} .products_content_list{margin-top: 3.2vw;} .products_content_list li{width: 100%;margin-top: 3.8vw;} .products_content_list_top{height: 10.8vw;padding: 0 3.8vw;} .products_content_list_top a{font-size: 3.6vw;} .products_content_list_top span{font-size: 4.2vw;} .products_content_list_bottom{padding: 0 5%;} .products_content_list_bottom a{padding: 0 3.2vw;line-height: 10.8vw;font-size: 3.6vw;} .products_list_ul{flex-wrap: wrap;justify-content: space-between;} .products_list_ul li:nth-of-type(1){width: 48.5%;} .products_list_btn_box{padding: 3.8vw 0;} .products_list_ul li + li{margin-left: 0;} .products_list_ul li{width: 48.5%;height: 10.8vw;font-size: 3.6vw;margin-bottom: 3.8vw;border-radius: 2vw;} .products_list_ul li a{font-size: 3.6vw;} .products_list_content_box{margin-top: 1.8vw;} .products_list_content_title h1{font-size: 4.8vw;} .products_list_content_table_top{margin-top: 8vw;flex-wrap: wrap;} .products_list_content_table_top_left{width: 100%;justify-content: space-between;} #resetGridButton{font-size: 3.6vw;} .products_list_content_table_top_left p{font-size: 3.6vw;} .products_list_content_table_top_right{margin-top: 3.8vw;justify-content: space-between;width: 100%;} .products_list_content_table_top_right a + a{margin-left: 0;} .products_list_content_table_top_right a{font-size: 3.6vw;} .products_list_content_table{padding-bottom: 8vw;margin-top: 3.8vw;} .products_list_content_table{height: 70vh;} .product_detial_info_box{padding: 8vw 0;} .product_detial_info_title h1{font-size: 4.8vw;} .product_detial_info_title a{width: 32vw;height: 10.8vw;font-size: 3.8vw;border-radius: 2vw;} .product_detial_info_title a img{width: 3.8vw;margin-right: 1.8vw;} .product_detial_info_content{margin-top: 5.8vw;flex-wrap: wrap;} .product_detial_info_content_left{width: 100%;border-radius: 2vw;} .product_detial_info_content_right{width: 100%;margin-top: 5.8vw;} .product_detial_info_content_right h2{font-size: 4.2vw;} .product_detial_info_content_right p{font-size: 3.6vw;margin-top: 3.6vw;} .product_detial_info_content_right_btn{margin-top: 5.8vw;justify-content: space-between;} .product_detial_info_content_right_btn a{width: 48.5%;height: 10.8vw;font-size: 3.8vw;border-radius: 2vw;} .product_detial_info_content_right_btn a img{width: 3.2vw;} .product_detial_info_content_right_btn a + a{margin-left: 0;} .product_detial_feature_box{padding: 8vw 0;} .product_detial_feature_title h2{font-size: 4.8vw;} .product_detial_feature_ul{margin-top: 3.2vw;} .product_detial_feature_ul li{width: 100%;margin-top: 3.8vw;font-size: 3.6vw;padding-left: 3.8vw;} .product_detial_feature_ul li:before{width: 2.6vw;} .product_detial_technical_box{padding: 8vw 0;} .product_detial_technical_title h2{font-size: 4.8vw;} .product_detial_technical_table{margin-top: 5.8vw;overflow: hidden;overflow-x: auto;} .product_detial_technical_table table{min-width: 600px;} .product_detial_technical_table table th{height: 10.8vw;font-size: 3.8vw;padding-left: 3.2vw;} .product_detial_technical_table table th:nth-last-of-type(1), .product_detial_technical_table table th:nth-last-of-type(2){width: 18%;} .product_detial_technical_table table td{height: 10.8vw;font-size: 3.6vw;padding-left: 3.2vw;} .product_detial_application_content{margin-top: 5.8vw;padding: 5% 4%;} .product_detial_application_content_ul li{margin-left: 0;width: 100%;margin-top: 3.2vw;padding-left: 4.2vw;padding-bottom: 1.8vw;} .product_detial_application_content_ul li a{font-size: 3.6vw;} .product_detial_application_content_ul li:before{width: 3.2vw;} .product_detial_application_box{padding-bottom: 8vw;} .application_box{padding: 8vw 0;} .application_ul{flex-wrap: wrap;} .application_ul li{width: 100%;} .application_ul_img{border-radius: 2vw;} .application_ul_content{height: 10.8vw;} .application_ul li + li{margin-top: 3.8vw;} .application_ul_content span{font-size: 3.2vw;} .crumbs_content_left{flex-wrap: wrap;} .application_detial_info_box{padding: 8vw 0;} .application_detial_info_content{margin-top: 8vw;padding-top: 5.8vw;} .application_detial_info_content h2{font-size: 4.8vw;} .application_detial_info_content_img{margin-top: 5.8vw;padding: 5% 4%;} .application_detial_related_title h2{font-size: 4.8vw;} .application_detial_other_box{padding: 8vw 0;} .application_detial_other_btn{margin-top: 3.2vw;flex-wrap: wrap;height: auto;background: none;} .application_detial_other_btn li{width:100%;margin-top: 3.2vw;height: 10.8vw;background: #FFFFFF;border-radius: 2vw;font-size: 3.6vw;} .application_detial_other_btn li img{width: 4.8vw;} .application_detial_other_content{margin-top: 5.8vw;} .application_detial_other_list ul li{margin-top: 3.2vw;} } /*.header_nav_list_product_right_content_dl {*/ /* margin-right: 90px;*/ /* margin-left: 0;*/ /*}*/ @media (min-width: 991px) { /*#menu-item-1245 .header_nav_list_product_right_content_box{*/ /* gap: 24px 90px;*/ /*}*/ #menu-item-1245 .header_nav_list_product_right_content_dl{ margin-left: 0 !important; margin-right: 0 !important; width: 270px !important; max-width: 290px !important; min-width: 270px !important; } #menu-item-1245 .header_nav_list_product_right_content { width: 90%; } }