@charset "utf-8";

/************************************************************************************
CSS RESET
*************************************************************************************/

*{margin:0; padding:0;outline:0;}
html{height:100%;}
h1{font-size:15px;}
h2{font-size:14px;} 
h3{font-size:13px;} 
h4{font-size:12px;} 
h5{font-size:11px;} 
h6{font-size:10px;} 
a{text-decoration:none;} 
p{padding: 0 0 10px 0;}
img{border:0; border-spacing:0; max-width: 100%;}
img:hover {opacity: 1;}
img, embed{vertical-align:middle;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, img, embed {margin: 0; padding: 0; outline: 0;}
:focus {outline: 0;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0; border: 1px solid #eee}
table td, table th {border: 1px solid #eee; padding: 3px 10px;}
caption, th, td {font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
strong, b {font-weight:bold;}
em {font-style:italic;}
pre {white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}

input[type=text], input[type=password], input[type=file], input[type=submit], input[type=reset], input[type=search], textarea, button {-webkit-appearance:none; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important;}

input[type=number]::-webkit-inner-spin-button {opacity: 1;}

/************************************************************************************
Reset HTML5 Elements to Block
*************************************************************************************/

main, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

/************************************************************************************
CSS WEBSITE
*************************************************************************************/

.t_nd_prod_D {
    text-transform: uppercase;
    font-weight: 700;
    color: #0097dc;
	margin-top:30px;
    border-left: 10px solid #0097dc;
    padding: 5px 0 5px 10px;
    margin-bottom: 10px;
}
.m_ttlh {
    overflow: hidden;
    border: 1px solid #ccc;
    padding: 10px;
}
.img_m_ttlh {
	float: left;
	display: block;
	width: 100px; height: auto;
	margin-left:10px;
	margin-right: 40px;
}

.tn {width:100%; margin-bottom:30px; float:left;}
.tn ul{width:100%; float:left;}
.tn li{width:32%; margin-right:2%; margin-top:30px; float:left;}
.tn li:nth-child(3n) {margin-right: 0;}
.tn ul li .pic{width:100%; float:left;position: relative;}
.tn ul li .pic img{display: block;
    width: 200px;
    height: 160px;
    margin: auto;}
.tn ul li .title{width:100%; text-align:center; text-transform:uppercase; margin-top:10px; font-size:15px; font-weight:bold; color:#0097dc; float:left;}
.tn ul li .des{width:90%; padding:5%; text-align:center; min-height:67px !important; height:67px; overflow:auto; text-align:justify; float:left;-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
    box-shadow: 0 0 5px rgba(0,0,0,0.1); margin-top:20px;}
.tn ul li .des a{color:#0d5996; text-decoration: underline; font-weight:bold; font-size:14px; text-transform:capitalize !important;}

.t_D_page {
	font-size: 16px;
	padding: 11px 0 10px 0;
	text-transform:uppercase;
}
.des_d {font-size: 16px; padding-bottom: 15px;}

.t_prod_other {
	text-align: center;
	padding-bottom: 20px;
	margin-top:30px;
	font-size: 16px;
	font-weight: 700;
	float:none; clear:both;
	text-transform: uppercase;
}

.ul_dm_bv {}
.ul_dm_bv > li {padding: 20px 0; overflow: hidden; width:100%;}
.ul_dm_bv > li:first-child {padding-top: 0;}
.ul_dm_bv > li + li {border-top: 1px solid #ececec;}
.ul_dm_bv > li figure {
	float: left;
	width: 220px; height: 150px;
	margin-right: 20px;
}
.ul_dm_bv > li figure img {display: block; width: 100%; height: 100%;}
.m_ul_dm_bv {overflow: hidden;}
.m_ul_dm_bv h3 {font-size: 14px; color: #323232; text-transform:uppercase; margin-bottom:10px;}
.m_ul_dm_bv h3:hover {color: #ffab00;}
.m_ul_dm_bv .tool_user {padding: 5px 0;}
.m_ul_dm_bv p {color: #666;}
.m_ul_dm_bv span {color: #00507f; font-weight:bold; font-size: 12px;}
.m_ul_dm_bv span i {margin-left: 5px;}
.m_ul_dm_bv ol {padding: 5px 0 10px 0;}
.m_ul_dm_bv ol li {display: inline-block; color: #666; margin: 0 10px 0 1px;}
.m_ul_dm_bv ol li i {margin-right: 3px; position: relative; top: -1px;}


.spnb_h { margin-bottom:30px;}
.t_spnb_h {
	text-align: center;
	border-bottom: 1px solid #e5e5e5;
	height: 1px;
}
.t_spnb_h h2 {
	position: relative;
	top: -9px;
	display: inline-block;
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
	padding: 0 15px;
	background: #fff;
}
.t_spnb_h h2 a{ color:#000;}
.link_spnb_h {text-align: center; padding: 30px 0;}
.link_spnb_h > li {display: inline-block; padding: 0 10px;}
.link_spnb_h > li > a {
	text-decoration: underline;
	font-weight:600;
	color: #333;
	font-size: 15px;
}
.link_spnb_h > li.active > a, .link_spnb_h > li:hover > a {color: #434343;}

.ul_prod > li {
	float: left;
	width: 31.4%; 
	border: 1px solid #e5e5e5;
	padding:2px;
	margin: 0 20px 20px 0;
	text-align: center;
	position: relative;
}
.ul_prod > li:hover {
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
	box-shadow: 0 2px 3px rgba(0,0,0,0.1);
}
.ul_prod > li:nth-child(3n) {margin-right: 0;}
.img_prod {
	position: relative;
	height: 200px; 
	overflow: hidden;
	border: 1px solid #e5e5e5;
	border-bottom: 0;
}
.img_prod img {
	display: block; 
	width: 100%; height: 100%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.img_prod img:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
.nd_prod {
	text-align: left; 
	float:left;
	width: 304px;
	padding: 15px;
}
.name_prod {
	font-weight: bold;
	font-size: 14px;
	margin-bottom:10px;
	text-transform:uppercase;
	float:left;
	color: #333;
	width:100%;
	white-space: nowrap;
	display:block;
	overflow: hidden;
	text-overflow: ellipsis;
}
.name_prod_dv {
	font-weight: bold;
	font-size: 15px;
	text-transform:uppercase;
	margin-bottom:10px;
	max-height:45px;
	height:45px;
	overflow:hidden;
	float:left;
	color: #333;
}
.nd_prod p{
	text-align: left; 
	float:left;
	color:#666;
	font-size:14px;
	padding-bottom:0px;
	overflow: hidden;
	height: 67px;
    max-height: 67px;
}

html {background: #fff;}
body {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #333;
	background:#fff !important;
	line-height: 22px;
}
.css_body {	
	background: #fff;
	-webkit-text-size-adjust: 100%;
	word-wrap: break-word;
	height: auto;
	min-height: 100%;
	overflow-x: hidden;
}
.fixbody {overflow: hidden;background:#fff !important;}

#wrapper {position: relative; height: 100%;background:#fff !important;}

.min_wrap {width: 1050px; margin: 0 auto;}
.page_dichvu .t_D_page{ text-align:center; font-size:24px; color:#0097dc;}
.page_dichvu .des_d {text-align:center;}
.min_wrap2 {margin-left: -15px; margin-right: -15px;}

/************************************************************************************
CSS HEADER
*************************************************************************************/

.play_vd {padding-top: 20px;}
.ul_vd_sb > li {padding: 10px 0;}
.ul_vd_sb > li + li {border-top: 1px dotted #c5c5c5;}
.ul_vd_sb > li > a {color: #434343;}
.ul_vd_sb > li.active > a {font-weight: 700;}

.ul_news_sb > li {overflow: hidden; padding: 15px 0;}
.ul_news_sb > li + li {border-top: 1px dotted #c5c5c5;}
.ul_news_sb > li figure {
	float: left;
	width: 90px; height: 70px;
	margin-right: 10px;
}
.ul_news_sb > li figure img {display: block; width: 100%; height: 100%;}
.ul_news_sb > li p {padding: 0; overflow: hidden; color: #434343;}

.ul_tk_sb > li {overflow: hidden; padding: 15px 0;}
.ul_tk_sb > li + li {border-top: 1px dotted #c5c5c5;}
.ul_tk_sb > li strong {float: left; font-weight: 400; display: block;}
.ul_tk_sb > li span {float: right; display: block;}

.block_sb + .block_sb {margin-top: 20px;}
.sty_sb {border: 1px solid #e5e5e5;}
.t_sb {
	text-transform: uppercase;
	font-size: 16px;
	color: #000;
	padding: 10px 30px 10px 40px;
	font-weight: 700;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
}
.t_sb::before {
	content: "";
	width: 6px; height: 6px;
	background: #000;
	position: absolute;
	top: 17px; left: 20px;
}
.m_sb {padding: 0 15px;}

.ul_dm_sb {padding: 15px 0;}
.ul_dm_sb > li > a {
	display: block;
	padding: 5px 20px 5px 0;
	color: #434343;
	text-transform: uppercase;
	background: url(../imgs/icon_10.png) no-repeat right top 14px;
}
.ul_dm_sb > li:hover > a {color: #ffab00;}
.ul_dm_sb > li.active > a {background-image: url(../imgs/icon_11.png); color: #ffab00;}
.ul_dm_sb > li.active  .ol_dm_sb {display: block;}
.ol_dm_sb {padding-left: 10px; display: none;}
.ol_dm_sb > li > a {
	color: #878787;
	display: block;
	padding: 5px 0 5px 18px;
	position: relative;	
}
.ol_dm_sb > li > a::before {
	content: "►";
	position: absolute;
	top: 4px; left: 0;
	font-size: 10px;
	font-weight: 400;
}
.ol_dm_sb > li.active > a, .ol_dm_sb > li:hover > a {font-weight: 700; color: #434343;}
.ul_ht_sb > li {
	overflow: hidden; 
	position: relative;
	background: url(../imgs/icon_9.png) no-repeat left center;
	padding: 20px 0 20px 47px;
	min-height: 30px;
	line-height: 15px;
}
.ul_ht_sb > li + li {border-top: 1px dashed #ccc;}
.ul_ht_sb > li a {color: #f10c0c !important;}
.ul_ht_sb > li p {position: absolute; top: 20px; right: 0;}

.ul_dm_bv {}
.ul_dm_bv > li {padding: 20px 0; overflow: hidden;}
.ul_dm_bv > li:first-child {padding-top: 0;}
.ul_dm_bv > li + li {border-top: 1px solid #ececec;}
.ul_dm_bv > li figure {
	float: left;
	width: 220px; height: 150px;
	margin-right: 20px;
}
.ul_dm_bv > li figure img {display: block; width: 100%; height: 100%;}
.m_ul_dm_bv {overflow: hidden;}
.m_ul_dm_bv h3 {font-size: 14px; color: #323232;}
.m_ul_dm_bv h3:hover {color: #ffab00;}
.m_ul_dm_bv .tool_user {padding: 5px 0;}
.m_ul_dm_bv p {color: #666;}
.m_ul_dm_bv span {color: #00507f; font-weight:bold; font-size: 12px;}
.m_ul_dm_bv span i {margin-left: 5px;}
.m_ul_dm_bv ol {padding: 5px 0 10px 0;}
.m_ul_dm_bv ol li {display: inline-block; color: #666; margin: 0 10px 0 1px;}
.m_ul_dm_bv ol li i {margin-right: 3px; position: relative; top: -1px;}

#header {background:#fff; position: fixed; top: 0; left: 0; right: 0; z-index: 101;}
.scroll_header {background-color: rgba(255,255,255,0.9) !important;-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.scroll_header .logo img {height: 40px;}
.scroll_header .ul_mn > li > a {line-height: 40px;}
.scroll_header .nav_mn {margin-top:10px;}
.scroll_header .ul_mn > li:hover > ul.mn_child_01 {top: 40px;}

.banner {padding: 10px 0; position: relative;}
.logo {display: inline-block; position: relative; z-index: 2;}
.logo img {
	display: inline-block; 
	width: auto; height: 60px; 
	opacity: 1;
	-webkit-transition: height .2s;
	-moz-transition: height .2s;
	-ms-transition: height .2s;
	-o-transition: height .2s;
	transition: height .2s;
}

.nav_mn {
	position: absolute;
	top: 0; bottom: 0; right: 0px;
	height:45px;
	line-height:45px;
	margin-top:18px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-around;
}
.ul_mn > li {float: left; position: relative;}
.ul_mn > li > a {
	font-size: 13px;
	font-weight: 500;
	color: #000;
	display: block;
	padding: 0 12px;
	border-radius:3px;
	text-transform:uppercase;
	-webkit-transition: line-height .2s;
	-moz-transition: line-height .2s;
	-ms-transition: line-height .2s;
	-o-transition: line-height .2s;
	transition: line-height .2s;
}
.ul_mn > li:hover > a {background:#00bcdf; color:#fff !important;}
.ul_mn > li:hover > ul.mn_child_01 {visibility: visible; z-index: 100; opacity: 1; top: 45px;}
.ul_mn > li.active > a {
	color:#0097dc;
}
.ul_mn > li > ul.mn_child_01 {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	left: 0; top: 45px;
	background: #fff;
	padding:10px 0px;
	min-width: 190px;
	transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	z-index: 100;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.ul_mn > li > ul.mn_child_01 > li {position: relative;height:30px; line-height:30px;}
.ul_mn > li > ul.mn_child_01 > li > a {
	color: #00bcf4; 
	display: block; 
	padding: 0px 15px; 
	white-space: nowrap; 
	text-transform: capitalize;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.ul_mn > li > ul.mn_child_01 > li:hover > a {color: #0097dc;}
.ul_mn > li > ul.mn_child_01 > li:hover > ul.mn_child_02 {display: block;}
.ul_mn > li > ul.mn_child_01 > li > ul.mn_child_02 {
	display: none;
	position: absolute;
	top: 0;
	background: #004a87;
	min-width: 160px;
}
.ul_mn > li > ul.mn_child_01 > li > ul.mn_child_02 > li > a {
	color: #fff;
	display: block;
	padding: 0px 15px; 
	white-space: nowrap; 
	text-transform: capitalize;
}
.ul_mn > li > ul.mn_child_01 > li > ul.mn_child_02 > li > a:hover {background: #0082cd;}

.lang_hea {
	position: absolute; 
	top: 33px; right: 23px; 
	line-height: 14px; 
	border-right: 1px solid rgba(255,255,255,0.2); 
	padding-right: 4px;
	-webkit-transition: top .2s;
	-moz-transition: top .2s;
	-ms-transition: top .2s;
	-o-transition: top .2s;
	transition: top .2s;
}
.lang_hea > li {display: inline-block; text-transform: uppercase; font-size: 13px; padding-right: 4px;}
.lang_hea > li > a {color: rgba(255,255,255,0.5);}
.lang_hea > li > a:hover,
.lang_hea > li.active > a {color: rgba(255,255,255,1);}

.click_s {
	width: 14px; height: 14px;
	line-height: 14px;
	position: absolute; 
	top: 33px; right: 0;
	text-align: center;
	color: #fff;
	z-index: 12;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-size: 13px;
	-webkit-transition: top .2s;
	-moz-transition: top .2s;
	-ms-transition: top .2s;
	-o-transition: top .2s;
	transition: top .2s;
}
.click_s i {}
.click_s:hover {}
.form_s {
	background: rgba(0,0,0,0.5);
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
	z-index: 99999999;
	visibility: hidden;
	-webkit-transition: ease 0.4s;
	-moz-transition: ease 0.4s;
	-ms-transition: ease 0.4s;
	-o-transition: ease 0.4s;
	transition: ease 0.4s;
	opacity: 0;
}
.form_s.active {visibility: visible; opacity: 1;}
.close_form_s {
	font-size: 32px;
	color: #fff;
	position: absolute;
	top: 40px; right: 40px;
	display: block;
	cursor: pointer;
	z-index: 1;
	font-style: normal;
}
.close_form_s::before {
	content: "\f057";
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
}
.d_form_s {
	width: 50%;
	margin: -30px auto 0 auto;
	position: absolute;
	top: 50%; left: 0; right: 0;
}
.ipt_form_s {
	width: 100%; height: 60px;
	border: 0;
	padding: 0 60px 0 20px;
	border-bottom: 1px solid #eee;
	font-size: 20px;	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
}
.btn_form_s {
	border: 0;
	cursor: pointer;
	width: 60px; height: 60px;
	text-align: center;
	font-size: 32px;
	color: #000;
	position: absolute;
	bottom: 0; right: 0;
	background: none;
}

/************************************************************************************
CSS CONTAINER
*************************************************************************************/

.link_all {
	display: table;
	margin: 0 auto;
	background: #0097dc;
	vertical-align: middle;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.link_all a span {
	display: inline-block;
	color: #ffffff;
	text-align: center;
	padding: 10px 10px;
}
.link_all a span:last-child {
	padding-right: 10px;
	padding-left:0px;
}

#container {min-height: 100vh; float: none; clear:both;}

.f_home {}

.swiper-container {visibility: hidden;}
.swiper-container.swiper-container-initialized {visibility: visible;}

.slide {height: 450px; margin-top:80px; position: relative; background-color: #123d65;}
.swiper1 .swiper-slide {height: 450px;}
.swiper1 .swiper-slide img {display: block; width: 100%; height: 100%; opacity: 1 !important;}
.swiper1 .swiper-button-prev-1 {
	width: 40px !important; height: 40px !important;
	color: #fff !important;
	background-size: auto 20px !important;
	margin-top: -20px !important;
	left: 20px !important;
}
.swiper1 .swiper-button-next-1 {
	width: 40px !important; height: 40px !important;
	color: #fff !important;
	background-size: auto 20px !important;
	margin-top: -20px !important;
	right: 20px !important;
}
.swiper1 .swiper-pagination-1 {bottom: 20px !important;}
.swiper1 .swiper-pagination-1 .swiper-pagination-bullet {
	width: 40px; height: 4px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	opacity: 1;
}
.swiper1 .swiper-pagination-1 .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #0097dc;}


.text_slide {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: 12;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: #fff;
	text-align: center;
}
.text_slide h1 {
	text-transform: uppercase;
	font-size: 30px;
	font-weight: 500;
	line-height: 36px;
	position: relative;
	animation: mymove1 1s ease;
}
@keyframes mymove1 {
	from {top: -50px;}
	to {top: 0px;}
}
.text_slide p {
	padding: 10px 0; 
	max-width: 75%;
	position: relative; 
	animation-name: mymove2;
	animation-duration: 1s;
	animation-timing-function: ease;
}
@keyframes mymove2 {
	from {bottom: -50px;}
	to {bottom: 0px;}
}

.sroll_page {
	display: block;
	width: 26px; height: 46px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 2px solid #fff;
	text-align: center;
	font-size: 14px;
	margin: auto;
	position: absolute;
	bottom: 110px; right: 0; left: 0;
	z-index: 14;
	color: #fff;
	cursor: pointer;
}
.sroll_page i {
	position: relative;
	top: 14px;
	-webkit-transition: ease .2s;
	-moz-transition: ease .2s;
	-ms-transition: ease .2s;
	-o-transition: ease .2s;
	transition: ease .2s;
}
.sroll_page:hover i {top: 20px;}

.r1_home {position: relative; top: -60px; z-index: 13;}
.sear_h {
	float: right;
	min-height: 1px;
	width: 690px; height: 249px;
	padding: 30px 40px 0 40px;
	background-color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 9px 35px rgba(0,0,0,0.08);
	-moz-box-shadow: 0 9px 35px rgba(0,0,0,0.08);
	box-shadow: 0 9px 35px rgba(0,0,0,0.08);
	border-bottom: 1px solid #1f9fb4;
}
.t_sear_h {
	text-transform: uppercase; 
	font-size: 18px; 
	font-weight: 700; 
	padding-top: 7px;
	color:#0097dc;
}
.filter_sear_h {color: #666; padding-bottom: 20px;}
.filter_sear_h a {color: #666; display: inline-block; margin: 0 3px;}
.filter_sear_h a:hover {color: #0097dc;}
.m_sear_h {padding: 0; position: relative;}
.txt_sear_h {
	background-color: #fff;
	border: none;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	height: 38px;
	font-size: 14px;
	color: #666;
	width: 100%;
	padding-right: 38px;
}
.txt_sear_h:focus {color: #0097dc;}
.but_sear_h {
	width: 38px; height: 38px;
	cursor: pointer;
	border: 0;
	text-align: right;
	line-height: 38px;
	position: absolute;
	top: 1px; right: 0;
	z-index: 1;
	background: none;
	color: #666;
}
.but_sear_h:active {color: #0097dc;}
.ul_sear_h > li {
	float: left;
	min-height: 1px;
	padding-top: 15px;
	width: 161px;
	margin-right: 15px;
}
.ul_sear_h > li:nth-child(4n) {margin-right: 0;}
.slec_sear_h {
	width: 100%; height: 40px;
	font-size: 14px;
	background: #fff url(../imgs/icon_1.png) no-repeat center right;
	color: #666;
	cursor: pointer;
	border: 0;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.1);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1);
}
.slec_sear_h:focus {color: #0097dc;}
.but_sum_sear_h {
	border: 0;
	cursor: pointer;
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	text-align: center;
	width: 100%; height: 40px;
	background-color: #0097dc;
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	border-radius: 2px !important;
	-webkit-transition: ease .3s;
	-moz-transition: ease .3s;
	-ms-transition: ease .3s;
	-o-transition: ease .3s;
	transition: ease .3s;
}
.but_sum_sear_h:active {background-color: #123d65;}
.dlh_h {
	float: left;
	min-height: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #0097dc url(../imgs/bg_dlh_h.png) no-repeat center center;
	color: #fff;
	width: 290px; height: 220px;
	padding: 30px 40px;
	position: relative;
}
.t_dlh_h {padding: 7px 0 30px 60px; position: relative;}
.t_dlh_h::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 300; 
	content: "\f82d";
	font-size: 50px;
	color: #fff;
	position: absolute;
	top: 15px; left: 0;
}
.t_dlh_h strong {display: block; font-size: 18px; font-weight: 700;}
.t_dlh_h a {color: #fff; font-weight: 700;}
.text_dlh_h {padding: 0;}
.fcb_dlh_h {
	position: absolute;
	bottom: 30px; right: 40px; left: 40px;
	color: #fff;
	text-transform: uppercase;
	display: block;
	text-align: center;
	padding: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 2px solid #fff;
	-webkit-transition: ease .3s;
	-moz-transition: ease .3s;
	-ms-transition: ease .3s;
	-o-transition: ease .3s;
	transition: ease .3s;
}
.fcb_dlh_h:hover {background-color: #123d65; border-color: #123d65;}

.r2_home {padding: 80px 0px 0px 0px; relative; float:none; clear:both;}
.gt_h {float: left; min-height: 1px; width: 550px;}
.vd_h {float: right; min-height: 1px; width: 470px;}

.t_gt_h {
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	color: #0097dc;
	padding-bottom: 20px;
}
.link_gt_h {
	margin-top: 10px;
	color: #fff;
	display: inline-block;
	padding: 10px 10px;
	background-color: #0097dc;
	font-weight: 500;
}
.link_gt_h:hover {background-color: #00bcdf;}
.gt_h .f-detail {line-height: 20px;}
.gt_h .f-detail ul li {
	margin-left: 0; 
	position: relative; 
	list-style: none; 
	padding: 0 0 5px 25px; 
	color: #555; 
	font-style: italic;
}
.gt_h .f-detail ul li::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 400; 
	content: "\f00c";
	position: absolute;
	top: 0; left: 0;
	color: #0097dc;
}

.swiper-button-next-2 {
	top: auto !important;
	right: 5px !important;
	bottom: 0;
	z-index: 12 !important;
}
.swiper-button-prev-2 {
	top: auto !important;
	left: 5px !important;
	bottom: 0;
	z-index: 12 !important;
}
.swiper-button-next-2:after, .swiper-button-prev-2:after {font-size: 16px !important;}
.img_vd_h {height: 285px; position: relative;}
.img_vd_h::before {
	content: "";
	background-color: rgba(18,61,101,0.3);
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: 1;
	-webkit-transition: ease .3s;
	-moz-transition: ease .3s;
	-ms-transition: ease .3s;
	-o-transition: ease .3s;
	transition: ease .3s;
}
.img_vd_h:hover::before {background-color: rgba(18,61,101,0.5);}
.img_vd_h::after {
	font-family: "Font Awesome 5 Pro";
	font-weight: 300; 
	content: "\f144";
	font-size: 60px;
	line-height: 60px;
	color: #fff;
	width: 60px; height: 60px;
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
	z-index: 2;
}
.img_vd_h img {display: block; width: 100%; height: 100%;}
.t_vd_h {
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	background-color: #0097dc;
	line-height: 44px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0;
}

.r3_home {padding-bottom: 10px; position: relative; float:none; clear:both;}
.r3_home .t_spec_prod {padding: 22px 0px !important;}
.t_r3_home {
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	width: 290px; height: 40px;
	line-height: 40px;
	text-align: center;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	background-color: #0097dc;
	position: absolute;
	top: 125px; left: -165px;
	letter-spacing: 0.4px;
}
.img_sp_vo {height: 290px; background-color: #123d65;}
.img_sp_vo img {display: block; width: 100%; height: 100%;}
.sub_sp_vo {
	position: absolute;
	bottom: 0; right: 0; left: 0;
	z-index: 1;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
}
.swiper3 .swiper-slide:hover .sub_sp_vo {padding-bottom: 30px;}
.t_sp_vo {
	text-transform: uppercase;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	padding: 15px;
}
.swiper3 .swiper-slide:hover .t_sp_vo {background-color: rgba(0,151,220,0.6);}
.swiper3 .swiper-slide:hover .sub_sp_vo { background-color: rgba(0,0,0,0.1);}
.swiper3 .swiper-slide:hover .ul_sp_vo {display: block;}
.swiper-button-next-3.swiper-button-disabled, .swiper-button-prev-3.swiper-button-disabled {display: none;}
.swiper-button-next-3:after, .swiper-button-prev-3:after {font-size: 30px !important;}
.swiper-button-next-3:hover:after, .swiper-button-prev-3:hover:after {color: #0097dc;}
.swiper3 .swiper-slide .ss_prod {bottom: 0; z-index: 2; background: none; font-size: 13px; border-top: 1px solid rgba(255,255,255,0.2);}
.swiper3 .swiper-slide:hover .ss_prod {visibility: visible;}
.ul_sp_vo {padding: 10px 15px; color: #fff; display: none; font-size: 13px; max-height:67px; overflow:hidden;}
.ul_sp_vo > li {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-bottom: 5px;}
.ul_sp_vo > li:last-child {padding-bottom: 0;}
.ul_sp_vo > li i {font-size: 14px; width: 15px; margin: 0 3px 0 1px; position: relative; top: 1px;}
.ul_sp_vo > li .clo_pri {font-weight: 500; color: #f6ff00;}

.t_spec_prod {background: url(../imgs/line_body.png) repeat-x center; text-align: center; margin-bottom:10px;}
.t_spec_prod strong {
	display: inline-block;
	padding: 0 15px;
	background-color: #fff;
	color: #0097dc;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
}
.t_spec_prod strong a{
	color: #0097dc;
}
.swiper4 {padding: 26px !important; margin: 0 -30px !important;}
.swiper-button-next-4 {right: 0 !important;}
.swiper-button-prev-4 {left: 0 !important;}
.swiper-button-next-4.swiper-button-disabled, .swiper-button-prev-4.swiper-button-disabled {display: none;}
.swiper-button-next-4:after, .swiper-button-prev-4:after {font-size: 30px !important; color: #0097dc;}
.swiper-button-next-4:hover:after, .swiper-button-prev-4:hover:after {color: #123d65;}
.in_spec_prod {color: #fff; padding: 10px 15px; border-radius:0px 0px 10px 10px; background-color: #fff;-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
}
.in_spec_prod .n_prod {color: #fff;}
.in_spec_prod .clo_pri {font-weight: 500; color: #f6ff00;}
.swiper4 .ss_prod {background-color: #123d65;}
.swiper4 .ss_prod:hover {background-color: #52cde1;}
.swiper4 .swiper-slide:hover .ss_prod {visibility: visible; z-index: 11;}

.r5_home {padding: 20px 0; relative; float:none; clear:both;}

.content {float: left; min-height: 1px; width: 780px; margin-right:20px;}
.sidebar {float: right; min-height: 1px; width: 250px;}

.t_prod {
	text-transform: uppercase;
	font-size: 24px;
	line-height: 30px;
	color: #0097dc;
	font-weight: 700;
	border-left: 3px solid #0097dc;
	padding-left: 15px;
}
.n_prod {
	font-size: 14px;
	font-weight: 500;
	color: #0097dc;
	height: 40px;
	text-transform:uppercase;
	font-size:14px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.ul_prod {font-size: 13px; padding-top: 10px;}
.ul_prod > li {}
.ss_prod {
	text-align: center;
	font-size: 12px;
	background-color: #0097dc;
	color: #fff;
	padding: 5px;
	display: block;
	visibility: hidden;
	position: absolute;
	bottom: -20px; left: 0; right: 0;
	z-index: -1;
}
.ss_prod:hover {background-color: #123d65;}
.ul_prod_D > li:hover .ss_prod {visibility: visible; z-index: 11;}
.ul_prod_D {padding-top: 30px;}
.ul_prod_D > li {
	float: left;
	min-height: 1px;
	margin: 0 30px 30px 0;
	width: 270px;
	position: relative;
}
.ul_prod_D > li:nth-child(3n) {margin-right: 0;}
.in_prod {background-color: #fff; padding: 10px 14px; border: 1px solid #ddd; border-top: 0; color: #333;}

.fcb_ycbg {display: block;}
.fcb_ycbg img, .fcb_view_prod img {display: block; width: 100%; height: auto;}

.r_sb {
	margin-top: 20px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 10px 15px;
}
.t_r_sb {
	text-transform: uppercase;
	font-weight: 700;
	color: #0097dc;
	padding: 5px 0;
	border-bottom: 1px solid #ddd;
	position: relative;
}
.t_r_sb::before {
	content: "";
	width: 50px; height: 3px;
	background-color: #0097dc;
	position: absolute;
	bottom: -2px; left: 0;
	z-index: 1;
}
.list_r_sb {padding-top: 5px; font-size: 13px; overflow-y: auto; overflow-x: hidden; max-height: 300px;}
.list_r_sb > li {padding-top: 5px;}
.list_r_sb > li > a {
	color: #666;
	display: inline-block;
	padding-left: 15px;
	position: relative;
}
.list_r_sb > li > a:hover,
.list_r_sb > li.active > a {color: #0097dc;}
.list_r_sb > li > a::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 300; 
	content: "\f101";
	position: absolute;
	top: 0; left: 0;
}
.list_r_sb2 > li > a {padding-left: 0;}
.list_r_sb2 > li > a::before {display: none;}
.list_r_sb3 {padding-bottom: 5px;}
.list_r_sb3 > li {padding-top: 15px; overflow: hidden;}
.list_r_sb3 > li figure {float: left; min-height: 1px; width: 70px; height: 47px;}
.list_r_sb3 > li figure img {display: block; width: 100%; height: 100%;}
.list_r_sb3 > li h4 {
	overflow: hidden;
	font-weight: 400;
	font-size: 13px;
	color: #666;
	line-height: 15px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	padding-left: 11px;
}
.list_r_sb3 > li h4:hover {color: #0097dc;}

.r6_home {
	background: #f4f5f7 url(../imgs/bg_ykkh.png) no-repeat top center;
	padding: 20px 0;
}
.t1_cont {
	text-align: center;
	text-transform: uppercase;
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
	color: #123d65;
	background: url(../imgs/line_t1_cont.png) no-repeat bottom center;
	padding-bottom: 14px;
}
.swiper5 {padding-top: 40px !important;}
.text_ykkh {
	background-color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 20px;
	height:85px;
	font-style: italic;
	color: #555;
	position: relative;
}
.text_ykkh .f-detail {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	font-size: 13px;
}
.bot_ykkh {padding-bottom: 20px; text-align: center; font-size: 13px; line-height: 17px;}
.bot_ykkh figure img {
	margin: auto;
	width: 130px; height: 130px;
	display: block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	padding: 2px;
}
.bot_ykkh strong {display: block; color: #123d65; padding-top: 10px; text-transform: capitalize;}
.bot_ykkh span {display: block; color: #555;}

.r7_home {
	background-color: #fff;
	padding: 20px 0px;
	width: 1050px;
}
.swiper6 .swiper-slide figure {height: 80px; position: relative;}
.swiper6 .swiper-slide figure img {
	display: block;
	width: auto; max-width: 100%;
	max-height: 100%;
	margin: auto;
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
}

.bg_cont {
	background: -moz-linear-gradient(left, rgba(18,61,101,0.8) 0%, rgba(33,168,190,0.8) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(18,61,101,0.8) 0%,rgba(33,168,190,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(18,61,101,0.8) 0%,rgba(33,168,190,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc123d65', endColorstr='#cc0097dc',GradientType=1 ); /* IE6-9 */
	padding-top: 50px;
}
.in_bg_cont {
	height: 180px;
	background: url(../imgs/bg_bg_cont.png) no-repeat center bottom;
	background-size: cover;
	text-align: center;
	color: #fff;
}
.t_bg_cont {
	font-size: 20px;
	line-height: 30px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.ul_breacrum > li {display: inline-block; color: #96cad2; font-size: 13px;}
.ul_breacrum > li::after {content: "/";	margin: 0 3px; color:#333;}
.ul_breacrum > li:last-child::after {display: none;}
.ul_breacrum > li > a {color: #666;}
.ul_breacrum > li > a:hover {color: #0097dc;}
.our_breacrum {background: #f8f8f8; margin-top:80px;}
.our_breacrum .min_wrap {padding: 10px 0; position: relative;}
.addthis_sharing_toolbox {position: absolute; top: 13px; right: -5px;}
.f_page {
	float:left;
	min-height: 50vh;
	margin:20px 0px;
}
.t_f_page {
	text-transform: uppercase;
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	padding: 10px 0;
}
.t_f_page::before {
	content: "";
	height: 3px; width: 50px;
	background-color: #0097dc;
	position: absolute;
	bottom: 0; left: 0;
}

.map_ct {background-color: #ddd; height: 300px; margin-top:20px;}
.map_ct iframe {width: 100% !important; height: 100% !important;}
.f_contact {padding: 30px 0;}
.f_contact a {color: #0097dc;}
.l_f_contact {float: left; min-height: 1px; width: 47%;}
.r_f_contact {float: right; min-height: 1px; width: 47%;}
.td_f_contact {padding: 20px 0 10px 0; font-weight: 700;}

.ul_form {padding-top: 20px; margin: 0 -10px;}
.ul_form > li {
	float: left;
	min-height: 1px;
	width: 50%;
	position: relative;
	margin-bottom: 20px;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ul_form > li.li_full_form {width: 100%; clear: both; float: none;}
.txt_ul_form {
	width: 100%; height: 38px;
	border: 1px solid #ddd;
	padding: 0 15px;
}
.txt_ul_form[type=text] {
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	border-radius: 2px !important;
}
.tarea_ul_form {
	width: 100%; min-height: 80px;
	border: 1px solid #ddd;
	padding: 10px 15px;
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	border-radius: 2px !important;
	resize: vertical;
}
.txt_ul_form:focus, .tarea_ul_form:focus {border: 1px solid #0097dc;}



.ul_form2 {padding-top: 8px; margin: 0 -10px;}
.ul_form2 > li {
	float: left;
	min-height: 1px;
	width: 50%;
	position: relative;
	margin-bottom: 10px;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ul_form2 > li.li_full_form {width: 100%; clear: both; float: none;}
.txt_ul_form2 {
	width: 100%; height: 30px;
	border: 1px solid #ddd;
	padding: 0 15px;
}
.txt_ul_form2[type=text] {
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	border-radius: 2px !important;
}
.tarea_ul_form2 {
	width: 100%; min-height: 75px;
	border: 1px solid #ddd;
	padding: 10px 15px;
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	border-radius: 2px !important;
	resize: vertical;
}
.txt_ul_form:focus, .tarea_ul_form:focus {border: 1px solid #0097dc;}



.slec_ul_form {
	width: 100%; height: 38px;
	border: 1px solid #ddd;
	padding: 0 38px 0 15px;
	background: url(../imgs/icon_1.png) no-repeat center right 15px;
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	border-radius: 2px !important;
}
.capcha_ul_form {
	position: absolute;
	top: 0; right: 10px;
	display: inline-block;
	width: auto; height: 38px;
	z-index: 1;
	-webkit-border-top-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-bottomright: 2px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}
.but_ul_form {
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	border-radius: 2px !important;
	height: 40px;
	padding: 0 40px;
	border: 0;
	cursor: pointer;
	background-color: #0097dc;
	-webkit-transition: ease .2s;
	-moz-transition: ease .2s;
	-ms-transition: ease .2s;
	-o-transition: ease .2s;
	transition: ease .2s;
}
.but_ul_form2 {
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	border-radius: 2px !important;
	height: 30px;
	width:100%;
	padding: 0 40px;
	border: 0;
	cursor: pointer;
	background-color: #0097dc;
	-webkit-transition: ease .2s;
	-moz-transition: ease .2s;
	-ms-transition: ease .2s;
	-o-transition: ease .2s;
	transition: ease .2s;
}
.but_ul_form:active {background-color: #123d65;}

.f_kygui {background: #fff url(../imgs/bg_kg.jpg) no-repeat top left;}
.f_kygui .f_contact {padding: 0 0 20px 0;}
.f_kygui .l_f_contact .f-detail {padding-top: 300px;}
.f_kygui .l_f_contact .f-detail ul li {list-style: none; position: relative; margin-left: 15px; padding-left: 20px;}
.f_kygui .l_f_contact .f-detail ul li::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 300; 
	content: "\f00c";
	position: absolute;
	top: 0; left: 0;
}

.ul_tv {overflow: hidden;}
.ul_tv > li {
	float: left;
	width: 33.33333%;
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 30px;
}
.ul_tv > li figure {overflow: hidden; height: 233px;}
.ul_tv > li figure img {
	display: block; 
	width: 100%; height: 100%;
	-webkit-transition: ease .2s;
	-moz-transition: ease .2s;
	-ms-transition: ease .2s;
	-o-transition: ease .2s;
	transition: ease .2s;
}
.ul_tv > li:hover figure img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
.ul_tv > li h2 {
	position: absolute;
	bottom: 0; right: 15px; left: 15px;
	z-index: 1;
	background-color: rgba(0,0,0,0.8);
	color: #fff;
	font-size: 14px;
	padding: 10px 15px;
	font-weight: 500;
	-webkit-transition: ease .2s;
	-moz-transition: ease .2s;
	-ms-transition: ease .2s;
	-o-transition: ease .2s;
	transition: ease .2s;
}
.ul_tv > li:hover h2 {background-color: rgba(33,168,190,0.8);}
.ul_tv_D {overflow: hidden;}
.ul_tv_D > li {
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 2px;
	width: 33.33333%;
}
.ul_tv_D > li img {display: block; width: 100%; height: 250px;}
.ul_tv_D > li img:hover {opacity: 0.9;}
.ul_tv_D > li:nth-child(4), .ul_tv_D > li:nth-child(5) {width: 50%;}

.search_D {min-height: 0; padding: 20px; width: 1130px;}
.ul_search_D > li {
	float: left;
	min-height: 1px;
	width: 283px;
	margin: 0 10px 10px 0;
	position: relative;
}
.ul_search_D > li:nth-child(4n) {width: 250px; margin-right: 0; margin-left: 1px;}
.ipt_search_D {
	width: 100%; height: 36px;
	font-size: 13px;
	border: 1px solid #ddd;
	padding: 0 34px 0 15px;
}
.ipt_search_D[type=text] {
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	border-radius: 2px !important;
}
.s_search_D {
	width: 34px; height: 34px;
	cursor: pointer;
	border: 0;
	background: none;
	text-align: center;
	line-height: 34px;
	position: absolute;
	top: 1px; right: 1px;
	z-index: 1;
	color: #777;
}
.s_search_D:active {color: #0097dc;}
.slec_search_D {
	width: 100%; height: 36px;
	font-size: 13px;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	border-radius: 2px !important;
	background: #fff url(../imgs/icon_1.png) no-repeat center right 15px;
	padding: 0 34px 0 15px;
	color: #777;
}
.but_search_D {
	width: 100%; height: 36px;
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	border-radius: 2px !important;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	background-color: #0097dc;
	border: 0;
	cursor: pointer;
	-webkit-transition: ease .2s;
	-moz-transition: ease .2s;
	-ms-transition: ease .2s;
	-o-transition: ease .2s;
	transition: ease .2s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.but_search_D:active {background-color: #123d65;}
.ipt_search_D:focus, .slec_search_D:focus {border: 1px solid #0097dc;}
.filter_search_D {font-size: 13px; padding-top: 5px;}
.filter_search_D span {color: #0097dc; display: inline-block; margin-right: 5px;}
.filter_search_D a {display: inline-block; color: #777; margin-right: 5px;}
.filter_search_D a::after {content: ",";}
.filter_search_D a:last-child::after {display: none;}
.filter_search_D a:hover {color: #0097dc;}

.f_news {padding: 0 0 50px 0; position: relative; top: -20px;}
.ul_news > li {padding: 25px 0; overflow: hidden; border-bottom: 1px dotted #ccc;}
.ul_news > li:first-child {padding-top: 0;}
.ul_news > li:last-child {border-bottom: 0;}
.img_news {float: left; min-height: 1px; width: 270px; height: 180px; margin-right: 25px;}
.img_news img {display: block; width: 100%; height: 100%;}
.nd_news {overflow: hidden;}
.t_news {font-size: 18px; line-height: 24px; font-weight: 700; color: #0097dc; padding-bottom: 10px;}
.t_news a {color: #0097dc;}
.tool_news {color: #888; font-size: 13px;}
.tool_news span {display: inline-block; margin-right: 10px;}
.tool_news i {font-size: 14px; margin: 0 2px 0 1px;}
.des_news {
	padding: 0; 
	color: #555;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

.t_tv_D {font-size: 24px; line-height: 30px; color: #0097dc; padding-bottom: 20px; text-align: center;}

.t_news_D {font-size: 24px; line-height: 30px; color: #0097dc; padding-bottom: 10px;}
.des_news_D {font-size: 18px; line-height: 24px; font-weight: 500; padding-bottom: 10px;}

.f_prod {position: relative; top: -20px; padding-bottom: 50px;}
.f_prod .ul_prod_D {padding-top: 0;}

.search_prod_D {
	background: -moz-linear-gradient(left, rgba(18,61,101,0.8) 0%, rgba(33,168,190,0.8) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(18,61,101,0.8) 0%,rgba(33,168,190,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(18,61,101,0.8) 0%,rgba(33,168,190,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc123d65', endColorstr='#cc0097dc',GradientType=1 ); /* IE6-9 */
	color: #fff;
	padding: 51px 0 1px 0;
	height: 34px;
}
.search_prod_D ul li {
	float: left;
	min-height: 1px;
	padding: 0 0.5px;
	width: 12.5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.ipt_search_prod_D {
	white-space: nowrap;
	width: 100%; height: 34px;
	border: 0;
	padding: 0 34px 0 10px;
	font-size: 13px;
	color: #c7e6ed;
	background-color: rgba(255,255,255,0.2);
}
.ipt_search_prod_D::-webkit-input-placeholder {color: #c7e6ed;}
.ipt_search_prod_D:focus {color: #fff; background-color: rgba(255,255,255,0.3);}
.s_search_prod_D {
	cursor: pointer;
	border: 0;
	background: none;
	width: 34px; height: 34px;
	z-index: 1;
	text-align: center;
	line-height: 34px;
	font-size: 14px;
	color: #c7e6ed;
	position: absolute;
	top: 0; right: 0.5px;
}
.slec_search_prod_D {
	white-space: nowrap;
	width: 100%; height: 34px;
	background: rgba(255,255,255,0.2) url(../imgs/icon_2.png) no-repeat center right 10px;
	border: 0;
	cursor: pointer;
	color: #c7e6ed;
	padding: 0 34px 0 10px;
}
.slec_search_prod_D option {color: #000;}
.slec_search_prod_D:focus {color: #fff; background-color: rgba(255,255,255,0.3);}
.but_search_prod_D {
	width: 100%; height: 34px;
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
	cursor: pointer;
	border: 0;
	font-size: 13px;
	background-color: rgba(255,255,255,0.2);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.but_search_prod_D:active {background-color: rgba(255,255,255,0.1);}

.slide_prod_D {padding: 5px 0;}
.swiper7 .swiper-slide {height: 350px; width: auto !important;}
.swiper7 .swiper-slide figure {height: 350px;}
.swiper7 .swiper-slide img {display: block; width: auto; height: 100%;}
.swiper7 .swiper-slide img:hover {opacity: 0.9;}

.info_prod_D {padding: 50px 0;}
.r1_top_info_prod_D {padding-bottom: 10px;}
.t_prod_D {
	float: left;
	min-height: 1px;
	font-size: 30px;
	line-height: 36px;
	color: #000;
	font-weight: 700;
}
.pri_prod_D {float: right; min-height: 1px;	color: #ff7316;	font-weight: 400;}
.pri_prod_D em {font-weight: 700; font-style: normal; font-size: 30px; line-height: 36px;}
.r2_top_info_prod_D {font-size: 13px; color: #666;}
.add_prod_D {padding: 0; float: left; min-height: 1px;}
.add_prod_D i {font-size: 14px; margin-right: 2px;}
.ul_breacrum_prod_D {float: right;}
.ul_breacrum_prod_D > li {display: inline-block; color: #666;}
.ul_breacrum_prod_D > li::after {content: "/";	margin: 0 3px;}
.ul_breacrum_prod_D > li:last-child::after {display: none;}
.ul_breacrum_prod_D > li > a {color: #666;}
.ul_breacrum_prod_D > li > a:hover {color: #0097dc;}

.bot_info_prod_D {padding-top: 20px; position: relative; overflow: hidden;}
.bot_info_prod_D::before {
	content: "";
	width: 1px;
	background-color: #ddd;
	position: absolute;
	top: 20px; bottom: 0; left: 50%;
}
.r1_bot_info_prod_D {
	width: 50%; 
	float: left; 
	min-height: 1px; 
	padding-right: 35px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.r2_bot_info_prod_D {
	width: 50%; 
	float: right; 
	min-height: 1px; 
	padding-left: 35px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.t_bot_info_prod_D {font-weight: 700; font-size: 16px; line-height: 24px; padding-bottom: 20px; color: #000;}

.list_info_prod_D {max-height: 200px; overflow: hidden;}
.list_info_prod_D.active {overflow: visible; max-height: inherit;}
.list_info_prod_D > li {overflow: hidden; padding-bottom: 5px;}
.list_info_prod_D > li strong {display: block; float: left; font-weight: 400; min-height: 1px; color: #444;}
.list_info_prod_D > li p {padding: 0; float: right; min-height: 1px; color: #000;}

.show_list_info_prod_D {color: #0097dc; display: inline-block; font-weight: 500;}
.show_list_info_prod_D::after {
	font-family: "Font Awesome 5 Pro";
	font-weight: 300; 
	content: "\f107";
	margin-left: 5px;
	position: relative;
	top: 1px;
}
.show_list_info_prod_D.active::after {content: "\f106";}

.list_info_prod_D2 {overflow: hidden; padding-bottom: 15px;}
.list_info_prod_D2 > li {
	float: left;
	min-height: 1px;
	padding-bottom: 5px;
	width: 45%;
}
.list_info_prod_D2 > li:nth-child(2n) {float: right;}
.list_info_prod_D2 > li strong {display: block; float: left; min-height: 1px; font-weight: 400; color: #444;}
.list_info_prod_D2 > li p {padding: 0; float: right; min-height: 1px; color: #ff7316;}

.note_prod_D {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #fff8d8;
	color: #cd804c;
	padding: 7px 15px;
}

.bot_r2_bot_info_prod_D {padding: 0; overflow: hidden; margin-top: 20px;}
.bot_r2_bot_info_prod_D a {
	float: left;
	min-height: 1px;
	width: 50%;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	line-height: 50px;
	display: block;
}
.bot_r2_bot_info_prod_D a i {font-size: 24px;}
.fcb_ycbg_prod_D {
	text-shadow: 1px 1px 0 #04740d; 
	background-color: #079e13;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}
.hotline1_prod_D {
	text-shadow: 1px 1px 0 #d35907; 
	background-color: #ff7316;
	-webkit-border-top-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-bottomright: 2px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}

.f_prod_D {padding-bottom: 50px;}
.f_prod_D .t_prod,
.f_news .t_prod {font-size: 20px; line-height: 26px;}
.r_f_prod_D .t_prod,
.r_f_prod_D .map_ct {margin-bottom: 20px;}
.r_f_prod_D {padding: 20px 0;}
.r_f_prod_D .ul_prod_D {padding-top: 0;}

.mn_prod_D {height: 46px;}
.navHighlighter {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	overflow: hidden;
	background-color: #f2f2f2;
}
.navHighlighter > li {float: left;}
.navHighlighter > li > a {
	display: block;
	font-size: 14px;
	font-weight: 700;
	color: #444;
	padding: 13px 20px;
	border-right: 1px dotted #c2c2c2;
}
.navHighlighter > li > a i {font-size: 16px; position: relative; top: 1px; margin-right: 3px;}
.navHighlighter > li.nav-active > a {color: #fff; background-color: #0097dc; border-right: 0;}
.navHighlighter.scrolling {position: fixed; top: 0; width: 1170px; z-index: 50;}

/************************************************************************************
CSS FOOTER
*************************************************************************************/

#footer {}
#footer a {}
#footer a:hover {color: #0097dc;}

.foot_1 {padding: 35px 0 30px 0; background: url(../imgs/line_body.png) repeat-x top left; font-size: 13px;}
.sty_home .foot_1 {width: 1170px; margin: 0 auto;}
.sty_home .foot_1 .ul_foot_1 {width: auto; margin-left: -15px; margin-right: -15px;}
.ul_foot_1 {overflow: hidden; width: 1200px; margin: auto;}
.ul_foot_1 > li {
	float: left;
	min-height: 1px;
	width: 20%;
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.ul_foot_1 > li > a {
	display: block;
	color: #555;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-left: 13px;
}
.ul_foot_1 > li > a::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 300; 
	content: "\f101";
	position: absolute;
	top: 0; left: 15px;
}

.foot_2 {background-color: #123d65; color: #fff; font-size: 13px; float:none; clear:both;}

.top_foot_2 {padding: 30px 0;}
.ul_top_foot_2 {overflow: hidden;}
.ul_top_foot_2 > li {
	float: left;
	min-height: 1px;
	width: 20%;
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ul_top_foot_2 > li:nth-child(1) {width: 35%;}
.ul_top_foot_2 > li:nth-child(4) {width: 25%;}
.t_top_foot_2 {text-transform: uppercase; font-size: 15px; padding: 10px 0; font-weight: 500;}
.ol1_top_foot_2 > li {position: relative; padding: 0 0 5px 25px;}
.ol1_top_foot_2 > li i {font-size: 14px; position: absolute; top: 3px; left: 0;}
.ol2_top_foot_2 > li {padding-bottom: 5px;}
.ol1_top_foot_2 > li:last-child,
.ol2_top_foot_2 > li:last-child {padding-bottom: 0;}
.ol1_top_foot_2 > li a,
.ol2_top_foot_2 > li > a {color: #fff;}
.ol3_top_foot_2 {overflow: hidden;}
.ol3_top_foot_2 > li {float: left; margin: 0 10px 10px 0;}
.ol3_top_foot_2 > li > a {
	display: block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid rgba(255,255,255,0.7);
	color: rgba(255,255,255,0.7);
	text-align: center;
	width: 36px; height: 36px;
	line-height: 36px;
	font-size: 18px;
}
.ol3_top_foot_2 > li > a:hover {color: #fff !important; background-color: #0097dc; border-color:  #0097dc;}
.link_dmca {padding: 10px 0 0 0;}
.link_dmca img {display: inline-block; width: auto; height: 30px;}

.bot_foot_2 {text-align: center; padding: 10px 0; border-top: 1px solid #355a7c; color: rgba(255,255,255,0.7);}

/************************************** END FOOTER **************************************/

.f-detail img, .f-detail div, .f-detail table, .f-detail h1, .f-detail h2, .f-detail h3, .f-detail h4, .f-detail h5, .f-detail h6, .f-detail p, .f-detail strong, .f-ndct em {max-width: 100% !important;}
.f-detail img {padding: 5px 0; max-width: 100% !important; height: auto !important; margin: 0 auto;}
.f-detail table {width: 100% !important;}
.f-detail a {color: #0097dc;}
.f-detail a:hover {text-decoration: underline;}
.f-detail iframe {max-width: 100% !important;}

.f-detail table tr {background: #fff;}
.f-detail table tr:nth-child(2n) {background: #f9f9f9;}
.f-detail table td {padding: 10px;}

.f-detail ul, .f-detail ol {margin-top: 10px; margin-bottom: 10px;}

.f-detail ul li {list-style: disc; margin-left: 30px;}
.f-detail ol li {list-style: decimal; margin-left: 30px;}

.tag {padding: 20px 0 0 0; font-size: 11px; overflow: hidden; font-family: Arial; line-height: 18px;}
.tag span {color: #939393; padding: 2px 5px 2px 23px; background: #F1F1F1 url(../imgs/icontag.png) no-repeat 5px 5px; display: block; float: left; margin: 0 3px 3px 0;}
.tag a {padding: 2px 5px; color: #656565; background: #F1F1F1; display: block; float: left;	margin: 0 3px 3px 0;}
.tag a:hover {background: #E2E2E2;}

.error-sty {color: #f70000; font-weight: 400; padding: 5px 0px; font-size: 11px;}

a:hover {}
a[href^="tel:"], a[href^="mailto:"] {}

.clear {clear:both; height: 0; float: none;}

.box-sizing-fix {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.img_object_fit {object-fit: cover; -moz-object-fit: cover; -webkit-object-fit: cover; -o-object-fit: cover; -ms-object-fit: cover;}
::-webkit-input-placeholder {opacity: 1;} ::-moz-placeholder {opacity: 1;} :-ms-input-placeholder {opacity: 1;} :-moz-placeholder {opacity: 1;}
.sty_slec {-webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.sty_slec::-ms-expand {display: none;}
.sty_transition {-webkit-transition: ease 0.3s; -moz-transition: ease 0.3s; -o-transition: ease 0.3s; -ms-transition: ease 0.3s; transition: ease 0.3s;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

select option {font-size: 12px; padding: 0px 5px;}

input, textarea, select, button {font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 400; line-height: 20px;}
button:active {opacity: 0.9;}

html {scrollbar-width: thin; scrollbar-color: rgba(0,0,0,0.5) #ddd;}
::-webkit-scrollbar {width: 7px; height: 7px; background: #ddd;}
::-webkit-scrollbar-thumb {width: 7px; background-color: rgba(0,0,0,0.5);}
::-webkit-scrollbar-track {padding: 3px;}

#star img {display: inline-block; width: auto; height: 18px; position: relative; top: -1px;}

.page {font-size: 12px; padding: 30px 0 0 0; text-transform: uppercase; font-weight: 400;}
.PageNum a {
	display: inline-block; 
	color: #333; 
	padding: 3px 10px; 
	margin: 0px 3px 5px 0px; 
	border: 1px solid #f6f6f6;
	background-color: #f6f6f6;
}
.PageNum a:hover {color: #fff; background: #0097dc; border: 1px solid #0097dc;}
.PageNum span {
	font-weight: 700; 
	display: inline-block; 
	color: #fff; 
	padding: 3px 10px; 
	margin: 0px 3px 5px 0px; 
	background: #0097dc;
	border: 1px solid #0097dc;
}

/************************************************************************************
SO SANH
*************************************************************************************/

.f_ss {padding: 20px; width: 1130px;}
.t_ss {
	font-size: 24px;
	line-height: 30px;
	color: #212121;
	padding-bottom: 15px;
	font-weight: 700;
}
.t_m_ss {
	text-align: center;
	color: #fff;
	font-weight: 500;
	background-color: #0097dc;
	font-size: 14px;
	text-transform: uppercase;
	padding: 10px;
}

.o_ss {
	position: fixed;
	bottom: 0; left: 0;
	z-index: 50;
	color: #fff;
	background-color: #ff7f00;
}
.fcb_ss {
	color: #fff;
	display: block;
	padding: 5px 35px 5px 8px;
	cursor: pointer;
}
.close_ss {
	position: absolute;
	top: 0; right: 0;
	z-index: 1;
	font-size: 14px;
	width: 30px; height: 30px;
	text-align: center;
	line-height: 30px !important;
	cursor: pointer;
}
.close_ss:hover {background-color: #f9a959;}
.fancybox-slide--iframe .fancybox-content {max-width  : 100%; max-height : 100%;}

.n_prod_ss {color: #0097dc; padding: 10px 10px 0 10px; height: 40px; overflow: hidden;}
.n_prod_ss a {color: #0097dc;}

.t_fcb_ss {
	color: #fff;
	text-transform: uppercase;
	background-color:
	#0066cb;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	padding: 10px;
	position: fixed;
	top: 0; left: 0; right: 0;
	z-index: 2;
}
.m_fcb_ss {vertical-align: top;}
.m_fcb_ss .img_fcb_ss {margin: auto;}
.m_fcb_ss .p_prod,
.m_fcb_ss .text_prod {padding: 5px 10px 0 10px;}
.m_fcb_ss .lb_prod {left: 0; right: auto;}
.ul_m_fcb_ss {overflow: hidden;}
.ul_m_fcb_ss > li {float: left;}
.ul_m_fcb_ss > li:first-child {background-color: #f6f6f6; width: 220px; font-weight: 500;}
.col_fcb_ss {width: 226px; position: relative; border-right: 1px solid #eee;}
.img_fcb_ss {width: 200px; height: 150px; position: relative; padding-top: 10px;}
.img_fcb_ss img {
	display: block; 
	width: auto; height: auto;
	max-width: 100%; max-height: 100%;
	margin: auto;
	position: absolute;
	top: 10px; right: 0; bottom: 0; left: 0;
}
.f_tt_fcb_ss {
	height: 210px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
}
.nd_f_tt_fcb_ss {
	padding-top: 10px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.l_nd_f_tt_fcb_ss {
	font-size: 14px;
	width: 35%; 
	border-right: 1px solid #ddd; 
	border-top: 1px solid #ddd;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #D9E8F9;
}
.r_nd_f_tt_fcb_ss {width: 65%;}
.r_f_tt_fcb_ss {
	font-weight: 700;
	font-size: 14px;
	border-top: 1px solid #ddd; 
	padding: 10px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
}
.nd_tt_fcb_ss {padding-top: 10px;}
.r_tt_fcb_ss {
	border-top: 1px solid #ddd; 
	padding: 10px 8px; 
	background-color: #fff;
	min-height: 20px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.r_tt_fcb_ss:nth-child(2n) {background-color: #f9f9f9;}
.remove_fcb_ss {
	position: absolute;
	top: 0; right: 0;
	z-index: 1;
	color: #444;
	display: block;
	width: 20px; height: 20px;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
	background-color: #f6f6f6;
}
.remove_fcb_ss:hover {background-color: #ff7f00; color: #fff;}
.link_r_tt_fcb_ss {color: #0066cb; text-decoration: underline;}
.search_fcb_ss {
	height: 210px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sub_search_ss {
	position: absolute;
	top: 90px; right: 0; left: 0;
	background-color: #fff;
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 521px;
}
.sub_search_ss ul li {padding: 10px; border-bottom: 1px dotted #ccc;}
.img_sub_search_ss img {height: 150px; display: block; width: 100%;}
.text_sub_search_ss {padding: 0;}
.text_sub_search_ss strong {display: block; font-size: 14px; color: #0097dc; padding-top: 5px;}
.text_sub_search_ss span {display: block; font-size: 12px; color: #888; line-height: 18px;}
.in_search_fcb_ss {background-color: #f9f9f9; padding: 10px; position: relative; width: 100%;}
.ipt_search_fcb_ss {
	width: 100%; height: 40px;
	border: 0;
	background-color: #fff;
	padding: 0 12px;
	color: #777;
}

.pri_ss {color: #ff7316; font-size: 16px;}
.clo_ss {color: #079e13;}

.load_data_ss {
	position: absolute;
	top: 90px; left: 0; right: 0;
	z-index: 1;
	background-color: #fff;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.load_data_ss li {overflow: hidden; padding: 10px; border-bottom: 1px dotted #ddd;}
.load_data_ss li:last-child {border-bottom: 0;}
.load_data_ss li figure {
	float: left;
	width: 50px; height: 50px;
	margin-right: 8px;
}
.load_data_ss li figure img {display: block; width: 100%; height: 100%;}
.load_data_ss li h2 {
	font-weight: 400; 
	font-size: 12px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 14px;
}
.gia1 {font-weight: 500; color: #0066cb; padding: 0; display: inline-block; font-size: 12px;}
.gia2 {color: #888; text-decoration: line-through; padding: 0; display: inline-block; font-size: 12px;}

/************************************************************************************
CSS COMMENT
*************************************************************************************/

.plugin_comment {
	background-color: #f6f6f6;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 20px;
}
.t_plugin_comment {font-weight: 700; font-size: 14px; text-transform: uppercase; color: #333;}
.dg_plugin_comment {
	background-color: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 10px 15px;
	font-size: 13px;
}
.dg_plugin_comment strong {display: inline-block; font-weight: 500;}
.dg_plugin_comment label {display: inline-block; cursor: pointer; margin-left: 10px;}
.dg_plugin_comment label input {cursor: pointer; position: relative; top: 2px;}
.ul_plugin_comment {margin: 0 -5px;}
.ul_plugin_comment > li {
	float: left;
	min-height: 1px;
	width: 50%;
	position: relative;
	padding: 10px 5px 0 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ul_plugin_comment > li.li_plugin_comment {float: none; width: 100%; clear: both;}
.ipt_plugin_comment {
	background-color: #fff;
	width: 100%; height: 36px;
	padding: 0 15px;
	font-size: 13px;
	border: 0;
}
.ipt_plugin_comment[type=text] {
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	border-radius: 2px !important;
}
.txt_plugin_comment {
	background-color: #fff;
	width: 100%; min-height: 80px;
	resize: vertical;
	padding: 10px 15px;
	font-size: 13px;
	border: 0;
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	border-radius: 2px !important;
}
.ul_plugin_comment > li .capcha_ul_form {top: auto; bottom: 0; height: 36px; right: 5px;}
.but_plugin_comment {
	float: right;
	font-weight: 700;
	color: #fff;
	font-size: 14px;
	height: 36px;
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	border-radius: 2px !important;
	background-color: #0097dc;
	text-transform: uppercase;
	padding: 0 60px;
	border: 0;
	cursor: pointer;
	-webkit-transition: ease .2s;
	-moz-transition: ease .2s;
	-ms-transition: ease .2s;
	-o-transition: ease .2s;
	transition: ease .2s;
}
.but_plugin_comment:active {background-color: #123d65;}
.ul_plugin_comment2 {background-color: #f6f6f6; padding: 10px 20px 20px 20px;}
.ul_plugin_comment2 .but_plugin_comment {float: none;}

.show_comment {position: relative;}
.ul1_show_comment > li {padding: 15px 0; border-bottom: 1px dotted #ccc; overflow: hidden;}
.ul1_show_comment > li:last-child {border-bottom: 0;}
.avt_plugin_comment {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 40px; height: 40px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	float: left;
	background-color: #0097dc;
	margin-right: 15px;
	text-transform: uppercase;
}
.nd_plugin_comment {overflow: hidden;}
.n_plugin_comment {font-size: 14px; font-weight: 700; padding-bottom: 3px; text-transform: capitalize;}
.rt_plugin_comment {line-height: 14px;}
.rt_plugin_comment img {height: 14px;}
.text_plugin_comment {padding: 5px 0 10px 0;}
.tool_plugin_comment {text-align: right; font-size: 12px; font-weight: 500; padding: 0; line-height: 18px;}
.tool_plugin_comment a {display: inline-block; color: #0097dc; margin-left: 10px;}

.ul2_show_comment {margin-left: 55px; }
.ul2_show_comment > li {
	padding: 0 0 0 20px;
	border-left: 1px dotted #ccc;
	overflow: hidden;
	margin-bottom: 15px;
}
.ul2_show_comment > li:last-child {margin-bottom: 0;}
.ul2_show_comment > li .tool_plugin_comment {text-align: left;}
.ul2_show_comment > li .tool_plugin_comment a {margin: 0 10px 0 0;}
.ul2_show_comment > li .avt_plugin_comment {background-color: #29bed6;}

/************************************************************************************
CSS FANCYBOX
*************************************************************************************/

.f_view_prod {padding: 20px;}
.f_view_prod .ul_form {padding-top: 0;}
.f_view_prod .but_ul_form {width: 100%;}

.t_view_prod {
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	background: -moz-linear-gradient(left, rgba(18,61,101,0.8) 0%, rgba(33,168,190,0.8) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(18,61,101,0.8) 0%,rgba(33,168,190,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(18,61,101,0.8) 0%,rgba(33,168,190,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc123d65', endColorstr='#cc0097dc',GradientType=1 ); /* IE6-9 */
	padding: 12px 20px;
	font-weight: 700;
}

.fancybox-slide--iframe .fancybox-close-small {
	top: 0 !important;
	right: 0 !important;
	padding: 0 8px !important;
	color: #fff !important;
}

/************************************************************************************
MENU MOBILE
*************************************************************************************/

.icon_menu_mobile {
	visibility: hidden;
	width: 40px; height: 40px;
	background: #0097dc url(../imgs/menu_mobile.png) no-repeat center center;
	position: absolute;
	top: 20px; left: 0;
	z-index: 102;
	cursor: pointer;
	display: block;
	border-right: 1px solid rgba(255,255,255,0.3);
}
.menu_mobile {
	visibility: hidden;
	background: #555555;
	width: 280px; height: 100%;
	overflow-y: scroll;
	position: fixed;
	top: 0; left: -280px;
	z-index: 99999;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;	
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}
.close_menu_mobile {
	background: rgba(255,255,255,0); 
	position: fixed; 
	top: 0; right: 0; bottom: 0; left: 280px;
	z-index: 7009;
}
.show_menu_mobile {overflow-y: hidden;}
.show_menu_mobile .menu_mobile {left: 0;}
.show_menu_mobile #wrapper::after {
	content: "";
	background: rgba(0,0,0,0.8);
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: 10001;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}

.ul_ma_1 li {font-size: 12px; position: relative;}
.ul_ma_1 > li a {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; color: #fff; padding: 10px 38px 10px 15px;}
.ul_ma_1 > li > a {border-top: 1px solid #6c6c6c; font-size:14px; text-transform:uppercase; border-bottom: 1px solid #454545; font-weight: bold;}
.ul_ma_1 > li > a:hover, .ul_ma_1 > li.active > a {background: #626262;}

.ul_ma_2 > li > a {background: #474747; border-left: 3px solid #0097dc; font-size:14px; padding-left: 25px;}
.ul_ma_2 > li > a:hover {background: #5F5F5F;}
.ul_ma_2 > li + li {border-top: 1px solid #575757;}

.ul_ma_3 > li {border-top: 1px solid #575757;}
.ul_ma_3 > li > a {background: #474747; border-left: 3px solid #0097dc; padding-left: 40px; padding-right: 15px;}
.ul_ma_3 > li > a:hover {background: #5F5F5F;}

.arrown_menu_accordion {
	background: url(../imgs/icon_0.png) no-repeat center;
	width: 38px; height: 38px;
	position: absolute;
	top: 1px; right: 0;
	cursor: pointer;
}
.click_s {
	display:none;
}

/************************************************************************************
RESPOSIVE
*************************************************************************************/

@media only screen and (max-width: 1920px) {
	
}

@media only screen and (max-width: 1600px) {
	
}

@media only screen and (max-width: 1440px) {
	
}

@media only screen and (max-width: 1366px) {
	
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
	.min_wrap {width: 960px;}
	.logo {padding-right: 10px; padding-left: 10px; margin-right: 10px;}
	.mn_banner {padding-left: 11px;}
	.mn_banner > li > a, .kg_head a {padding-left: 10px; padding-right: 10px;}
	.ti_head > li {margin-right: 10px;}
	.ul_mn > li > a {font-size: 12px; font-weight: 700;}
	.swiper1 .swiper-slide img {display: block; width: 100%; height: auto !important; opacity: 1 !important;}
	.lang_bot_head {display: none;}
	.sear_h {padding-left: 20px; padding-right: 20px; width: 590px; padding-top: 20px; height: 259px;}
	.dlh_h {padding: 20px; width: 260px; height: 240px;}
	.t_dlh_h strong {font-size: 16px;}
	.t_dlh_h {padding-bottom: 20px;}
	.fcb_dlh_h {right: 20px; left: 20px;}
	.ul_sear_h > li {width: 23.5%; margin-right: 2%;}
	.gt_h {width: 46%;}
	.vd_h {width: 50%;}
	.img_vd_h {height: 280px;}
	.t_r3_home {top: 99px; left: -139px; width: 238px; letter-spacing: 0; font-size: 14px;}
	.img_sp_vo {height: 238px;}
	.img_prod {height: 162px;}
	.content {width: 714px;}
	.sidebar {width: 217px;}
	.ul_prod_D > li {width: 217px;}
	.sty_home .foot_1 {width: 960px;}
	.ul_foot_1 {width: 990px;}
	.ul_foot_1 > li {width: 25%;}
	.f_page {width: 920px; padding: 20px;}
	.ul_m_fcb_ss > li:first-child {width: 223px;}
	.col_fcb_ss {width: 173px;}
	.img_fcb_ss {width: 90%;}
	.ul_tv > li figure {height: 191px;}
	.ul_tv_D > li img {height: 200px;}
	.ul_search_D > li {width: 230px;}
	.ul_search_D > li:nth-child(4n) {width: 197px; float: right;}
	
	.ul_prod > li {
		width: 30.4%;
	}
	.nd_prod {
		width: 90%;
	}
	.name_prod {
     white-space: normal; 

	}
	.ul_top_foot_2 > li:nth-child(2n) {
		display: none !important;
	}
	.ul_top_foot_2 > li:nth-child(3n) {
		display: none !important;
	}
	.ul_top_foot_2 > li:nth-child(4n) {
		display: block !important;
	}
	.slide, .swiper1 .swiper-slide {height: 295px;}
}

@media only screen and (max-width: 1023px) {
	html, body {overflow-x: hidden; -webkit-overflow-scrolling: touch;}
	body {background-size: 100% auto;}
	.icon_menu_mobile {visibility: visible;}
	#wrapper {transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; left: 0;}
	.min_wrap {width: 96%;}
	
	#header .min_wrap {
		 text-align: center;
	}
	.swiper1 .swiper-slide img {display: block; width: 100%; height: auto !important; opacity: 1 !important;}
	.scroll_header {
		display:none !important;
	}
	.banner {
		padding: 10px 0;
		position: relative;
	}
	.ul_dm_bv > li figure {
		width: 125px !important;
		height: 100px !important;
	}
	.m_ul_dm_bv p {
		display:none !important;
	}
	.r2_home {
		padding: 0px !important;
	}
	.ul_sp_vo {
		max-height: 60px !important;
	}
	.t_gt_h {
		font-size: 16px;
	}
	.content {
		margin-right: 0px !important;
	}
	.gt_h .f-detail { max-height:300px; overflow:auto;padding-right: 10px;}
	.click_s {
		padding: 0;
		border: 0;
		width: 40px;
		height: 40px;
		display:block !important;
		line-height: 40px;
		top: 20px;
		background: #0097dc;
		color: #fff;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}
	.swiper1 .swiper-button-next-1 {
		display:none !important;
	}
	.swiper1 .swiper-button-prev-1 {
		display:none !important;
	}
	
	.swiper1 .swiper-pagination-1 {
		display:none !important;
	}
	
	.logo {padding-left: 2%; padding-right: 0; margin-right: 0;}
	.ti_head > li {margin-right: 10px;}
	.kg_head {padding-right: 2%;}
	.kg_head a {padding-right: 0; padding-left: 10px;}
	.nav_mn {height: 50px;}
	.lang_bot_head {right: 2%;}
	.r1_home {top: auto;}
	.sear_h {
		width: auto; height: auto; 
		padding: 20px; 
		float: none; 
		margin-top: 2%;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.t_sear_h {padding: 0 0 7px 0; text-align: center;}
	.dlh_h {
		width: auto; height: auto; 
		padding: 20px; 
		float: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.t_dlh_h {padding-bottom: 20px;}
	.text_dlh_h {padding-bottom: 20px;}
	.fcb_dlh_h {position: static;}
	.ul_sear_h > li {width: 23.5%; margin-right: 2%;}
	.gt_h {float: none; width: auto; text-align: justify;}
	.t_gt_h {text-align: center;}
	.link_gt_h {display: block; text-align: center;}
	.vd_h {float: none; width: auto;}
	.text_slide h1 {font-size: 26px; line-height: 32px;}
	.content {width: auto; float: none;}
	.sidebar {width: auto; float: none;}
	.ul_top_foot_2 {margin-left: 0; margin-right: 0; text-align: center;}
	.ul_top_foot_2 > li {float: none !important; width: auto !important; padding: 15px 0;}
	.ol3_top_foot_2 > li {display: inline-block; float: none;}
	.ol1_top_foot_2 > li {padding-left: 0;}
	.ol1_top_foot_2 > li i {position: static; margin-right: 4px;}
	.ul_prod_D > li {width: 32%; margin: 0 2% 2% 0;}
	.swiper-button-next-4 {right: 9px !important;}
	.swiper-button-prev-4 {left: 9px !important;}
	.swiper-button-next-4:after, .swiper-button-prev-4:after {font-size: 24px !important;}
	.t_r3_home {
		position: static; 
		letter-spacing: 0; 
		width: auto; height: auto;
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
		margin-bottom: 3px;
	}
	.sty_home .foot_1 {width: 96%;}
	.ul_foot_1 > li {width: 33.33333%;}
	.r7_home {top: auto; width: auto;}
	.text_slide h1 {padding-top: 25px;}
	.f_page {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0px;}
	.f_kygui {background-size: 50% auto;}
	.f_kygui .l_f_contact .f-detail {padding-top: 200px;}
	.ul_tv > li {width: 50%; padding: 5px; margin-bottom: 0;}
	.ul_tv > li h2 {bottom: 5px; left: 5px; right: 5px;}
	.img_news {margin-right: 15px;}
	.ul_search_D > li {width: 49% !important; margin: 0 0 10px 0;}
	.ul_search_D > li:nth-child(2n) {margin-right: 0; float: right;}
	.f_prod .ul_prod_D {padding-top: 0 !important;}
	.list_info_prod_D2 > li {width: auto; float: none !important; overflow: hidden;}
	.r1_bot_info_prod_D {padding-right: 25px;}
	.r2_bot_info_prod_D {padding-left: 25px;}
	.bot_r2_bot_info_prod_D a {font-size: 14px;}
	.bot_r2_bot_info_prod_D a i {font-size: 16px;}
	.t_prod_D, .pri_prod_D {float: none;}
	.ul_foot_1 {width: auto;}
	
	.gt_h, .r5_home, .foot_1, .r6_home, .info_prod_D {padding: 4% 0;}
	.r7_home {padding: 4% 2%;}
	.swiper5, .ul_prod_D {padding-top: 4% !important;}
	.r2_home, .r3_home {padding-bottom: 4%;}
	.top_foot_2 {padding: 2% 0;}
	.sidebar {margin-top: 2%;}
	.add_prod_D {float: none;}
	.ul_breacrum_prod_D {float: none;}
	
	.slide, .swiper1 .swiper-slide {height: 450px; float:none; clear:both;}
	.img_sp_vo {height: 238px;}
	.img_prod {height: 200px;}
	.ul_tv_D > li img {height: 200px;}
	
	.ul_breacrum, .ul_breacrum_prod_D {white-space: nowrap; overflow-x: auto; overflow-y: hidden; scrollbar-width: none;}
	.mn_banner, .ul_mn, .slide::before, .sroll_page, .mn_prod_D {display: none !important;}
	.f-detail table, .f-qldh {display: block; overflow-x: auto;}
}

@media only screen and (max-width: 812px) {
	
	
	.slide, .swiper1 .swiper-slide {height: 400px;}
	.img_sp_vo {height: 193px;}
	.img_prod {height: 186px;}
	.ul_prod > li {
		width: 30.4%;
	}
	.nd_prod {
		width: 90%;
	}
	.name_prod {
     white-space: normal; 

	}
	.ul_top_foot_2 > li:nth-child(2n) {
		display: none !important;
	}
	.ul_top_foot_2 > li:nth-child(3n) {
		display: none !important;
	}
	.ul_top_foot_2 > li:nth-child(4n) {
		display: block !important;
	}
}

@media only screen and (max-width: 768px) {
	.slide, .swiper1 .swiper-slide {height: 400px;}
	.img_sp_vo {height: 183px;}
	.img_prod {height: 177px;}
	.ul_prod > li {
		width: 30.4%;
	}
	.nd_prod {
		width: 90%;
	}
	.name_prod {
     white-space: normal; 

	}
	.ul_top_foot_2 > li:nth-child(2n) {
		display: none !important;
	}
	.ul_top_foot_2 > li:nth-child(3n) {
		display: none !important;
	}
	.ul_top_foot_2 > li:nth-child(4n) {
		display: block !important;
	}
}

@media only screen and (max-width: 736px) {
	.slide, .swiper1 .swiper-slide {height: 380px;}
	.img_sp_vo {height: 175px;}
	.img_prod {height: 169px;}
	.ul_prod > li {
		width: 98%;
	}
	.nd_prod {
		width: 90%;
	}
	.name_prod {
     white-space: normal; 

	}
	.ul_top_foot_2 > li:nth-child(2n) {
		display: none !important;
	}
	.ul_top_foot_2 > li:nth-child(3n) {
		display: none !important;
	}
	.ul_top_foot_2 > li:nth-child(4n) {
		display: block !important;
	}
}

@media only screen and (max-width: 667px) {
	.slide, .swiper1 .swiper-slide {height: 355px;}
	.img_sp_vo {height: 158px;}
	.img_prod {height: 152px;}
	.ul_prod > li {
		width: 98%;
	}
	.nd_prod {
		width: 90%;
	}
	.name_prod {
     white-space: normal; 

	}
	.ul_top_foot_2 > li:nth-child(2n) {
		display: none !important;
	}
	.ul_top_foot_2 > li:nth-child(3n) {
		display: none !important;
	}
	.ul_top_foot_2 > li:nth-child(4n) {
		display: block !important;
	}
}

@media only screen and (max-width: 640px) {
	.t_sp_vo {font-size: 14px;}
	.map_ct {height: 200px;}
	.swiper7 .swiper-slide, .swiper7 .swiper-slide figure {height: 300px;}
	.search_prod_D {height: 69px;}
	.search_prod_D ul li {width: 25%;}
	.search_prod_D ul li + li + li + li + li {margin-top: 1px;}
	
	.slide, .swiper1 .swiper-slide {height: 360px;}
	.img_sp_vo {height: 152px;}
	.img_prod {height: 146px;}
	.ul_tv > li figure {height: 200px;}
	.ul_tv_D > li img {height: 150px;}
	.ul_prod > li {
		width: 98%;
	}
	.nd_prod {
		width: 90%;
	}
	.name_prod {
     white-space: normal; 

	}
	.ul_top_foot_2 > li:nth-child(2n) {
		display: none !important;
	}
	.ul_top_foot_2 > li:nth-child(3n) {
		display: none !important;
	}
	.ul_top_foot_2 > li:nth-child(4n) {
		display: block !important;
	}
	.tn li {
		width: 50% !important;
	}
}

@media only screen and (max-width: 568px) {
	.ul_prod_D > li {width: 49%; margin: 0 0 2% 0;}
	.ul_prod_D > li:nth-child(2n) {float: right;}
	.t_r3_home {margin-bottom: 12px;}
	.ul_foot_1 > li {width: 50%;}
	.r1_bot_info_prod_D {padding-right: 0; width: auto; float: none;}
	.r2_bot_info_prod_D {padding: 20px 0 0 0; width: auto; float: none;}
	.t_bot_info_prod_D {padding-bottom: 10px;}
	.swiper7 .swiper-slide, .swiper7 .swiper-slide figure {height: 200px;}
	
	.slide, .swiper1 .swiper-slide {height: 319px;}
	.img_sp_vo,	.img_prod {height: 200px;}
	.img_vd_h {height: 323px;}
	
	.bot_info_prod_D::before {display: none !important;}
	.ul_prod > li {
		width: 98%;
	}
	.nd_prod {
		width: 90%;
	}
	.name_prod {
     white-space: normal; 

	}
	.ul_top_foot_2 > li:nth-child(2n) {
		display: none !important;
	}
	.ul_top_foot_2 > li:nth-child(3n) {
		display: none !important;
	}
	.ul_top_foot_2 > li:nth-child(4n) {
		display: block !important;
	}
	.tn li {
		width: 100% !important;
	}
}

@media only screen and (max-width: 480px) {
	.min_wrap {width: 94%;}
	.gt_h, .r5_home, .foot_1, .r6_home, .info_prod_D {padding: 6% 0;}
	.r7_home {padding: 6% 3%;}
	.swiper5, .ul_prod_D {padding-top: 6% !important;}
	.r2_home, .r3_home {padding-bottom: 6%;}
	.top_foot_2, .f_contact {padding: 3% 0;}
	.sear_h {margin-top: 3%;}
	.logo {padding-left: 3%;}
	.kg_head {padding-right: 3%;}
	.lang_bot_head {right: 3%;}
	.sidebar {margin-top: 3%;}
	.ul_prod_D > li {width: 48.5%; margin-bottom: 3%;}
	.in_prod, .in_spec_prod {padding: 10px 12px;}
	.text_slide h1, .t_prod, .t1_cont, .t_bg_cont, .t_tv_D, .t_news_D {font-size: 20px; line-height: 26px;}
	.text_slide p {max-width: 94%; font-size: 12px;}
	.ul_sear_h > li {width: 48.5%; margin-right: 0;}
	.ul_sear_h > li:nth-child(2n) {float: right;}
	.sub_sp_vo {position: static; background-color: #0097dc;}
	.t_sp_vo {text-align: left; border-bottom: 1px dotted rgba(255,255,255,0.3); padding: 10px 12px; height: 40px; overflow: hidden;}
	.ul_sp_vo {display: block; padding: 10px 12px;}
	.text_slide h1 {padding-top: 25px;}
	.l_f_contact, .r_f_contact {width: auto; float: none; padding: 3% 0;}
	.but_ul_form {width: 100%;}
	.f_kygui {background: #fff;}
	.f_kygui .l_f_contact .f-detail {padding-top: 0;}
	.ul_tv > li h2 {position: static; padding: 10px 0; background: none; color: #333;}
	.ul_tv_D > li {width: 50%;}
	.ul_news > li {padding: 15px 0;}
	.img_news {width: 100px; height: 67px; margin-right: 12px;}
	.t_news {font-size: 14px; line-height: 20px;}
	.nd_news {overflow: visible;}
	.des_news {clear: both; padding-top: 10px; -webkit-line-clamp: 3; text-align: justify;}
	.ul_search_D > li {width: 48.5% !important;}
	.t_prod_D {font-size: 24px; line-height: 30px;}
	.show_list_info_prod_D {
		display: block; 
		text-align: center; 
		padding: 5px; 
		border: 1px solid #0097dc;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		margin-top: 5px;
	}
	
	.slide, .swiper1 .swiper-slide {height: 270px;}
	.img_sp_vo,	.img_prod {height: 170px;}
	.img_vd_h {height: 261px;}
	.ul_tv > li figure, .ul_tv_D > li img {height: 120px;}
	
	.ti_head, .text_slide p, .tool_news, .filter_search_D, .filter_sear_h {display: none !important;}
	
	.ul_prod > li {
		width: 98%;
	}
	.nd_prod {
		width: 90%;
	}
	.name_prod {
     white-space: normal; 

	}
	.ul_top_foot_2 > li:nth-child(2n) {
		display: none !important;
	}
	.ul_top_foot_2 > li:nth-child(3n) {
		display: none !important;
	}
	.ul_top_foot_2 > li:nth-child(4n) {
		display: block !important;
	}
	.tn li {
		width: 100% !important;
	}
}

@media only screen and (max-width: 414px) {
	.slide, .swiper1 .swiper-slide {height: 135px;}
	.img_sp_vo,	.img_prod {height: 200;}
	.img_vd_h {height: 219px;}
	.ul_prod > li {
		width: 98%;
	}
	.nd_prod {
		width: 90%;
	}
	.name_prod {
     white-space: normal; 

	}
	.ul_top_foot_2 > li:nth-child(2n) {
		display: none !important;
	}
	.ul_top_foot_2 > li:nth-child(3n) {
		display: none !important;
	}
	.ul_top_foot_2 > li:nth-child(4n) {
		display: block !important;
	}
	.tn li {
		width: 100% !important;
	}
}

@media only screen and (max-width: 375px) {
	.slide, .swiper1 .swiper-slide {height: 125px;}
	.img_sp_vo,	.img_prod {height: 190px;}
	.img_vd_h {height: 195px;}
	.ul_tv > li figure, .ul_tv_D > li img {height: 100px;}
	.ul_prod > li {
		width: 98%;
	}
	.nd_prod {
		width: 90%;
	}
	.name_prod {
     white-space: normal; 

	}
	.ul_top_foot_2 > li:nth-child(2n) {
		display: none !important;
	}
	.ul_top_foot_2 > li:nth-child(3n) {
		display: none !important;
	}
	.ul_top_foot_2 > li:nth-child(4n) {
		display: block !important;
	}
	.tn li {
		width: 100% !important;
	}
}

@media only screen and (max-width: 360px) {
	.t_dlh_h strong {font-size: 16px;}
	
	.slide, .swiper1 .swiper-slide {height: 120px;}
	.img_sp_vo,	.img_prod {height: 180px;}
	.img_vd_h {height: 185px;}
	.ul_prod > li {
		width: 98%;
	}
	.nd_prod {
		width: 90%;
	}
	.name_prod {
     white-space: normal; 

	}
	.ul_top_foot_2 > li:nth-child(2n) {
		display: none !important;
	}
	.ul_top_foot_2 > li:nth-child(3n) {
		display: none !important;
	}
	.ul_top_foot_2 > li:nth-child(4n) {
		display: block !important;
	}
	.tn li {
		width: 100% !important;
	}
}

@media only screen and (max-width: 320px) {
	.lang_bot_head a {font-size: 13px;}
	
	.slide, .swiper1 .swiper-slide {height: 105px;}
	.img_sp_vo,	.img_prod {height: 180px;}
	.img_vd_h {height: 160px;}
	
	.ul_prod > li {
		width: 98%;
	}
	.nd_prod {
		width: 90%;
	}
	.name_prod {
     white-space: normal; 

	}
	.ul_top_foot_2 > li:nth-child(2n) {
		display: none !important;
	}
	.ul_top_foot_2 > li:nth-child(3n) {
		display: none !important;
	}
	.ul_top_foot_2 > li:nth-child(4n) {
		display: block !important;
	}
	.tn li {
		width: 100% !important;
	}
}