@charset "utf-8";
@import url("search.css");
@import url("share.css");
/* CSS Document */
hr{ border-top: rgba(0, 119, 93, 1) 1px solid;}
/**in_banner**/

.in_banner_area{ position: relative; overflow: hidden;} 
.in_banner_photo img{ width: 100%;}
.in_slogin_area{ max-width: 1440px; width: 90%; position: absolute; z-index: 3; margin-left: auto; left: 0px; margin-right: auto; right: 0px; top:35%;}
.in_slogin_area .slogin_title{ font-size: 58px; font-weight: 600; color: #00775d; margin-bottom: 20px;}
.in_slogin_area .slogin_sec{ color: #4a1068; font-size: 24px; font-weight: 500;}

/****/
.in_main_area{ overflow: hidden; background-color: #fff; padding-bottom: 5%;}

/**breadcrumb**/
.breadcrumb_area{ max-width: 1440px; width: 90%; margin: 20px auto;}
ol.breadcrumb{ padding: 0px; margin-bottom: 0px; background-color: transparent;}
ol.breadcrumb li{ font-size: 16px; font-weight: 300;}
ol.breadcrumb li a{	color: #00775c;}
ol.breadcrumb li a:hover, ol.breadcrumb li a:focus{	text-decoration: none;	color: #be7830;}
.breadcrumb-item{ color: #00775c;}
.breadcrumb-item.active { color: #00775c; font-weight: 600;}
.breadcrumb-item+.breadcrumb-item::before{ font-weight: 400;}

.in_container{ overflow: hidden; padding-top: 20px;}
.in_container_title { max-width: 1440px; width: 90%; margin:80px auto 25px auto; text-align: left;}
.in_container_title h1{ position: relative; font-size: 36px; font-weight: 600; padding: 0px 15px; margin: 0px; line-height: 42px; text-align: center;}

.in_container_text{ overflow: hidden; max-width: 1280px; width:90%; margin: auto;}
.in_container_text a{ color: #252c2a;}
.in_container_text a:hover, .in_container_text a:focus{	color: #be7830;	text-decoration: none; transition: 0.3s ease-in-out;}


/**about**/
.about_office_area{ position: relative; overflow: hidden; max-width: 1070px; width: 96%; margin: auto auto 40px auto; display: flex; align-items: flex-end; padding: 20px 0px 40px 20px;}
.about_office_area::before{ position: absolute; content: ""; border: 1px solid #4a1068; width: 620px; height: 420px; left: 0px; top: 0px; z-index: 1;}
.office_photo01{ position: relative; z-index: 2;}
.office_photo02{ position: absolute; z-index: 3; right: 20px; bottom: 0px;}
.about_title{ font-size: 24px; color: #5e9947; font-weight: 600; margin: 40px 0px 15px 0px;}

.colorbg_grey{ background-color: #f7f7f7; width: 100%; padding: 0px 0px 20px 0px; margin: 20px auto;}
.company_pro_item{ max-width: 940px; width: 100%; margin: 25px auto 25px 0px; display: flex; flex-wrap: wrap;}
.pro_item_icon{ margin: 0px 60px 20px 0px;}
.pro_item_icon a{ color: #fff; font-size: 20px; font-weight: 600; line-height: 38px; background-color: #00775d; padding: 0px 15px; display: flex; justify-content: space-between;}
.pro_item_icon a:hover, .pro_item_icon a:focus{ color: #f8ad5e;}
.pro_item_icon a .bi{ margin-left: 30px;}
.services_icon{ overflow: hidden; text-align: center;}
.services_icon .row{ margin: 5% auto;}
.services_icon span{ font-size: 24px;  font-weight: 600; color: #00775d; display: block;}

.capability_area{ overflow: hidden;}
.capability_area.row{margin: 5% auto;}
.capabilty_list ul li{ list-style: square;}
.capabilty_list ul li::marker { color: #4a1068;}
.capability_photo_area{ position: relative; display: flex; align-items: flex-end; flex-direction: row-reverse; padding:0px 30px 30px 0px;}

.capability_photo_area .capability_photo{position: relative; z-index: 2; margin: 12px 0; text-align: center;}
.capability_photo_area::after{ position: absolute; content: ""; width: 600px; height: 450px; background-color:#f0f0f0; right: 0px; bottom: 0px; z-index: 1; }

/**history_area**/
.history_area{ overflow: hidden; padding: 50px 60px;}
.year_list{ position: relative; width: 100%; margin-bottom: -5px;}
.year_list_text { padding: 40px 70px; font-size: 24px; font-weight: 600; min-height: 140px;}
.year_info{ color: #fff; font-size: 200%; font-style: italic; font-weight: 600; display: flex; justify-content: center; align-items: center; position: absolute; z-index: 9; top: 50%; width: 100px; height: 100px; border-radius: 100%; box-shadow: 10px 5px 0px #ebebec;}

.year_list:nth-child(2n) .border-bg { padding: 5px 0px 5px 5px; background: linear-gradient(to right, #00785d, #03d4a6); border-radius:50px 0px 0px 50px; margin-right: 50px;}
.year_list:nth-child(2n) .border-bg .list_content{ height: 100%; background: #fff; border-radius: 46px 0px 0px 46px;} 

.year_list:nth-child(2n + 1) .border-bg{ padding: 5px 5px 5px 0px; background: linear-gradient(to right, #00785d, #03d4a6); border-radius:0px 50px 50px 0px; margin-left: 50px;}
.year_list:nth-child(2n + 1) .border-bg .list_content{ height: 100%; background: #fff; border-radius: 0px 46px 46px 0px;} 

.year_list:nth-child(2n) .year_list_text{ text-align: left;}
.year_list:nth-child(2n) .year_info { left: 0;  transform: translate(-50%, -50%); background: #00775d;}

.year_list:nth-child(2n + 1) .year_info { right: 0; transform: translate(50%, -50%);background: #000;}
.year_list:nth-child(2n + 1) .year_list_text{ text-align: right; vertical-align: middle;}

.year_list:nth-child(3n-1) .year_info { background: #029d7b;}
.year_list:nth-child(3n-2) .year_info { background: #00775d;}
.year_list:nth-child(3n-3) .year_info { background: #03d5a7;}

.year_list_text ul.list_text{ margin: auto 0px auto auto;}
.year_list_text ul.list_text li, .year_list_text ul.list_text_01 li{ text-align: left; font-size: 24px; font-weight: 600;}

.year_list_text.photo_style{ display: flex; align-items: center;}
.year_list_text.photo_style div{ width: 50%;}

/**Advantage**/
.advantage-section-1{position: relative;margin-bottom: 15%;}
.advantage-section-1 .advantage-text {width: 40%;color: #4a1068; font-size: 24px; font-weight: 500;position: absolute;bottom: 0;right: 0;}
.advantage-section-1 .advantage-pic {width: 65%;}

.advantage-section-2 .advantage-items{ display: flex;flex-wrap: wrap; align-items: center; justify-content: space-between; background: #f7f7f7; margin-bottom: 12%;}
.advantage-section-2 .advantage-items:last-child{ margin-bottom: 50px;}
.advantage-section-2 .advantage-items .advantage-tit{ font-size: 24px; color: #5e9947; font-weight: 600; margin: 15px 0px 15px 0px;}
.advantage-section-2 .advantage-items .advantage-text{ width: 50%; padding: 20px;}
.advantage-section-2 .advantage-items .advantage-text ul{ list-style: none;padding: 0;}
.advantage-section-2 .advantage-items .advantage-pic{ width: 45%;padding: 0 30px 30px 30px;position: relative; min-height: 390px;}
.advantage-section-2 .advantage-items:nth-child(odd) .advantage-pic img{position: absolute; top: -60px; right: 30px;}
.advantage-section-2 .advantage-items:nth-child(even) .advantage-pic img{position: absolute; top: -60px; left: 30px;}
.advantage-section-2 .advantage-items:nth-child(odd) .advantage-text,.advantage-section-2 .advantage-items:nth-child(even) .advantage-pic{ order: 1; }
.advantage-section-2 .advantage-items:nth-child(odd) .advantage-pic,.advantage-section-2 .advantage-items:nth-child(even) .advantage-text{ order: 2; }

/**market_map**/
.market_map{ text-align: center;}

/**pro_index**/
.pro_index_area{ overflow: hidden; margin: 20px auto 5% auto;}
.pro-content { max-width: 390px; width: 100%; margin:8% auto;}
.pro_index_title{ text-align: center; max-width: 350px; margin: auto; padding: 0px 5px;}
.pro_index_title a{ color: #4a1068; font-size: 20px; font-weight: 600;}
.pro_index_title a:hover, .pro_index_title a:focus{ color: #c47b2e; text-decoration: none; }

/**video**/
.video_area{margin: 5% auto;}
.video_area.row{ justify-content: center; align-items: center; flex-direction: row-reverse;}
.video_area .video{ position: relative;}
.video_area .video_img img{ display: block; margin: auto; width: 100%; border-radius: 10px;}

.video_area .middle { 
	transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center;}
.video_area .video_img:hover .image { opacity: 0.5;}
.video_area .video_img:hover .middle { opacity: 1; width: 100%;}
.video_info{}
.info_title{ font-size: 24px; font-weight: 600;}
.info_text{ color: #676767;}


/**pro_detail_area**/
.pro_detail_main{ overflow: hidden;}
.pro_detail_area{ margin: auto;}
.detail_photo{overflow: hidden; position: relative; padding-bottom: 100%; background-color: #fdfbfb; height: 0; line-height: 0; z-index: 1; transition: all 0.5s ease 0s;}
.owl-nav{ display: none;}

.owl-dots {text-align: center; -webkit-tap-highlight-color: transparent;}
.owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline;}
.owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #b2d6ce; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease;  border-radius: 30px;}
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span { background:#00775d;}

/**pro_info_detail_text**/
.pro_info_detail_text{ margin:10px auto auto auto; position: relative;}
.pro_info_detail_title{ position: relative; font-size: 24px; line-height: 30px; font-weight: 600; color: #00775c; margin-bottom: 25px; padding-left: 40px;}
.pro_info_detail_title::before{ position: absolute; content: ""; width: 35px; height: 28px; background-color: #be7830; border-radius: 0px 15px 15px 0px; left: 0px; top: 1px;}


.link_area_icon{ max-width: 160px; width: 90%; margin: 10% 0px auto auto;}
.link_area_icon a{ color: #fff; display: block; line-height: 46px; text-align: center; font-size: 24px; font-weight: 600; background-color: #4a1068;}
.link_area_icon a .bi-pencil-square::before{ color: #fff; font-size: 24px;}
.link_area_icon a .bi { transition: all 0.4s ease-out 0s; margin-left: 10px;}
.link_area_icon a .bi:hover {}
.link_area_icon a:hover{ color: #fff; background-color:#00775d; opacity: 0.8;}

/**pro_de_tabs**/
#tabs nav { width: 100%; margin: auto;}
.pro_de_tabs{ margin:8% auto;}
.nav-tabs { border-bottom: 1px solid #be7830; padding-bottom: 2px; }
.nav-tabs .nav-link{ border-radius: 20px 20px 0px 0px; font-size: 24px; font-weight: 500; margin: auto 1px;}
.nav-tabs a.nav-link  {color: #4a1068; background-color: #f2f2f2;}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #fff; background-color: #be7830; border-color: transparent transparent #be7830;}
.nav-tabs .nav-link:hover { color: #fff; background-color: #00775d; border-color: transparent transparent #00775d;}

.tab-content{ padding: 20px;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/****/

/**table**/
.table_scroll { overflow-x: auto; }
.table_scroll > table { min-width: 850px;}

table.datatable{ width: 100%; background-color: #fff; border: 1px solid #b2d6ce; margin: 15px auto;}
table.datatable th, table.datatable td{ line-height: 42px; border-right: 1px solid #b2d6ce;}
table.datatable th{ font-size: 130%; text-align: center; padding: 3px 10px; background-color: #00775d; color: #fff; font-weight: 600;}
table.datatable td{ font-size: 110%; text-align: left;  padding: 3px 15px; }

table.datatable tr{	border-top: 1px solid #b2d6ce; border-bottom: 1px solid #b2d6ce;}
.table-striped tbody tr:nth-of-type(odd) {  background-color: #f2f2f2;}

/****/
.back_list{ margin:20px auto 70px auto; display: flex; justify-content: center; align-items: center;}
.back_list_prev, .back_list_main, .back_list_next{ margin: auto;}
.back_list_prev a, 
.back_list_main a, 
.back_list_next a{ font-size: 24px; color: #00775d; border: 1px solid #4a1068; display: block; line-height: 40px; width: 40px; height: 40px; text-decoration: none; text-align: center; margin: auto; display: block;}
.back_list_prev a:hover, .back_list_prev a:focus, 
.back_list_main a:hover, .back_list_main a:focus, 
.back_list_next a:hover, .back_list_next a:focus{ background-color: #00775d; color: #fff;}
.bi-caret-left-fill::before, .bi-grid-fill::before, .bi-list-task::before{ line-height: 40px;}

/**pagination**/
.page_nav{ margin: 10% auto auto auto;}
.pagination { justify-content: center; align-items: center;}
.pagination a { font-size: 18px; font-size: 500; border: 1px solid #4a1068; display: block; line-height: 40px; width: 40px; height: 40px; text-decoration: none; text-align: center; margin: auto 7px;}
.pagination a.active { background-color: #00775d; color: #fff;}
.pagination a:hover:not(.active) {background-color: #fff;}

/**related**/
.related_products{ margin:30px auto;}
.related_products_title{ color: #00775c; font-size: 24px; font-weight: 600; margin-bottom: 20px;}
.related_pro{}
.related_pro_photo{overflow: hidden; position: relative; padding-bottom: 95%; background-color: #fdfbfb; height: 0; line-height: 0; z-index: 1; transition: all 0.5s ease 0s; margin: 10px;}

.related_pro_photo:hover { box-shadow: 0px 0px 8px #e2e2e2;}
.related_pro_photo img {transform: scale(1.0, 1.0); transition: all 0.5s ease 0s;}
.related_pro_photo:hover img {transform: scale(1.1, 1.1);}
.related_pro_title{ text-align: center; padding: 0px 10px;}
.related_pro_title a{display: block; color: #4a1068; font-size: 110%; font-weight: 500;}

/****/

/**news**/
.news_list_area{ max-width: 1366px; width: 90%; margin: auto; overflow: hidden;}
.news_list_all {max-width: 380px; width: 100%; background-color: #fff; margin: auto; position: relative; margin-bottom: 10%; }
.news_photo { overflow: hidden; position: relative; padding-bottom: 95%; height: 0; line-height: 0; z-index: 1; transition: all 0.5s ease 0s; box-shadow: 0px 0px 8px #e2e2e2; margin: 10px;}
.in_news_date{ display: flex; border-bottom: 1px solid #333; margin: 10px;}
.category_item { color: #4a1068;}
.date_info{ color: #c47b2e; padding-left: 20px;}
.in_news_contact{ margin: auto 10px; padding: 20px 0px;}
.in_news_contact .title{ font-size: 20px; font-weight: 600;}

.in_news_contact .title a{ color: #252c2a;}
.in_news_contact .title a:hover, .in_news_contact .title a:focus{ color: #be7830; text-decoration: none; transition: 0.3s ease-in-out;}

.news_list_all .more{ margin: auto 0px auto auto!important;}
.news_list_all .more a{ color: #fff;}
.news_list_all .more .bi-plus-square::before{ padding-top:8px!important;}

/****/
.news_list_content{ max-width: 1280px; width: 90%; margin: auto; border-bottom: 1px solid #777777;}
.news_list_content .in_news_date{ display: flex; justify-content: flex-end; border-bottom: none; background-color: #fff7ee; padding: 5px 20px;}
.news_detail{ max-width: 750px; width: 100%; margin:5% auto;}
.news_detail img{ margin-bottom: 20px;}
.news_detail a{ color: #c47b2e; overflow-wrap: break-word;}
.news_detail a:hover{ color: #00775d; }

/**contact**/
.note{ max-width: 1170px; width: 100%;	margin: auto;}
.note .red{ color: #ff0000;}
.contact_form{ max-width: 1170px; width: 100%; margin: auto; padding: 25px;}

.contact_form ul{ 
	margin: 0px auto;
	padding: 0px;
	width: 96%;
	list-style: none;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.contact_form ul li.width-full { display: block; width: 100%;}
.contact_form ul li select {
    color: #535353;
	font-weight: inherit;
    padding: 0 0 0 15px;
    width: 100%;
    height: 50px;
    line-height: 50px;
	background-color: #f5f5f5;
	appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; 
}
.contact_form ul li select.minimal {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

.contact_form ul li select.minimal:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, gray 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: gray;
  outline: 0;
}


.contact_form ul li select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.contact_form select, .contact_form input, .contact_form option, .contact_form textarea, .contact_form input[type=radio] + label, .contact_form input[type=checkbox] + label{
	transition: all 0.5s;
    box-sizing: border-box;
    outline: none;
    background: #f5f5f5;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.contact_form ul li {
    display: inline-block;
    width: 49%;
    margin: 15px 10px 15px 0px;
}
.contact_form ul li input {	
	font-weight: inherit;
    padding: 0 15px;
    width: 100%;
    height: 50px;
    line-height: 50px;
}
.contact_form ul li input::placeholder, .contact_form ul li textarea::placeholder { color: #535353;}
.contact_form ul li.contact-msg {
    display: block;
    width: 100%;
}
.contact_form ul li textarea {
    padding: 10px 15px;
    width: 100%;
    height: 100px;
    line-height: 20px;
	font-weight: inherit;
}
.contact_form ul.contact-btn li{
	display: flex;
	justify-content: center;
    max-width: 25%;
	margin: auto;
}
.contact_form button.contact-clean {
	width: 120px;
    padding: 5px 0;
    height: auto !important;
    color: #000;
    border-radius: 40px;
    background-color: #d0d0d0;
    border: solid 1px rgba(0, 0, 0, 0.1);
}
.contact_form button.contact-send {
	width: 120px;
    padding: 5px 0;
    margin-left: 20px;
    height: auto !important;
    color: #fff;
    border-radius: 40px;
    background-color: #4a1068;
    border: solid 1px white;
}
.contact_info ol{ margin: 30px auto; padding: 0px 0px 0px 25px;}
.contact_info ol li{ font-size: 20px; line-height: 32px;}

/****/
.contact_address{ overflow: hidden; margin: 5% auto;}
.contact_address_info{ display: flex; flex-direction: column; align-items: center; max-width: 350px; width: 90%; min-height: 270px; border: 1px solid #8dbc88; border-radius: 20px; box-shadow: 0px 0px 8px #e2e2e2; margin: 10px auto; padding-top: 12%;}
.contact_address_info .icon .fa-map-marker:before, .contact_address_info .icon .fa-phone:before, .contact_address_info .icon .fa-envelope-o:before{ color: #c47b2e; font-size: 300%;}
.contact_address_info .title{ color: #00775d; font-weight: 700; font-size: 24px; margin: 5% auto;}
.contact_address_info .address{ line-height: 26px; padding: 0px 20px; text-align: center;}

.address_map {
  position: relative;
  padding-bottom: 26%; 
  height: 0;
  overflow: hidden;
}
.map_style{ padding-bottom: 0px!important;}
.address_map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/****/













/****/
@media all and (max-width: 2560px) {}
@media all and (max-width: 1920px) {
	.in_slogin_area{ top:50%;}
}
@media all and (max-width: 1536px) {	
}
@media all and (max-width: 1440px) {
	
}
@media all and (max-width: 1336px) {

}
@media all and (max-width: 1280px) {
	.in_slogin_area .slogin_title{ font-size: 40px;}
	.in_slogin_area .slogin_sec{ font-size: 20px;}
	
}
@media all and (max-width: 1024px) {
	.in_main_text{ padding-top: 30px;}
	.capability_photo_area::after{ height: 350px; width: 100%;}
	.contact_form ul li{ width: 48%;}
    
    .advantage-section-1{margin-bottom: 80px;}
    .advantage-section-2 .advantage-items{  margin-bottom: 50px;}
    .advantage-section-2 .advantage-items .advantage-pic{padding: 0 ;align-content: center;}
    .advantage-section-2 .advantage-items:nth-child(odd) .advantage-pic img{position: relative; top: auto; right: auto;}
    .advantage-section-2 .advantage-items:nth-child(even) .advantage-pic img{position: relative; top: auto; left: auto;}
}
@media all and (max-width: 991px) {
	.in_container_title h1{font-size: 30px; margin-top: 30px;}
	.capability_photo_area::after{ width: 100%;}
	.capability_photo_area{ align-items: normal; flex-direction: row;}
	.services_icon span{font-size: 100%;}
}
@media all and (max-width: 912px) {
	.capability_photo_area::after{ background: none;}
}
@media all and (max-width: 820px) {
	.about_office_area{ margin: auto; padding: 20px; align-items: normal; flex-wrap: wrap;}
	.office_photo02{ position: inherit; right: inherit; bottom: inherit; margin: 20px auto 0px auto;}
	.office_photo02 img{ width: 100%;}
	.capability_photo_area{ padding: 0px;}
	.year_list_text{ min-height: inherit; }
	.year_list_text.photo_style{ flex-direction: column;}
	.year_list_text.photo_style div {width: 100%;}
	.year_info{ width: 80px; height: 80px; font-size: 150%;}
	.year_list:nth-child(2n+1) .year_list_text{ padding: 20px 50px 20px 0px;}
	.year_list:nth-child(2n) .year_list_text{ padding: 20px 0px 20px 50px;}
	.contact_address_info{ max-width: 90%; width: 90%; margin: 20px auto; min-height: inherit; padding: 30px 0px;}
	.contact_address_info .title{margin: 1% auto;}
	.contact_form ul li{ width: 100%; margin: 10px 0px;	}
	
    .advantage-section-1{display: flex;flex-wrap: wrap;margin-bottom: 50px;}
    .advantage-section-1 .advantage-text {width: 100%;order: 1; position: relative;bottom: auto;right: auto;margin-bottom: 40px;}
    .advantage-section-1 .advantage-pic {width: 100%; order: 2;}
	.advantage-section-2 .advantage-items:nth-child(even) .advantage-text{ order: 1; }
    .advantage-section-2 .advantage-items:nth-child(even) .advantage-pic{ order: 2; }
    .advantage-section-2 .advantage-items .advantage-text{ width: 100%; padding: 20px;}
    .advantage-section-2 .advantage-items .advantage-tit{ text-align: center;padding: 10px 0px 20px 0px;}
    .advantage-section-2 .advantage-items .advantage-pic{ width: 100%;padding: 0 10px 30px; text-align: center; min-height: auto;}
}
@media all and (max-width: 767px) {
	.about_office_area::before{ width: 100%; height: 100%;}
	.year_list_text, .year_list_text ul.list_text li, .year_list_text ul.list_text_01 li{ font-size: 18px; line-height: 24px; font-weight: 500;}
	.history_area{ padding: 20px 52px;}
	.year_list:nth-child(2n + 1) .border-bg{ margin-left: 45px;}
	.year_list:nth-child(2n) .border-bg{margin-right: 45px;}
	.year_list_text{ line-height: 24px;}
	.year_list_text img{ display: block; margin: auto;}
	.year_list_text ul.list_text, .year_list_text ul.list_text_01{ margin: 0px 0px 0px 35px; padding: 0px;}
	
	
	
}
@media all and (max-width: 540px) {
	.in_slogin_area { top: 40%;}
	.in_slogin_area .slogin_title{ font-size: 36px; margin-bottom: 10px;}
	.in_slogin_area .slogin_sec{ font-size: 16px; line-height: 24px; width: 80%;}
	.pro_item_icon{ width: 100%; margin: 10px auto; }
	.pro_item_icon a .bi { margin-left: 10px;}
	.pro_item_icon a{padding: 5px 10px; line-height: 24px;}
	.services_icon span { font-size: 90%;}
	ol.breadcrumb li{ line-height: 24px;}
	.in_container_title h1{font-size: 24px; line-height: 26px;}
	
	
	/****/
	table.datatable td{ padding: 3px 10px; font-size: 100%; line-height: 26px;}
	table.datatable{line-height: 30px;}
	.nav-tabs .nav-link{ font-size: 110%; padding: 5px 10px; width: 100%; border-radius: 0px;}

	
	.contact_form ul.contact-btn li{ max-width: 50%;}
	.contact_form .contact-clean, .contact_form .contact-send{border-radius: 20px;line-height: 36px;}
	.contact_form{ padding: 10px;}

	.back_list_next{ width: inherit;}
	.back_list_prev span, .back_list_main span, .back_list_next span{width: 30px; height: 30px; line-height: 30px;}
	.bi-caret-left-fill::before, .bi-grid-fill::before, .bi-caret-right-fill::before{ line-height: 30px;}

	.link_area_icon{ margin: auto; max-width: 150px;}
	.link_area_icon a{ font-size: 110%;}
	
	.address_map{padding-bottom: 50%;}	
    
    .advantage-section-2 .advantage-items .advantage-tit{ padding: 0;}
}

@media all and (max-width: 414px) {
	.in_main_text { padding-top: 35px; }
	.in_container_title{ margin: 25px auto;}
	.in_main_text { padding-top: 0px;}	
	.contact_form ul.contact-btn li{ max-width: 100%;}
	.contact_info ol{ margin: 20px 0px;}
	.contact_info ol li{ font-size: 18px; line-height: 28px;}
	.title_style { font-size: 20px;}
	.history_area { padding: 20px 35px;}
	.year_info { width: 60px; height: 60px; font-size: 120%; box-shadow: 5px 5px 0px #ebebec; }
	.year_list:nth-child(2n + 1) .border-bg { border-radius: 0px 30px 30px 0px; margin-left: 30px;}
	.year_list:nth-child(2n + 1) .border-bg .list_content{ border-radius: 0px 26px 26px 0px;}
	.year_list:nth-child(2n) .border-bg{ border-radius: 30px 0px 0px 30px; margin-right: 30px;}
	.year_list:nth-child(2n) .border-bg .list_content{ border-radius: 26px 0px 0px 26px;}
	.year_list:nth-child(2n+1) .year_list_text { padding: 10px 35px 10px 0px; }
	.year_list:nth-child(2n) .year_list_text{ padding: 10px 0px 10px 35px;}
	
	
}
@media all and (max-width: 390px) {
	
}

@media all and (max-width: 375px) {
	.in_container_title h1 { font-size: 24px; line-height: 28px;}	
	.pro_index_title a{ font-size: 100%; line-height: 24px;}
}
@media all and (max-width: 360px) {
		
}
@media all and (max-width: 320px) {
	.in_slogin_area { top: 45%;}
	.in_slogin_area .slogin_title{ font-size: 26px;}
	.in_slogin_area .slogin_sec{ font-size: 15px; line-height: 20px;}
	/****/
	.related_pro_title a{ font-size: 90%; line-height: 24px;}
	.related_products .col-6{ flex: 0 0 100%;  max-width: 100%;}

	.address_map{padding-bottom: 80%;}
	
	.step_text{ display: inherit;}
	.step_number { width: 100%; margin: auto;}
	.number{ margin: auto;}
	.step_info{ width: 100%; font-size: 90%; line-height: 20px; padding-left: 5px;}
}
@media all and (max-width: 280px) {
	.pagination a { font-size: 15px; line-height: 28px; width: 28px; height: 28px; margin: 0px 2px;}
	
	
	
	
}