/* GLOBAL STYLES */
a {color: #333;text-decoration: none;}
a:hover,a:visited,a:active {color: #333;text-decoration: underline;}

.fw{color: #d3d3d3;}
.fw a {color: #d3d3d3;text-decoration: none;}
.fw a:hover,.fw a:visited,.fw a:active {color: #d3d3d3;text-decoration: underline;}
/*.btn a {color: #FFF;}
.btn a:hover,.btn a:visited,.btn a:active {color: #FFF;}*/

body{ background-color:#f5f5f5; }
header{ background-color:#FFF;box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);position: sticky;top: 0;z-index: 6;}
header .navbar-brand{ padding:0; }
header .dropdown-menu{border: solid #f5f5f5 1px; box-shadow: 0 .25rem .5rem #21252913;}
header .langdown .dropdown-toggle{ line-height: 2.5rem; }
header .langdown .dropdown-menu.show{ right:0; left:auto; display: flex; flex-wrap: wrap; width:340px; padding:.5rem; }
header .langdown .dropdown-menu li{ width:50%; text-align:center; }
header .langdown .dropdown-menu .active{background-color: var(--bs-secondary-bg-subtle); color: steelblue;}

main{ padding:1.5rem 0; }
.bg{background-color: white;}
.pbg{padding: 1rem}
.fsearch .input-group{max-width: 50%; min-width: 300px; margin: auto;}
/* more */
main dl.list{border: solid #dee2e6 1px;}
main dl.list:hover{ border: solid #f5f5f5 1px; box-shadow: 0 .25rem .5rem #21252913;}
main dl.list dd{ padding:0 .5rem; }
main dl.list dd:first-child{ padding:.5rem;aspect-ratio: 4 / 3; overflow:hidden;transition: all 0.5s ease;}
main dl.list dd:first-child:hover{ padding:0;}
main dl.list dd:last-child{ padding-bottom:0;}
main dl.list h4{ font-size:larger; }

.index{}
.index .banner{ position: relative; aspect-ratio: auto 10 / 3;}
.index .banner-height{aspect-ratio: auto 5 / 2;padding-bottom: 130px; display: flex; flex-direction: column; justify-content: center;}
.index .banner-text{}
.index .odo{position: absolute;left:0;right:0;bottom: 0;width: 100%;margin: auto;text-align: center;background-color: #ffffff9e;}
.index .odo .fun-fact { padding: 1rem 0;}
.index .odo .fun-fact h3 {font-size:xx-large;line-height:1rem;direction: ltr;}
.index .odo .fun-fact h3 .sign-icon {}
.index .odo .fun-fact p {font-size:larger;margin: auto;line-height:1.5rem;}

.index .list-industry{ position:relative; margin-bottom: 1.5rem; overflow: hidden; aspect-ratio: auto 4 / 3;}
.index .list-industry .img-fluid{}
.index .list-industry .industry-title{position: absolute; top: 0; bottom: 0; background-color: #00000069; display: flex; flex-direction: column; justify-content: center; padding: 0 1rem; left: 0; right: 0; align-items: center;}
.index a.btn-outline-light:visited{ color:#FFF;}
.index a.btn-outline-light:hover{ color:#333; text-decoration:none; }

.index h2{ font-size:larger; }
.index .list{ border:solid 1px #CCC; margin-bottom: 1.5rem;}
.index .list .img-fluid{aspect-ratio: auto 4 / 3;}

.index .coordination_bg{background-image: url("../images/coordination_bg.webp"); padding: 5rem 0; background-repeat: no-repeat; background-position-y: bottom;}

/*.index .list dl{position: absolute;bottom: 0;margin-bottom: 0;z-index: 99; line-height: 1rem; background-color: #00000030; color: whitesmoke; padding: 0 .5rem;}
.index .list dl a{ color: whitesmoke; }*/
/*products*/
.products .searchdown{ width:300px; height:400px;padding: .25rem; }
.products .searchdown>ul{height:350px; overflow:scroll;}
.products .searchdown>ul>li{ padding-bottom:.25rem; }
.products .searchdown ul{padding: .5rem;}
.products .searchdown .form-check-input{ margin:auto; }
.products .searchdown label{white-space: nowrap; padding-left: .25rem;padding-bottom: .75rem;}
.products .searchdown li{list-style: none; white-space: nowrap; line-height: 1rem;}

/*自动翻页*/
#data-list {list-style: none;padding: 0;}
#data-list li {padding: 10px;border-bottom: 1px solid #eee;}
#load-more {text-align: center;padding: 15px;display: none; /* 初始隐藏加载指示器 */}

/*product-detail*/
.product-detail h1{ font-size:x-large; padding-bottom: .5rem; color:steelblue; }
.morepic .tab-content img{ width:100%;aspect-ratio: 4 / 3; }
.morepic .nav{border: solid #e9ecef 1px; border-top: 0;}
.morepic .nav{--bs-nav-pills-border-radius:0;margin: 0;}
.morepic .nav li{padding: 0;cursor: pointer;}
.morepic .nav li>img{padding: 8px;background-color: var(--bs-gray-200);width: 100%;height: auto;aspect-ratio: 4 / 3;}
.morepic .nav li>img.active{background-color: var(--bs-banner-bg); background-position: center -4px; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='lightgray' class='bi bi-caret-up-fill' viewBox='0 0 16 16'><path d='m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z'/%3e%3c/svg%3e");}
.morepic .nav li>img:hover{background-color: var(--bs-banner-bg);}
.parameter{height: 100%;}
.parameter tr>td{ border-bottom: solid #CCC 1px; vertical-align: middle;}
.parameter tr>td:nth-child(odd){ width: 40%; background-color:#f5f5f5;border-right:solid #CCC 1px; }
.parameter tr>td:nth-child(even){}
.product-detail .company{}

.product-detail .ftitle{}
.product-detail .ftitle h2{ font-size:larger; }
.product-detail .ftitle h2::before{ border-left:steelblue solid 5px; content:""; padding-right: .5rem; width:5px; }

/*danye*/
.youshi .text{ padding-bottom:3rem; }
.youshi dl{display: flex;align-items: center;padding: 1.5rem 0;margin: auto;}
.youshi dl h3{font-size: x-large;}
.youshi dl>dt{background: url(../images/whyicon.webp) 0 0 no-repeat; height: 50px; line-height: 50px; font-size: xx-large;width: 16rem;text-indent: 3.25rem;}
.youshi .icon1 dt{}
.youshi .icon2 dt{background-position-y: -53px;}
.youshi .icon3 dt{background-position-y: -103px;}
.youshi .icon4 dt{background-position-y: -150px;}
.about-detail .fuwu{}
.about-detail .fuwu h2{ font-size:xx-large; padding:1.5rem 0; }
.about-detail .fuwu h3{ font-size:x-large; padding:.75rem 0; }

.oemind .list-industry{ position:relative; margin-bottom: 1.5rem; overflow: hidden; aspect-ratio: auto 1 / 1;}
.oemind .list-industry .img-fluid{}
.oemind .list-industry .industry-title{position: absolute; top: 0; bottom: 0; background-color: #00000069; display: flex; flex-direction: column; justify-content: center; padding: 0 1rem; left: 0; right: 0; align-items: center;}
.oemind .list-industry p{ color: #FFF; display: none;}
.oemind .list-industry .industry-title:hover p{display: block; transition: all 0.5s ease-out 0s;}
.oemind a.btn-outline-light:visited{ color:#FFF;}
.oemind a.btn-outline-light:hover{ color:#333; text-decoration:none; }
.oem-l{}
.oem-r dl{padding-left: calc(50% - 130px);text-indent: 1.5rem;margin: auto;}
.oem-r dd{background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'><path d='M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z'/><path d='M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.235.235 0 0 1 .02-.022z'/></svg>") 0 5px no-repeat;}
.tz3d{}
.tz3d dl{display: flex;flex-wrap: wrap;padding:1.5rem 0;line-height: 2.5rem;}
.tz3d dd{width: 50%; text-indent: 1.5rem; background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'><path d='M5.338 1.59a61.44 61.44 0 0 0-2.837.856.481.481 0 0 0-.328.39c-.554 4.157.726 7.19 2.253 9.188a10.725 10.725 0 0 0 2.287 2.233c.346.244.652.42.893.533.12.057.218.095.293.118a.55.55 0 0 0 .101.025.615.615 0 0 0 .1-.025c.076-.023.174-.061.294-.118.24-.113.547-.29.893-.533a10.726 10.726 0 0 0 2.287-2.233c1.527-1.997 2.807-5.031 2.253-9.188a.48.48 0 0 0-.328-.39c-.651-.213-1.75-.56-2.837-.855C9.552 1.29 8.531 1.067 8 1.067c-.53 0-1.552.223-2.662.524zM5.072.56C6.157.265 7.31 0 8 0s1.843.265 2.928.56c1.11.3 2.229.655 2.887.87a1.54 1.54 0 0 1 1.044 1.262c.596 4.477-.787 7.795-2.465 9.99a11.775 11.775 0 0 1-2.517 2.453 7.159 7.159 0 0 1-1.048.625c-.28.132-.581.24-.829.24s-.548-.108-.829-.24a7.158 7.158 0 0 1-1.048-.625 11.777 11.777 0 0 1-2.517-2.453C1.928 10.487.545 7.169 1.141 2.692A1.54 1.54 0 0 1 2.185 1.43 62.456 62.456 0 0 1 5.072.56z'/><path d='M10.854 5.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 7.793l2.646-2.647a.5.5 0 0 1 .708 0z'/></svg>") 0 .85rem no-repeat;}
.sebei .list-group-item{ white-space:nowrap; line-height:2.25rem;}
.sebei dl{display: flex;}
.sebei dl dt{ width:150px;padding: 0 .75rem;aspect-ratio:auto 1 / 1;}
.sebei h3{font-size: large;}
.sebei p{ margin: .5rem 0 }
.sebei p>span{color: #999;}
.sebei dl dd{ width:calc(100% - 150px); }

.about-detail .banner-chain{ position: relative;display: flex; justify-content: center; flex-direction: column; background-size: contain; aspect-ratio: auto 96 / 23;border-bottom: 4rem solid #FFF; background-color: #FFF; }
.about-detail .banner-text{display: flex; flex-direction: column; justify-content: center;}
.about-detail .odo-chain{position: absolute;left:0;right:0;bottom: -4rem;width: 100%;margin: auto;text-align: center;}
.about-detail .odo-chain .youshi{background-color: #fff;border: solid #f5f5f5 1px; box-shadow: 0 .25rem .5rem #21252913;border-radius: var(--bs-border-radius);}
.about-detail .odo-chain .youshi dl{flex-direction: column;}
.about-detail .odo-chain .youshi dt{width: auto;margin-bottom: 1rem;}
.about-detail .odo-chain .youshi .icon5 dt{background-position-y: -246px;}

.productservice .col{ text-align:center; }
.productservice .col h3{ padding-top:.5rem; }
.resource{}
.resource .height{ height:34rem;display: flex;flex-direction: column;justify-content: center; }
.resource dl{display: flex;justify-content: space-between;text-align: center;}
.resource2 .mimd{width: 100%;aspect-ratio: auto 1 / 1;}
.resource2 .w-75{ margin:1rem auto; }
.resource2 .mimd div,.resource2 .mimd canvas{ max-width:100%; max-height: 100%; aspect-ratio: auto 1 / 1;px; }
.resource3 .height{ height:34rem;}

footer{ background: #373d42;color: #d3d3d3; padding-top: 2rem;}
footer a,footer a:visited{color: #d3d3d3; padding:.5rem 1rem;}
footer a:hover, footer a:hover, footer a:active {color: #e9e9e9;}
footer li.nav-item{list-style: disc inside;}
footer li.nav-item a{padding: 0;}


@media(max-width:575.98px){
.index .odo{ display:none; }
.index .banner-height {aspect-ratio: auto 3 / 2;padding-bottom: 0;}
.sebei .d-flex{flex-wrap: wrap;}
.sebei .list-group{ width:100%; padding-bottom:1.5rem }

.about-detail .tz3d dd { width: 100%;}

@media(max-width:767.98px){}
@media(max-width:991.98px){}
@media(max-width:1199.98px){}
@media(max-width:1399.98px){}