@charset "utf-8";
/* pages */
.page_banner{background: #FFF;}
.page_banner .container_max img{display: block; width:100%; margin:0 auto;}

.pages{padding:45px 0 35px 0; box-sizing: border-box;}
.pages_box{padding: 25px 50px; box-sizing: border-box;}
.pages_box_bd{padding:45px 0; box-sizing: border-box;}
.pages_box_bd img{max-width: 100%; height: auto;}
.pages_bd_content{line-height: 1.65; padding: 25px 0 15px 0; box-sizing: border-box;}
.pages_bd_content p{padding: 2px 0 8px 0;}
.pages_bd_content img{max-width: 100%; height:auto;}
.pages_bd_content p a{text-decoration: underline; color: #0078D4;}
.pages_bd_content p strong{border-bottom:1px solid var(--bgcolor-b1); padding: 3px 2px;}
.pages_bd_content table tr td{padding:5px 10px; box-sizing: border-box; word-break: break-all;}
.pages_bd_desc{background:#efefef; padding:19px 25px; text-align: left; line-height: 1.65; margin-top:15px; border-radius: 5px; text-indent: 2em; box-sizing: border-box;}
.pages_bd_content > h4{display:block; width:100%; height:87px; text-align:left; text-indent:3.1em; overflow: hidden; line-height: 70px; font-weight: bold; color: #0078D4; font-size: var(--f28); background: url(../images/content_hd_bg0.png) no-repeat 0 0; margin-top:6px;}

/*news*/
.news_category{display: block;}
.news_category_ul{display: flex; flex-wrap: wrap; align-items: center; padding:5px 0;}
.news_category_ul li{width: 49%; margin:0; text-align: center; font-size: var(--f24); box-sizing: border-box; padding: 0 1px;}
.news_category_ul li:last-child{margin: 0 0 0 auto;}
.news_category_ul li a{background: var(--bgwhite-10); display: block; padding: 15px 0; text-decoration: none; border-radius: var(--radius-10);}
.news_category_ul li a:hover,.news_category_ul li.nactive a{background:var(--fcolor-a3); color: var(--bgwhite-10);}

.news_list{padding:10px 0 30px 0;}
.news_list_ul{display: block;}
.news_list_ul li{width: 100%; box-sizing: border-box; padding: 10px 0;}
.news_list_ul li a{display: block; background: #FFF; padding: 15px 50px; box-sizing:border-box; border-bottom: 1px solid #e0ded8; text-decoration: none;box-shadow: 0 0 20px rgba(0,0,0,0.05);}
.news_list_ul li a:hover{ border-bottom: 1px solid var(--bgcolor-b1); box-shadow: 0 0 25px rgba(0,0,0,0.125);}
.news_list_ul li dl{display: block;}
.news_list_ul li dl dt h6{padding: 10px 0; line-height: calc(var(--f16) + 6px); font-size:var(--f16); color: #afaeab;}
.news_list_ul li dl dd{padding:5px 0 10px 0;}
.news_list_ul li dl dd h3{font-weight: 500; font-size: var(--f20); overflow-wrap: break-word;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.news_list_ul li dl dd p{color: rgba(0,0,0,0.6); padding-top:15px;overflow-wrap: break-word;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}

/*jobs*/
.jobs_list_ul{padding:25px 0 30px 0; margin: 0 auto;}
.jobs_list_ul li{border:1px solid var(--bgblack-1); padding:15px 30px; box-sizing: border-box; margin-bottom:10px; background: var(--bgwhite-8); border-radius: var(--radius-10);}
.jobs_list_ul li .hd{background: url(../images/jobs_icon_a1.png) no-repeat right center; line-height: 20px; font-size: var(--f18);  line-height: calc(var(--f18) + 4px);padding:10px 36px 15px 0; cursor: pointer; border-bottom:1px solid var(--bgwhite-2);}
.jobs_list_ul li .hd.on{background: url(../images/jobs_icon_a2.png) no-repeat right center; border-bottom:1px solid var(--bgblack-2);}
.jobs_list_ul li .hd,.jobs_list_ul li .bd{box-sizing: border-box;}
.jobs_list_ul li .bd{font-size: var(--f16); line-height: calc(var(--f16) + 4px); padding: 10px 0 15px 0; color:var(--bgblack-7); display: none;}
.jobs_list_ul li .bd > p{line-height: 1.65; padding: 5px 0 3px 0;}
.jobs_list_ul li .bd > div{padding:15px 0 5px 0; line-height: 1.65;}
.jobs_list_ul li .bd > div p.tels{padding: 15px 0;}
.jobs_list_ul li .bd > div p.tels span{background: var(--fcolor-a2); color: var(--bgwhite-10); border-radius: var(--radius-5); padding: 9px 29px; font-size: var(--f18);}

/*about*/
.about_aa{}
.about_aa .container{background:url('../images/about_xbg1.png') no-repeat center 0; background-size:100% auto; padding:20px 0;}
.about_aa .container > ul{width: 100%; display:flex; align-items: center; flex-wrap: wrap; align-items:flex-end; position: relative;}
.about_aa .container > ul li{width:48%; margin:0 auto; padding:70px 0;}
.about_aa .container > ul li:first-child{margin:0;}
.about_aa .container > ul li:ntn-child(2){margin:0 0 0 auto;}
.about_aa .container > ul li dl{display: block; text-align:left;}
.about_aa .container > ul li dl dt{padding:0 0 20px 0;}
.about_aa .container > ul li dl dt img{display: block; margin:0; max-width:100%; max-height:48px; width:auto;}
.about_aa .container > ul li dl dd{font-size: var(--f18); line-height: 1.789;}
.about_aa .container .bd1{text-align: center; padding: 10px 20px;}
.about_aa .container .bd1 > p > img{display: block; margin:0 auto; max-width: 100%; height:auto;}
.about_aa .container .bd2{text-align: center; padding: 65px 20px;}
.about_aa .container .bd2 > p{font-family: var(--f18);}
.about_aa .container .bd2 > p > img{display: block; margin:5px auto; max-width: 100%; height:auto;}
.about_aa .container .bd2 > h4{font-weight: normal; font-size:var(--f18); padding:20px 0 10px 0; line-height:1.567;}
.about_aa .container .bd3{text-align: center; padding: 65px 20px;}
.about_aa .container .bd3 > h3{font-size: var(--f38); font-weight:normal; color:var(--fcolor-a2); padding:10px;}
.about_aa .container .bd3 > p{font-size: var(--f20); line-height:1.789; padding:15px 0;}
.about_aa .container .bd3 > p > img{display: block; margin:5px auto; max-width: 100%; height:auto;}

.about_ab{padding:5px 0 75px 0;}
.about_ab .ahd{padding: 25px 0; text-align:center;}
.about_ab .ahd h3{font-size: var(--f38); font-weight:normal; color:var(--fcolor-a2); padding:5px 20px;}
.about_ab .abd{padding: 10px 0;}
.about_ab .abd .aintro{display:block;}
.about_ab .abd .aintro dl{width:100%; display: flex; flex-wrap: wrap; padding:0 0 30px 0; flex-direction:row-reverse; align-items:center;}
.about_ab .abd .aintro dl dt{padding:0 0 0 50px; margin:0 0 0 auto; box-sizing:border-box; max-width:880px;}
.about_ab .abd .aintro dl dt img{display: block; border-radius: var(--radius-15); margin:0 auto; width:auto; max-width:100%; max-height:520px; object-fit:cover;}
.about_ab .abd .aintro dl dd{text-align: left; margin:0;}
.about_ab .abd .aintro dl dd h4{padding:20px 0 0 0; font-size: var(--f20);}
.about_ab .abd .aintro dl dd p{font-size: var(--f18); line-height:1.789; padding:10px 0;}
.about_ab .abd .aintro dl:nth-child(2n){flex-direction:row;}
.about_ab .abd .aintro dl:nth-child(2n) dt{padding:0 50px 0 0; margin:0;}
.about_ab .abd .aintro dl:nth-child(2n) dt img{max-height:320px;}


.about_swiper{position: relative; margin:45px 0;}
.swiper-box{overflow:hidden;}
.swiper-slide {width:350px; margin:0 0 10px 0;background:#FFF;}
.swiper-slide a{width:100%;display:block;position: relative;}
.swiper-slide img {width:100%;height:auto; display:block;box-shadow: 0px 4px 10px 0px var(--bgblack-3);}
.swiper-slide span{display: none; position: absolute;left: 0;bottom: 0;width: 100%;height: 40%;align-items: flex-end;padding: 20px; justify-content: center;font-size: 18px;color: #fff;
background: var(--bgcolor-b1);
background: -webkit-linear-gradient(rgba(229,0,18,0),var(--bgcolor-b1));
background: -moz-linear-gradient(top,rgba(229,0,18,0) 0%,var(--bgcolor-b1) 100%);; /*FireFox*/
background: -o-linear-gradient(top,rgba(229,0,18,0) 0%,var(--bgcolor-b1) 100%);  /* Opear */
background: -ms-linear-gradient(rgba(229,0,18,0),var(--bgcolor-b1)); /*IE10及IE10+*/
}
.swiper-slide.swiper-slide-active span{display:flex;}
.swiper-button-prev,.swiper-button-next{width: 55px;height: 55px;text-align: center;background: #fff;color: var(--fcolor-a3); box-shadow: 0 0 10px var(--bgblack-1);border-radius: 100%;}
.swiper-button-prev i,.swiper-button-next i{font-size: 24px;line-height: 52px;}
.swiper-button-prev:hover,.swiper-button-next:hover{color:#fff;background: var(--fcolor-a3);}

/*products*/
.products_search{text-align: center; padding: 25px 10% 45px 10%; box-sizing: border-box;}
.products_search form{width: 80%; margin:0 auto; padding: 10px; display: flex; flex-wrap: wrap; margin: 0 auto; border: 2px solid var(--fcolor-a3); border-radius: var(--radius-35);}
.products_search form input{width: calc(100% - 90px); margin: 0; background: var(--bgwhite-10); box-sizing: border-box; border: none;}
.products_search form button{width: 80px; box-sizing: border-box; border: none; background: none; margin:0 0 0 auto;}
.products_search form button img{display:block; width:46px; margin:0 auto;}
.products_search form input{padding: 10px 15px;}
.pages_products_bd{display: flex; flex-wrap: wrap; padding:0 0 25px 0; box-sizing: border-box;}
.pages_products_bd .p_l{width:260px; margin: 0;}
.pages_products_bd .p_r{width: calc(100% - 300px); margin: 0 0 0 auto;}
.products_side .phd{background:var(--fcolor-a2); padding:10px 15px; color: var(--bgwhite-10);}
.products_side_ul{display: block; width:100%;}
.products_side_ul li{border-bottom: 1px solid #CCC; background:url('../images/slide_icon_next1.png') no-repeat right center;}
.products_side_ul li:hover,.products_side_ul li.pactive{background:url('../images/slide_icon_next2.png') no-repeat right center;}
.products_side_ul li a{display:block; padding:15px 0; text-decoration:none; text-indent:15px;}
.products_side_ul li.pactive a{color: var(--fcolor-a2);}

.products_list_ul{display: flex; flex-wrap:wrap;}
.products_list_ul li{width: 23.5%; margin-right:2%; box-sizing: border-box; padding:0 0 30px 0;}
.products_list_ul li:nth-child(4n){margin:0 0 0 auto;}
.products_list_ul li a{text-decoration: none;display: block; background: #F3F3F3;box-shadow: 2px 2px 5px var(--bgblack-1); border-radius: var(--radius-10);}
.products_list_ul li a:hover{background: var(--fcolor-a3); color: #FFF;}
.products_list_ul li a dl{padding:20px;}
.products_list_ul li a dl dt{display: block; width: 100%;}
.products_list_ul li a dl dt img{display: block; width:100%; transition: all 0.6s; margin:0 auto; background: #FFF; border-radius: 2px; border:5px solid var(--bgwhite-5); box-sizing: border-box; border-radius: var(--radius-10);}
.products_list_ul li a:hover dl dt img:hover{transform: scale(1.05);}
.products_list_ul li a dl dd{text-align: center; padding: 5px 0; display: block; width: 100%;}
.products_list_ul li a dl dd h3{font-size:var(--f16); overflow-wrap: break-word;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow: hidden; margin:10px 0 5px 0; font-weight: normal;}

.products_list_ul_diy{display: flex; flex-wrap:wrap;}
.products_list_ul_diy li{width: 100%; box-sizing: border-box; margin:0 0 35px 0;}
.products_list_ul_diy li a{text-decoration: none;display: block; background: #F3F3F3;box-shadow: 2px 2px 5px var(--bgblack-1); border-radius: 2px; border-radius: var(--radius-10);}
.products_list_ul_diy li a:hover{background: var(--fcolor-a3); color: #FFF;}
.products_list_ul_diy li a dl{padding:20px; display: flex; flex-wrap: wrap;}
.products_list_ul_diy li a dl dt{width:200px;}
.products_list_ul_diy li a dl dt img{display: block; width:100%; transition: all 0.6s; margin:0 auto; background: #FFF; border-radius: 2px; border:5px solid var(--bgwhite-5); box-sizing: border-box;}
.products_list_ul_diy li a:hover dl dt img:hover{transform: scale(1.05);}
.products_list_ul_diy li a dl dd{width:calc(100% - 230px); text-align: left; padding: 5px 0; margin: 0 0 0 auto;}
.products_list_ul_diy li a dl dd > h3{font-size:var(--f20); overflow-wrap: break-word;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow: hidden; margin:10px 0 5px 0;}
.products_list_ul_diy li a dl dd > p{font-size: var(--f16); padding: 15px 0; line-height: 1.567;}
.products_list_ul_diy li a dl dd > div{text-align: right; padding-top: 20px;}
.products_list_ul_diy li a dl dd > div span{border:1px solid var(--fcolor-a2); color: var(--fcolor-a2); font-size:var(--f14); padding: 6px 26px;}
.products_list_ul_diy li a:hover dl dd > div span{border:1px solid var(--bgwhite-9); color: var(--bgwhite-9);}

.products_detail_a{padding: 35px 0 15px 0; width:100%; display: flex; flex-wrap: wrap;}
.products_detail_a > dt{width:40%; border-right:1px solid var(--bgblack-1);}
.products_detail_a > dt > img{display: block; width: 90%; margin:0;}
.products_detail_a > dd{width:58%; margin:0 0 0 auto; text-align: left;} 
.products_detail_a > dd > h3{font-size:var(--f24); overflow-wrap: break-word;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden; margin:10px 0 5px 0;}
.products_detail_a > dd > h6{padding: 10px 0 15px 0;}
.products_detail_a > dd p{line-height: 1.678;}
.products_detail_a > dd > div{padding: 15px 0 35px 0;}
.products_detail_a > dd > .tel_box{padding: 35px 0; border-top:1px solid var(--bgblack-2); margin-top: 25px;}
.products_detail_a > dd > .tel_box span{background: var(--fcolor-a2); padding: 10px 20px; color: var(--bgwhite-10);}
.products_detail_a > dd > .tel_box a{color: var(--bgwhite-10); text-decoration: none;}

.products_detail_a_dl{width: 100%; padding: 35px 0; border-top: 1px solid var(--fcolor-a3);}
.products_detail_a_dl dt{font-size: var(--f24); color: var(--fcolor-a2);}
.products_detail_a_dl dd{padding: 19px 0 0 0;}
.products_detail_a_dl dd > p{padding: 3px 0 5px 0;}
.products_detail_a_dl dd table{width:100%; max-width:100%; border-left:1px solid var(--bgblack-3); border-top:1px solid var(--bgblack-3);}
.products_detail_a_dl dd table tr{border-bottom:1px solid var(--bgblack-3);}
.products_detail_a_dl dd table td{padding: 10px; border-right:1px solid var(--bgblack-3); box-sizing: border-box; word-break: break-all;}

.solution_category{display: block;}
.solution_category_ul{width:100%; display: flex; align-items: center; flex-wrap: wrap; padding: 0 0 35px 0;}
.solution_category_ul li{background:var(--bgblack-1); text-align: center; width:19%; margin: 0 1.25% 15px 0; border-radius: var(--radius-10); font-size: var(--f18);}
.solution_category_ul li:nth-child(5n){margin: 0 0 15px auto;}
.solution_category_ul li:hover,.solution_category_ul li.pactive{background:var(--fcolor-a3);}
.solution_category_ul li a{display:block; padding:15px 0; text-decoration:none; color: var(--fcolor-a3);}
.solution_category_ul li a:hover{ color: var(--bgwhite-10);}
.solution_category_ul li.pactive a{color: var(--bgwhite-10);}

.solution_detail{padding: 5px 0 55px 0;}
.solution_detail > h2{text-align: center; padding: 0 0 20px 0;}
.solution_detail .hd{background-color: #EFEFEF;}
.solution_detail .hd ul{width: 100%; display: flex; flex-wrap: wrap;}
.solution_detail .hd ul li{border-bottom: 2px solid #EFEFEF; width: 20%; line-height: 2.4; text-align: center; font-size: var(--f18);}
.solution_detail .hd ul li.pactive{border-bottom: 2px solid var(--fcolor-a3);}
.solution_detail .bd{padding: 10px 0 0 0;}
.solution_detail .bd > dl{width: 100%; display: flex; flex-wrap: wrap; text-align: left; padding: 35px 0; border-bottom: 1px solid var(--bgblack-1);}
.solution_detail .bd > dl > dt{width: 190px; font-size: var(--f18);}
.solution_detail .bd > dl > dt span{padding-left: 10px; border-left: 3px solid var(--fcolor-a3); color:var(--fcolor-a3); font-weight: bold;}
.solution_detail .bd > dl > dd{width: calc(100% - 200px); margin: 0 0 0 auto; line-height: 1.567;}
.solution_detail .bd > dl > dd > p{padding: 2px 0 6px 0; line-height: 1.678;}
.solution_detail .bd > dl > dd img{max-width: 100%;}
.solution_detail .bd > dl > dd table{width:100%; max-width:100%; border-left:1px solid var(--bgblack-3); border-top:1px solid var(--bgblack-3);}
.solution_detail .bd > dl > dd table tr{border-bottom:1px solid var(--bgblack-3);}
.solution_detail .bd > dl > dd table td{padding: 10px; border-right:1px solid var(--bgblack-3); box-sizing: border-box; word-break: break-all;}

.solution_products_list_ul{display: flex; flex-wrap:wrap;}
.solution_products_list_ul li{width: 31%; margin-right:3.5%; box-sizing: border-box; padding:0 0 35px 0;}
.solution_products_list_ul li:nth-child(3n){margin:0 0 0 auto;}
.solution_products_list_ul li a{text-decoration: none;display: block; background: #F3F3F3;box-shadow: 2px 2px 5px var(--bgblack-1); border-radius: 2px;}
.solution_products_list_ul li a:hover{background: var(--fcolor-a2); color: #FFF;}
.solution_products_list_ul li a dl{padding:10px;}
.solution_products_list_ul li a dl dt{display: block; width: 100%;}
.solution_products_list_ul li a dl dt img{display: block; width:100%; transition: all 0.6s; margin:0 auto; background: #FFF; border-radius: 2px; box-sizing: border-box;}
.solution_products_list_ul li a:hover dl dt img:hover{transform: scale(1.05);}
.solution_products_list_ul li a dl dd{text-align: center; padding: 5px 0; display: block; width: 100%;}
.solution_products_list_ul li a dl dd h3{font-size:var(--f14); overflow-wrap: break-word;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden; margin:10px 0 5px 0;}

.pd_box_hd{padding:0 20px; text-align: left;}
.pd_box_hd h3{font-weight: normal; font-size: var(--f24); line-height:calc(var(--f24) + 4px); color:var(--fcolor-b2); font-family: IBMPlexSans-Bold; padding: 15px 0; display: flex; align-items: center;}
.pd_box_hd h3 img{margin-left:15px; vertical-align: middle;}
.pd_box_hd p{font-size: var(--f16); line-height:calc(var(--f16) + 4px); color:var(--fcolor-b3);padding: 9px 0;}
.pd_box_bd{padding:35px 20px 0 20px;}

.contact_list{width:100%; display: flex; flex-wrap: wrap; padding: 25px 0 0 0;}
.contact_list dl{width: 49%; margin: 0 2% 15px 0; text-align: center; padding: 15px 25px; box-sizing: border-box; border: 1px solid var(--bgblack-1); border-radius: var(--radius-5); background: #F9F9F9;}
.contact_list dl:nth-child(2){margin: 0 0 15px auto;}
.contact_list dl:nth-child(3){width:100%; margin: 0 auto 15px auto;}
.contact_list dl dt{padding: 0 0 10px 0;}
.contact_list dl dt img{display: block; height: 32px; width:auto; margin:0 auto;}
.contact_map{padding: 5px 0 15px 0;}
.contact_map img{display: block; max-width: 100%; margin: 0 auto; border-radius: var(--radius-5);}

.service_a1{display: flex; flex-wrap: wrap; padding-top:35px;}
.service_a1 > div{width: 49%; background: var(--bgwhite-10); border-radius:var(--radius-10);}
.service_a1 > div > img{display: block; width: 100%; height:100%; object-fit:cover; border-radius:var(--radius-10);}
.service_a1 > div:nth-child(2){margin:0 0 0 auto; padding: 15px 25px; box-sizing: border-box;}
.service_a1 > div > ul{width: 100%; display: flex; flex-wrap: wrap; padding: 15px 0;}
.service_a1 > div > ul li{width: 33.333%; text-align: center; color: var(--fcolor-a2); font-weight: bold;}
.service_a1 > div > ul li i{display: block; padding-bottom: 10px;}
.service_a1 > div > ul li i img{height:58px; width:auto;}
.service_a1 > div > ul li span{display: block;}
.service_a1 > div > p{padding: 15px 0 0 0; line-height: 1.89;}

.service_a2{display: flex; flex-wrap: wrap; padding-top: 25px;}
.service_a2 > div{width: 49%; padding: 25px; box-sizing: border-box; background: var(--bgwhite-10); border-radius:var(--radius-10);}
.service_a2 > div:nth-child(2n){margin:0 0 0 auto;}
.service_a2 > div h3{color: var(--fcolor-a2); font-size: var(--f28); font-weight:normal; padding-bottom: 15px;}
.service_a2 > div p{line-height: 1.89;}

.downloads_list_ul{display: flex; flex-wrap:wrap;}
.downloads_list_ul li{width: 100%; box-sizing: border-box; margin:0 0 8px 0;}
.downloads_list_ul li a{text-decoration: none;display: block; background: #F3F3F3;box-shadow: 2px 2px 5px var(--bgblack-1); border-radius: 2px; display:flex; flex-wrap: wrap; align-items:center; padding:25px 30px;}
.downloads_list_ul li a:hover{background: var(--fcolor-a2); color: #FFF;}
.downloads_list_ul li a h3{font-size:var(--f16); overflow-wrap: break-word;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden; margin:0;}
.downloads_list_ul li a div{text-align: right; margin:0 0 0 auto;}
.downloads_list_ul li a div span{border:1px solid var(--fcolor-a2); color: var(--fcolor-a2); font-size:var(--f14); padding: 6px 26px;}
.downloads_list_ul li a:hover div span{border:1px solid var(--bgwhite-9); color: var(--bgwhite-9);}

@media only screen and (max-width: 1600px) {

}
@media only screen and (max-width: 1440px) {

}
@media only screen and (max-width: 1280px) {

}
@media only screen and (max-width: 1024px) {
    .pages{padding:20px 10px;}

    .products_search{margin-bottom: 20px; padding: 20px;}
    .products_search h3{font-size: var(--f20);}
    .products_search form{width: 100%;}
    .products_search form input{width: calc(100% - 80px);}
    .products_search form button{width: 80px;}
    .pages_products_bd{padding:0 0 25px 0;}
    .pages_products_bd .p_l,.pages_products_bd .p_r{width:100%; margin: 0 auto;}

    .products_list_ul{display: flex; flex-wrap:wrap;}
    .products_list_ul li{width: 48%; box-sizing: border-box; padding:10px 0 10px 0;}
    .products_list_ul li:nth-child(odd){margin:0;}
    .products_list_ul li:nth-child(even){margin:0 0 0 auto;}
    .products_list_ul li a dl{padding:10px;}

    .products_list_ul_diy{display: flex; flex-wrap:wrap;}
    .products_list_ul_diy li{margin:10px 0;}
    .products_list_ul_diy li a dl{padding:25px; display: flex; flex-wrap: wrap;}
    .products_list_ul_diy li a dl dt{width:100%;}
    .products_list_ul_diy li a dl dd{width:100%; margin: 0 auto;}

    .products_detail_a{padding: 5px 0 15px 0;}
    .products_detail_a dt{width:100%; border-right:none;}
    .products_detail_a dt img{margin:0 auto;}
    .products_detail_a dd{width:100%; margin:0 auto;} 
    .products_detail_a dd h3{font-size:var(--f22); overflow-wrap: break-word;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden; margin:10px 0 5px 0;}
    .products_detail_a dd .tel_box{padding: 20px 0 10px 0; margin: 10px auto;}

	.solution_category_ul{padding: 0 0 15px 0;}
	.solution_category_ul li{background:var(--bgblack-1); text-align: center; width:48%; border-radius: var(--radius-10); font-size: var(--f16);}
	.solution_category_ul li:nth-child(odd){margin: 0 1% 10px 1%;}
	.solution_category_ul li:nth-child(even){margin: 0 1% 10px auto;}

	.solution_detail{padding: 5px 0 15px 0;}
	.solution_detail .hd{display: none;}
	.solution_detail .hd ul li{width: 100%; font-size: var(--f18);}
	.solution_detail .bd{padding: 10px 0 0 0;}
	.solution_detail .bd > dl{padding: 25px 0 15px 0; border-top: 2px solid var(--bgblack-2); border-bottom:none;}
	.solution_detail .bd > dl > dt{width: 100%; font-size: var(--f18); padding-bottom: 10px;}
	.solution_detail .bd > dl > dd{width: 100%; margin: 0 auto;}
	.solution_detail .bd > dl > dd table td{font-size: var(--f14);}

	.solution_products_list_ul{display: flex; flex-wrap:wrap; padding-top: 10px;}
	.solution_products_list_ul li{width: 48%; box-sizing: border-box; padding:0 0 15px 0;}
	.solution_products_list_ul li:nth-child(odd){margin:0;}
	.solution_products_list_ul li:nth-child(even){margin:0 0 0 auto;}

	.pages_box {padding: 10px 15px;}
	
	.news_category_ul{padding:5px 0;}
	.news_category_ul li{font-size: var(--f18);}
	.news_category_ul li a{background: var(--bgwhite-10); display: block; padding: 15px 0; text-decoration: none;}
	.news_category_ul li a:hover,.news_category_ul li.nactive a{background:var(--fcolor-a3); color: var(--bgwhite-10);}
	
	.news_list{padding:10px 0 20px 0;}
	.news_list_ul li{padding: 10px 0;}
	.news_list_ul li a{padding: 10px 20px;}
	.news_list_ul li dl dt h6{padding: 5px 0; line-height: calc(var(--f14) + 6px); font-size:var(--f14);}
	.news_list_ul li dl dd h3{font-size: var(--f18); line-height: 1.345;}
	.news_list_ul li dl dd p{padding-top:10px;}

	.jobs_list_ul{padding:15px 0 20px 0;}
	.jobs_list_ul li{padding:5px 20px;}
	.jobs_list_ul li .hd{font-size: var(--f16);  line-height: calc(var(--f16) + 4px);padding:10px 32px 10px 0;}
	.jobs_list_ul li .bd{font-size: var(--f14); line-height: calc(var(--f14) + 4px); padding: 10px 0 10px 0;}
	.jobs_list_ul li .bd > p{line-height: 1.567;}
	.jobs_list_ul li .bd > div{padding:10px 0 5px 0;}
	.jobs_list_ul li .bd > div p.tels{padding: 10px 0;}
	.jobs_list_ul li .bd > div p.tels span{display:block; padding: 8px 0; font-size: var(--f16); text-align: center;}
    
    .about_aa .container > ul li{width:100%; padding:40px 25px; box-sizing:border-box;}
    .about_aa .container > ul li:first-child{margin:0 auto;}
    .about_aa .container > ul li:ntn-child(2){margin:0 auto;}
    .about_aa .container > ul li dl dt img{max-height:38px;}
    .about_aa .container > ul li dl dd{font-size: var(--f16); line-height: 1.678;}
    .about_aa .container .bd2{padding: 25px;}
    .about_aa .container .bd2 > h4{font-size: var(--f16);}
    .about_aa .container .bd3{padding: 25px;}
    .about_aa .container .bd3 > p{font-size: var(--f16); padding:10px 0;}
    .about_aa .container .bd3 > h3 {font-size: var(--f32);}
    
    .about_ab{padding:5px 0 55px 0;}
    .about_ab .ahd{padding: 15px 0;}
    .about_ab .ahd h3{font-size: var(--f32);}
    .about_ab .abd{padding: 10px 0;}
    .about_ab .abd .aintro dl{width:100%; padding:0 0 25px 0;}
    .about_ab .abd .aintro dl dt{width:100%; padding:10px 20px; margin:0 auto;}
    .about_ab .abd .aintro dl dd{text-align: left; margin:0 auto; padding:0 20px;}
    .about_ab .abd .aintro dl dd h4{font-size: var(--f20);}
    .about_ab .abd .aintro dl dd p{font-size: var(--f16);}
    .about_ab .abd .aintro dl:nth-child(2n){flex-direction:row-reverse;}
    .about_ab .abd .aintro dl:nth-child(2n) dt{padding:0 20px; margin:0 auto;}
    .about_ab .abd .aintro dl:nth-child(2n) dt img{max-width:100%; max-height:320px;}

	.service_a1 > div{width: 100%; margin:0 auto;}
	.service_a1 > div:nth-child(2){margin:0 auto; padding: 15px 20px;}
	.service_a1 > div > ul{ padding: 16px 0;}
	.service_a1 > div > ul li{width: 30%; font-size: var(--f14); margin: 0 5% 0 0;}
	.service_a1 > div > ul li:last-child{margin: 0 0 0 auto;}
	.service_a1 > div > p{padding: 15px 0 5px 0; line-height: 1.789;}
	.service_a2{display: flex; flex-wrap: wrap; padding-top: 25px;}
	.service_a2 > div{width: 100%; padding: 20px; margin: 0 auto; margin-bottom: 25px;}
	.service_a2 > div:nth-child(2n){width: 100%; margin: 0 auto;}
	.service_a2 > div h3{font-size: var(--f20); padding-bottom: 15px;}
	.service_a2 > div p{line-height: 1.789;}

    .contact_list dl,.contact_list dl:nth-child(2){width: 100%;}

	.downloads_list_ul{padding-top: 15px;}
	.downloads_list_ul li{width: 100%; box-sizing: border-box; margin:0 0 8px 0;}
	.downloads_list_ul li a{padding:20px 15px 15px 15px;}
	.downloads_list_ul li a h3{width:100%;}
	.downloads_list_ul li a div{width:100%; text-align: right; margin:0; padding: 20px 0 10px 0;}
	.downloads_list_ul li a div span{font-size:var(--f12); padding: 6px 26px;}

}