@charset "utf-8";


#wrap { width: 100%; min-width: 1200px; }

#headerWrap { position: fixed; top:0;  width: 100%;  z-index: 999; height: 70px; background: #fff ; border-bottom: 1px solid #ddd;  }
#banner {position: relative; background: url('../images/main_bg.png')no-repeat top center; height: 550px; margin-top: 70px;  }

#companyWrap {padding: 100px 0;}
.inner { width: 1200px; margin:0 auto; }

.header { height: 70px; }
.header .inner { display: flex;  align-items: center; justify-content: space-between;  }
.header h1 a{ display: block; width: 150px; height: 38px; background: url(../images/logo.png) no-repeat ;  }

.header h1 { }


.mainBanner {width: 100%; overflow: hidden; position: relative; height: 550px;  }
.mainBanner img {width: 100%; height: 100%; object-fit: cover; } 
.btnBox{position: absolute; bottom:0;  left:50%; transform: translateX(-50%); width: 100%;  }


.swiper-wrapper{
	transition-timing-function: linear;
}
.mainBanner .swiper-pagination-bullet { width: 20px; height: 4px; border-radius: 0; }
.mainBanner .swiper-pagination-bullet-active {background: #333; }

.mid_banner {position: relative; }

.company {display: flex; align-items: center; justify-content: space-between; margin: 0px 0; margin-top:35px;   }



.company  > div { font-size: 16px; height: 160px;   font-size: 20px; font-weight: 600; border: 1px solid #ddd;  }
.company  > div:first-child {border:none; position: relative; }
.company  > div:first-child p {padding-top: 10px; font-size:20px;}
.databx {text-align: center;   background: url(../images/databx.png)no-repeat center 80% ; padding-top:20px !important; }
.databx2 {text-align: center;   background: url(../images/databx2.png)no-repeat center 80%  ; padding-top:20px !important; }

.databx3 {text-align: center;   background: url(../images/databx3.png)no-repeat center 80%  ; padding-top:20px !important; }



.callbx {border: 1px solid #ddd; font-size: 20px !important;  letter-spacing: -1px;  font-weight: 700; padding: 20px;}
.callbx p {font-size: 16px; }
.company p {font-size: 16px; font-weight: 400;  }
.img {width: 100%;  width: 292px; height: 292px; }

.dataBanner {overflow: hidden; position: relative; margin-top: 60px; }
.dataBanner .swiper-slide span { margin-top: 10px; font-size: 16px; display: block; text-align: center; }

.not_tit:before { content:'' ; position: absolute; top:0; left: 0; display: inline-block; width: 30px; height: 4px; background: #223d36; }
.not_tit:after { content:'' ; position: absolute; top:0; left: 30px;  display: inline-block; width: 40px; height: 4px; background: #ddd; }

#footerWrap {padding: 50px 0; border-top:1px solid #ddd;  clear: both; width:100%;}
.footer {display: flex; align-items: center;  }
.footer img {width: 129px;height: 35px;  margin-right: 103px; }

.more {position: absolute; top:0;  right:10px; font-size: 24px;  }


/* Navbar container */
.navbar {
  overflow: hidden; width: calc( 100% - 200px);  height: 70px; line-height: 70px; 
}

/* Links inside the navbar */
.navbar a {	
    position: relative; 
  float: left;line-height: 70px; 
  font-size: 18px; font-weight: 600; 
  text-align: center;
    width: 250px; 
  text-decoration: none; transition: all 0.5s ease ;

}






/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden; 
}

.dropdown .dropbtn {
	margin-bottom:-15px;
    position: relative; 
  font-size: 18px;line-height: 70px; font-weight: 600; 
  border: none;
  outline: none; 
    width: 250px; 
  background-color: inherit; text-align: center; 
 
}


.dropdown .dropbtn:hover { color:#223d36; cursor: pointer; }

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute; 
  background-color: #f9f9f9;
  min-width: 250px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 5;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  color: black;  line-height: 1.4;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left; font-weight: 500; 
    width: 100%;  
}
.dropdown-content a:hover {
  background-color: #dadada; display: block; 
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

#companyWrap .inner {overflow: hidden; }
.product_slide {overflow: hidden;  }


.company a {display: block; width: 100%; height: 100%; }

.content {margin:100px 0 ; position: relative; }
.content ul {overflow: hidden;  padding:  0 60px; display: flex; justify-content:space-between;  }
.content ul li{ text-align: center; }
.content ul li span {display: block; text-align:center; margin-top: 10px;  }

/*서브*/
#sub_wrap  { position: relative;  }
.sub_contents {  min-height: 700px ; }
.sub_bg {margin-top: 70px; height: 200px; background: url(../images/sub_bg.png) no-repeat center;}
.sub_bg h2 { text-align: center; font-size: 36px; font-weight: 600; color:#fff; line-height: 200px; }

.smenu {width: 200px; float: left; }
.smenu h3 {padding:40px 0; text-align: center; background:#223d36 ; color: #fff;  font-size: 28px; font-weight: 600;  }
.smenu ul { margin-top: 20px;text-align: left; border-top:0px solid #ddd;  }
.smenu ul li { border-bottom:1px solid #ddd; }
.smenu ul li.on{ border-bottom:1px solid #ddd; color: #fff; background:#1e31a2;}
.smenu ul li.on a{padding:10px 0; color: #fff; font-size: 14px; display: block; font-weight: 600; word-break: keep-all;   } 
.smenu ul li.on:hover a{ color: #fff; background:#1e31a2; }
.smenu ul li a {padding:10px 0; font-size: 16px; display: block; font-weight: 500; padding-left:13px; word-break: keep-all;   } 
.smenu ul li a:hover { background:#f5f5f5; color:#223d36; font-weight:bold; }
.scontent {width: 970px; float: right; margin-top: 40px; min-height:602px;}
.scontent h3 {font-size: 36px;  font-weight: 600; margin-bottom:31px; color:#999;   }

.dep2 {background: #f8f8f8; text-indent: 10px; }
.smenu .dep2 a { font-size:12px;}