/* 详情页 */

.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:0px; 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:37.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: 40px;}

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

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

.advantages_list ul{list-style-type: disc; padding-left:20px; }

.advantages_list li{line-height:1.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: 15px; 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;}

}