/* 详情页 */
.pro_detail{background: #eef2f5;}
/*202406*/
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
.pro_detail02 .box .tit{ line-height:30px; position:relative; padding:12px 32px 12px 14px;}
.pro_detail02 .box .tit i{ display:block; position:absolute; left:0; top:15px; width:4px; background:#c2c6c4; height:80px; font-size:0; overflow:hidden;}
.pro_detail02 .box .tit h3{ color:#333333; font-weight: bold; font-size:30px;}
.pro_detail02 .box .tit p{ font-size:36px;color:#0b4787; line-height:1.2;}
.pro_detail02 .box .tit p:first-letter{ text-transform:uppercase;}
.pro_detail02 .box .tit span{font-size: 14px; float: right;}
.custom-scrollbar-cover{display:none;}

.videos{margin:50px auto 20px auto; text-align:center;width:90%;}

@media only screen and (max-width: 760px){
.pro_detail02 .box .tit i{  height:50px;}
.pro_detail02 .box .tit h3 {
    font-size: 18px;
}
.pro_detail02 .box .tit p {
    font-size: 24px;
}

.custom-scrollbar-wrapper{position:relative;cursor:move;}
	.custom-scrollbar-wrapper .scroll-object{min-width:800px; width:auto; }
.custom-scrollbar-cover{display:block; position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.5)}
	.custom-scrollbar-cover .scroll-cover-txt{position:absolute; top:50%; left:0; width:100%; text-align:center; color:#fff; font-size:300; font-size:15px;}
	.custom-scrollbar-cover .scroll-cover-txt i{font-size:30px; display:block; margin-bottom:20px; }

.videos{ width:100%;}
}

/* -------- 表格 -------- */
.sub-tbl {width:100%; table-layout:fixed; }
.sub-tbl thead th {background-color: #004ea2; color: #fff; font-size:16px;line-height: 18px; letter-spacing:-0.6px; font-weight:500; padding:15px 5px;border-left: 1px solid #ddd;}
.sub-tbl tbody td {padding:8px 5px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.sub-tbl tbody .txt-center {text-align:center;}
.sub-tbl tbody .no-left-line {border-left:0;}
.sub-tbl tbody tr:nth-child(2n) {background-color: #f0f0f0;}
/* 스타일02 */
.sub-tbl.tbl-style02 {border-right:1px solid #ddd;border-left:1px solid #ddd;  }
.sub-tbl.tbl-style02 th, td {text-align:center;}
.sub-tbl.tbl-style02 thead th {background-color: #f4f3f3; font-size:17px; color: #000; border-top: 2px solid #012061;}
.sub-tbl.tbl-style02 tbody tr:nth-child(2n) {background:none;}
.sub-tbl.tbl-style02 tbody td {font-size:15px; color: #3d3d3d; letter-spacing:-0.65px; line-height: 1.86em;}

@media all and (max-width:800px){
	.sub-tbl thead th  {font-size:15px; padding:15px;}
	.sub-tbl tbody td {padding:10px 15px;}
	/* 스타일02 */
	.sub-tbl.tbl-style02 thead th {font-size:14px; }
	.sub-tbl.tbl-style02 tbody td {font-size:13px; }
}



.summary-bottom {margin-top:65px;}
.summary-list-box {position:relative;}
.summary-list-box .logo-wrap {position:absolute; width:100%; height:100%; z-index:9;}
.summary-list-box .logo-box {position:absolute; top:50%; left:50%; width:31.84%; border:1px solid #ddd;  background-color: #fff; z-index:9; 
transform:translate(-50%,-50%); -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.summary-list-box .logo-box .logo {/* padding-top:100%;  background:url("../images/logo2.png") center no-repeat;*/padding-top:94%;/* 202406 */}

.summary-list-box .logo-box .logo .logo_text{position:absolute; top:30%; left:15%;color: #000;text-align:center;/* 202406 */}
.summary-list-box .logo-box .logo .logo_text h2{color: #000;font-size:36px;/* 202406 */}
.summary-list-box .logo-box .logo .logo_text p{color: #000;font-size:30px; font-weight:normal;/* 202406 */}


.summary-list {margin: -9px -0.83%;}
.summary-list li {width:48.33%; margin:9px 0.83%; float:left; height:314px; border:1px solid #ddd; background-color: #fff;
-webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;border-radius:15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; 
 
 overflow:hidden;/* 202406 */
 }
.summary-list li.gray {background-color: #f5f5f5}
.summary-list li .inner-box {/* display:table; */ /* 202406 */ width:100%; height:100%;}
.summary-list li .inner-box .inner {/* display:table-cell; */ vertical-align:middle;  /* padding: 0 7.82%; padding-bottom:130px;*/ position:relative;  width:100%; height:100%; overflow:hidden; /* 202406 */-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
 .summary-list li .tit-box{width:100%; height:100%;padding:10px;text-align:center;/* 202406 */}
  .summary-list li .tit-box img{max-width: 100%; max-height: 100%; text-align:center;/* 202406 */}
/* .summary-list li .tit-box .tit {font-size: 31px; letter-spacing:-0.57px; color: #000; display:inline-block; padding-bottom:20px; }
.summary-list li .tit-box .icon {display:inline-block; width:97px; height:94px; vertical-align:bottom; }
.summary-list li.item01 .tit-box .icon {background:url("../images/summary_icon_01.png")  no-repeat;}
.summary-list li.item02 .tit-box .icon {background:url("../images/summary_icon_02.png") no-repeat;}
.summary-list li.item03 .tit-box .icon {background:url("../images/summary_icon_03.png")  no-repeat;}
.summary-list li.item04 .tit-box .icon {background:url("../images/summary_icon_04.png")  no-repeat;} */
.summary-list li .txt-box {position:absolute; bottom:40px; left:7.82%; padding-right:7.82%;z-index:100; /* 202406 */ }
.summary-list li .txt-box b {font-size: 19px; letter-spacing:-0.25px; color: #333; }
.summary-list li .txt-box .txt {font-size: 30px; letter-spacing:-0.57px; color: #333333; line-height:1.76em; margin-top:10px; font-weight:bold;/* 202406 */}
.summary-list li.right {text-align:right;}
/* .summary-list li.right .tit-box .icon {float:right;margin-left: 34px;}
.summary-list li.right .tit-box .tit {padding-top:30px;} */
.summary-list li.right .txt-box {right:7.82%; padding-right:0%; }


/* ******************  회사소개 ********************** */
/* -------- 기업개요 -------- */
@media all and (max-width:1320px){
	/* 상단컨텐츠 */
	.summary-top .bg-box .bg .txt span {display:block;}
	.summary-top .txt-box .txt  br {display:none;}
	.summary-top .bg-box .bg .txt:after {width:30%; top:auto; bottom:20px;}
}
@media all and (max-width:1024px){
	.summary-top .txt-box {display:block; }
	.summary-top .txt-box .left-con {display:block; padding:25px 0 15px; width:100%;}
	.summary-top .txt-box .right-con {display:block; padding: 0;}
	.summary-list li .txt-box .txt br {display:none;}
	/* 하단컨텐츠 */
	/* .summary-list-box .logo-box {width:21.7%;}
	.summary-list-box .logo-box .logo {background-size: 134px;} */
	
.summary-list-box .logo-box .logo .logo_text{position:absolute; top:30%; left:15%;color: #000;text-align:center;/* 202406 */}
.summary-list-box .logo-box .logo .logo_text h2{color: #000;font-size:25px;/* 202406 */}
.summary-list-box .logo-box .logo .logo_text p{color: #000;font-size:20px; font-weight:normal;/* 202406 */}


}
@media all and (max-width:800px){
	/* 상단컨텐츠 */
	.summary-top .bg-box .bg .bg-inner {bottom:30px;}
	.summary-top .bg-box .bg .txt {font-size:45px; }
	.summary-top .bg-box .bg .txt:after {bottom:10px;}
	.summary-top .bg-box .bg .txt span {font-size: 27px; }
	.summary-top .txt-box .tit {font-size: 28px; }
	.summary-top .txt-box .txt {font-size: 14px; margin-top:10px;}
	/* 하단컨텐츠 */
	.summary-bottom {margin-top:35px;}
	.summary-list {margin: -4px -0.83%;}
	.summary-list li {height:220px; margin:4px 0.83%;}
	.summary-list li .inner-box .inner {padding-bottom:100px;}
	.summary-list li .tit-box .tit {font-size: 21px; padding-bottom:10px;}
	.summary-list li .tit-box .icon {width:48.5px; height:47px;  background-size:cover !important; margin-right:10px;}
	.summary-list li .txt-box {bottom:20px;}
	.summary-list li .txt-box b {font-size: 15px; }
	.summary-list li .txt-box .txt {font-size: 14px; margin-top:5px;}
	.summary-list li.right .tit-box .icon {margin-left: 15px; margin-right:0;}
	.summary-list li.right .tit-box .tit {padding-top:20px;}
	
		
.summary-list-box .logo-box .logo .logo_text{position:absolute; top:30%; left:10%;color: #000;text-align:center;/* 202406 */}
.summary-list-box .logo-box .logo .logo_text h2{color: #000;font-size:25px;/* 202406 */}
.summary-list-box .logo-box .logo .logo_text p{color: #000;font-size:20px; font-weight:normal;/* 202406 */}

}
@media all and (max-width:640px){
	/* 상단컨텐츠 */
	.summary-top .bg-box .bg {  padding-top: 300px; }
	.summary-top .bg-box .bg .txt:after {display:none;}
	/* 하단컨텐츠*/
	.summary-list-box {}
	.summary-list-box .logo-wrap {position:static; z-index:1;}
	.summary-list-box .logo-box {position:static; transform:none; margin:auto; width:100%; margin-bottom:20px;
	-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:15px;}
	.summary-list-box .logo-box .logo {padding-top:150px;}
		
.summary-list-box .logo-box .logo .logo_text{/* position:absolute; top:3%; left:25%; */color: #000;text-align:center;position:static;margin-top:-120px;/* 202406 */}
.summary-list-box .logo-box .logo .logo_text h2{color: #000;font-size:25px;/* 202406 */}
.summary-list-box .logo-box .logo .logo_text p{color: #000;font-size:20px; font-weight:normal;/* 202406 */}

	.summary-list {margin: -10px 0;}
	.summary-list li {float:none; height:auto; margin:10px 0; width:100%;}
	.summary-list li.item03 {background-color: #fff}
	.summary-list li.item04 {/* background-color: #f5f5f5; *//* 202406 */}
	.summary-list li .inner-box {display:block; }
	.summary-list li .inner-box .inner {display:block; padding:20px 30px;}
	.summary-list li .tit-box  {display:table;}
	.summary-list li .tit-box .icon {display:table-cell; vertical-align:middle; }
	.summary-list li .tit-box .tit {display:table-cell; vertical-align:middle; padding-left:20px; padding-bottom:0;}
	.summary-list li .txt-box {position:static; margin-top:25px; padding-right:0;}
	.summary-list li.right {text-align:left;}  
	.summary-list li.right .tit-box .icon {margin-left:0;}
	.summary-list li.right .tit-box .tit {padding-top:0;}
}



.features{background-color: #004ea2; color: #fff;font-size: 17px;  font-weight: bold;width:100%;min-height:220px;height:auto; display: flex;
  flex-direction: column;}
.features_con{max-width:900px; margin:0 auto; padding:35px 10px; }
.features_left{float:left;}
.features_left h2{font-size: 55px;}
.features_left p{font-size: 24px;font-weight:normal;}
.features_right{float:right;margin-left:100px;}
.features_right ul{list-style-type: disc; }
.features_right li{line-height:2;}
.features_right li span{font-weight:normal;padding-left:10px;}

.features_con2 .features_left p{font-size: 20px;}
.features_con2 .features_right{padding-top:20px;margin-left:80px;}

@media all and (max-width:1024px){
.features_con2 .features_right{padding-top:20px;margin-left:20px;}	
}

@media all and (max-width:768px){
.features_left{float:none;}
.features_left h2{font-size: 30px;}
.features_left p{font-size: 18px;font-weight:normal;}
.features_right{float:none;margin-left:0px;font-size: 13px;}	

}

.applications{margin:20px auto;}
.applications_top{background-color: #004ea2; color: #fff;font-size: 17px;  font-weight: bold;width:100%; height:auto; display: flex;
  flex-direction: column;}
.applications_top_con{max-width:900px; margin:0 auto; padding:35px 10px; }
 
.applications_top_con h2{font-size: 55px;}
.applications_top_con p{font-size: 24px;font-weight:normal;}

.applications_bottom{margin:20px auto; /*background:url("../images/application_bg.png") center;*/ }
.applications_bottom ul{ height:auto; }
.applications_bottom ul li{display:inline-block;width:33%;}
.applications_bottom ul li .circle{width:250px;height:250px; padding:20px;display: grid; place-items: center; margin:auto;border:1px dashed #75dae4;border-radius:250px; }
.applications_bottom ul li .circle img{width:100%;height:100%;}
.applications_bottom ul li p{margin-top:0px; font-size:20px;}



@media all and (max-width:768px){
 .applications_top_con h2{font-size: 30px;}
.applications_top_con p{font-size: 18px;font-weight:normal;}
.applications_bottom ul li{display:inline-block;width:32%;}
.applications_bottom ul li .circle{width:200px;height:200px; padding:5px;display: grid; place-items: center; margin:auto;border:1px dashed #75dae4;border-radius:200px; }
}

@media all and (max-width:640px){
 
.applications_bottom ul li{display:inline-block;width:100%;padding-bottom: 24px;}
.applications_bottom ul li .circle{width:250px;height:250px; padding:20px;display: grid; place-items: center; margin:auto;border:1px dashed #75dae4;border-radius:250px; }
}



.advantages{ }
.advantages_con{ margin:0 auto; padding:10px;margin:20px auto; }
.advantages_title{text-align:center;color:#333333;margin:20px auto;}
.advantages_title h2{font-size: 55px;}
.advantages_title p{font-size: 24px;font-weight:normal;}
.advantages_list{ /* display: flex; align-items: flex-start; */height:auto;margin:20px auto;}
.advantages_list .advantages_list_fl{float:left;width:18%;min-height:200px;margin-right:4%;margin-bottom:20px;padding:20px;border:1px solid rgba(0, 0, 0, 0.1);border-radius:20px;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);}
.advantages_list .advantages_list_fl:last-child{ margin-right:0%;}

.advantages_list .advantages_list_fl h3{color:#104ea1;font-size: 30px;}
.advantages_list ul{list-style-type: disc; padding-left:20px; }
.advantages_list li{line-height:2;}
.advantages_list li span{font-weight:normal;padding-left:10px;}
 
@media all and (max-width:1024px){
 .advantages_list .advantages_list_fl{width:40%;}
}

@media all and (max-width:768px){
.advantages_list .advantages_list_fl{width:39%;}

}
@media all and (max-width:640px){
.advantages_list .advantages_list_fl{width:100%;margin-right:0%;padding: 0px;padding-left:5%;}

}
/*202406*/

/* product */
.prohome{display: none; }
 @media only screen and (max-width:760px) {  
	 .prohome{display:block;  } 
}
.list_product{padding:40px 0 40px;overflow:hidden;}
.list_product-nav{width: 20%;background:linear-gradient(#104ea1,#1d74cb); box-sizing: border-box; /* padding: 70px 1% 100px; */border-radius:10px;padding: 20px 1% 100px;}
.list_product-nav .title{text-align: center; margin-bottom: 20px;}
.list_product-nav .title h2{font-size: 36px; color: #fff; line-height: 58px; font-weight: bold;}
.list_product-nav .title h2 span{color:#fff;z-index: 1;}
.list_product-nav dl{width: 100%; background: #e6f3fb; margin-top: 12px; height: 100%; overflow: hidden;border-radius: 5px;}
.list_product-nav dl dt{font-size: 18px; color: #333; box-sizing: border-box; width: 100%; padding: 0px 10%; height: 50px; line-height: 50px; cursor: pointer;background:#fff;}
.list_product-nav dl dt i{width: 16px; height: 16px; background: url('../images/icon_jia.png') no-repeat center top;float: right; margin-top: 20px; transform: rotate(0deg);}
.list_product-nav dl dd{box-sizing: border-box; width: 100%; padding: 0 7%; line-height:25px;margin-top:20px;display:none;}
.list_product-nav dl dd:last-child{margin-bottom:20px;}
.list_product-nav dl dd a{color: #333; font-size: 16px;}
.list_product-nav dl dd:hover a{color: #001daf}
.list_product-nav dl dd:hover::before{color: #001daf}
.list_product-nav dl .action a{color: #001daf}
.list_product-nav dl .action::before{color: #001daf}
.list_product-content{width: 77%;}
.productContentIndex{display: none}
.list_product-content .title{border-bottom: 1px solid #e5e5e5;padding-bottom:20px;}
.list_product-content .indexview{width: 100%; overflow: hidden; position: relative; padding-bottom: 50px}
.list_product-content .indexview dl{position: absolute; width: 100%; text-align: center; bottom: 0px; left: 0;}
.list_product-content .indexview dl dd{width: 16px; height: 16px; display: inline-block; border-radius: 50%; background: rgba(0, 0, 0, 0.6); margin: 0 10px; cursor: pointer;}
.list_product-content .indexview dl .action{background: #001daf;}
.list_product-content ul{margin-top: 24px; transition: all 0.5s; -webkit-transition: all 0.5s; transform: translateX(0); -webkit-transform: translateX(0);}
.list_product-content li{float: left; width:32%; margin-right: 2%; box-sizing: border-box;transition: transform 0.5s; -webkit-transition: transform 0.5s; padding: 0.5px;background:#EFF4F6;border-radius:5px;margin-bottom: 2%;}
.list_product-content li:nth-child(3n){margin-right:0;}
.list_product-content li .com-img{height:220px;padding:40px;}
.list_product-content li .com-img img{width:100%;height:100%;object-fit:contain;}
.list_product-content li h5{font-size: 20px; color:#333; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;height:50px;line-height: 50px;background:#dfe7ea;text-align: center;}
.list_product-content li:hover h5{background:#006FBE;color: #fff}
.list_product .row{width:100%;}
.list_product .rect-112{height: 100%;border: 1px solid #104ea1;border-radius: 10px;padding-bottom: 0 !important;background:#fff;}
.list_product .content{background:#fff; padding:40px;}
.list_product .content .tit{font-size:30px; color:#000000;}
.list_product .item_list{margin-top:0px;}
.list_product .item_list .item{position:relative; margin-bottom:50px;}
.list_product .item_list .item .cover{position:absolute; top:100%; width:100%; height:100%; /* background:url(../images/pro_list_bg1.png) no-repeat center; */ background-size:cover; transition:.3s ease;background: linear-gradient(#104ea1,#1d74cb);}
.list_product .item_list .item:hover .cover{top:0;}
.list_product .item_list .item .text{font-size:16px; color:#525252; text-align:center;
    background: #dfe7ea;
    height: 55px;
    line-height: 55px;}
.list_product .item_list .item .cover .txt_box{padding:25px;}
.list_product .item_list .item .cover .txt_box .txt{font-size:13px; color:#fff;}

.list_product .item_list .item .cover .txt_box .txt ul{ 
	margin-top: 0px;
}

.list_product .item_list .item .cover .txt_box .txt li{ 
    float: none;
    overflow:visible;
    border-radius: 0;
    background: none;
    margin: 0;
    padding: 0;
	padding-left: 12px; 
	text-indent: -0.8em ;
    width: auto;}
.list_product .item_list .item .cover .txt_box .txt li::before {
    content: "\2022"; /* Unicode编码对应的小黑点 */
    margin-right: 5px; /* 调整与文本之间的间距 */
}


/* ipad 及以下 */
@media all and (max-width:1180px){
.list_product{padding:20px 0;}
    .list_product-nav{width:100%;padding:20px;}
    .list_product-nav .title h2{font-size:28px;}
    .list_product-content{width:100%;margin-top:15px;}
    .list_product-content li{width:48%;}
    .list_product-content li:nth-child(2n){float:right;}
    .list_product-content li .com-img{padding:15px;height:180px;}
    .list_product-content .indexview{padding-bottom:10px;}
	.list_product-content li h5{font-size:18px;}
}