 .f-cb{
zoom:1;
}
 .f-cb:after{
display:block;
height:0;
clear:both;
visibility:hidden;
overflow:hidden;
content:".";
}
 .about-num{margin-top:0px;background:none;}
 .about-num li{float:left;width: 25%;position:relative;padding-left: 2vw;margin: 1vw 0px;margin-bottom:15px;margin-top:15px;text-align:left;border-left:1px solid #ccc;list-style: none;}
 .about-num li:before{
content:'';
position:absolute;
left:-1px;
top:0;
width:1px;
height:30%;
background:#e60000;
z-index:1;
}
 .about-num li h2{font-family:aral, sans-serif;font-size:45px;color: #e60000;font-weight:700;display:inline-block;margin-top:0px;}
 .about-num li p{
color:#999;
font-size:14px;
line-height:30px;
}
 .about-num .count-unit{
font-size:16px;
color:#e60000;
text-align:right;
display:inline-block;
font-style:normal;
}
 .about-num li .bot p{
font-size:15px;
color:#666;
line-height:24px;
}
@media only screen and (max-width: 768px){

 .about-num li h2{
  font-size:30px;
      line-height: 30px;
}
 .about-num{
  margin-top:0px;
  padding-top:20px;
  padding-bottom:0px;
}
 .about-num .count-unit{
  font-size:14px;
}
 .about-num li p{
  font-size:14px;
}
 .about-num li{
  width:50%;
  border-bottom: none;

}
 .about-num li:nth-child(1){
border-top: none;
}
 .about-num li:nth-child(2){
border-top: none;
border-right: none;
}
 .about-num li:nth-child(4){
border-right: none;
}
 .about-num li:last-child{
display:block;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px){

 .about-num li h2{
  font-size:30px;
}
 .about-num{
  margin-top:25px;
  padding-top:12px;
  padding-bottom:10px;
}
 .about-num .count-unit{
  font-size:14px;
}
 .about-num li p{
  font-size:14px;
}
}


.container {
    width: 94%;
}
a {color:#323232;}
a:link {color:#323232;}
a:hover {color:#ff0000;}
a:active {color:#ff0000;}
	
.clear {
	
	clear:both;
}
	.w100 {width:100%;}
	.w94 {width:94%;margin: 0px auto;}

.padd30  {
padding:30px;
}
.padd20  {
padding:20px;
}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pb40 {padding-top:40px;}
.ada {background:#ff0000;}
.met-foot-info {
    padding: 40px 0px;
    color: #cccccc;
    height: auto;
    line-height: 1.8;
	background:#323232;
}
.dropdown-item:hover, .met-page .pagination li a:hover, .sidebar-news-list .list-group a:hover, .sidebar-column li a:hover, .met-nav .navlist .nav-item a:hover, .met-footnav .list h4 a:hover, .index-product-list h4 a:hover, .index-news-list li a:hover, .met-news-list li h4 a:hover, .met-news-list.type-3 .card h4 a:hover, .met-product.type-1 .met-product-list li h4 a:hover, .met-download-list .list-group-item .media-heading a:hover, .met-job-list .card .card-title a:hover, .met-search-list .list-group-item h4 a:hover, .sidebar-piclist-ul li h4 a:hover, .met-link a:hover, .met-footnav .list ul li a:hover, .met-column-nav-ul li a:hover, .sitemap-list a:hover, .met-nav .navlist .nav-item a.nav-link:hover {
    color: #ffffff;
}

.met-foot-info .masonry-item  a {
color:#ffffff !important;
	
}
.navlist .nav-item:hover a {color:#ffffff;}
.navlist .nav-item:hover .dropdown-menu  a  {color:#323232;}
.navlist .nav-item:hover .dropdown-menu  a:hover  {color:#ff0000;}
.dropdown-menu-right {right:-30px !important;}
.met-foot-info a {
    color: #ff0000 !important;
}
.met-nav .nav-item .nav-link:after {
    content: '';
    width: 100%;
    height: 30px;
    opacity: 0;
    background-color: #ff0000;
    left: 0;
    position: absolute;
    top: 0;
    margin-top: 0px;
    margin-left: 0px;
    -webkit-transition: all .66s cubic-bezier(.17,.84,.44,1);
    transition: all .66s cubic-bezier(.17,.84,.44,1);
    z-index: -1;
    border: none;
    border-radius: 20px;
}
.copya {display:flex; flex-direction:row;align-items:center;justify-content:center;}
.copya div {padding:5px;}

.border-top1 {
    border-top: 1px solid rgba(255,255,255,0.3);
}
.onlinebox_one_list a {background:#ff0000 !important;}
.botcontact  h3 {color:#ffffff;font-weight:bold;}
.botcontact  p {color:#ffffff;font-size:14px;line-height:180%;text-align:left;}
.dropdown-menu a {text-align:center;}

	.mwidth {	max-width: 1600px;width:94%;margin:0px auto;}
	
	.met-nav .nav-item .nav-link:after {
    content: '';
    width: 100%;
    height: 30px;
    opacity: 0;
    background-color: #ff0000;
    left: 0;
    position: absolute;
    top: 0;
    margin-top: 0px;
    margin-left: 0px;
    -webkit-transition: all .66s cubic-bezier(.17,.84,.44,1);
    transition: all .66s cubic-bezier(.17,.84,.44,1);
    z-index: -1;
    border: none;
    border-radius: 20px;
}
.met-column-nav ul li a:hover, .met-column-nav ul li a.active {
	    color: #ff0000;
	
}
	
	.met-index-product .index-product-list li:hover h4 {
    color: #ff0000;
}
	.met-index-product .index-product-list li:hover .card-shadow {
    border-bottom-color: #ff0000;
    border-bottom-width: 3px;
}
.met_pager a.Ahover {
    background: #ff0000;
    border: 1px solid #e00000;
    color: #fff;
    cursor: default;
}
.botnav div {position:relative;left:auto;top:auto;}
.met-banner-ny {
    background-color: #ff0000;
    height: 120px;
    text-align: center;
}

.onlinebox .onlinebox-open {
    display: block;
    cursor: pointer;
    padding: 0 10px;
    font-size: 18px;
    line-height: 40px;
    color: #fff;
	background:#ff0000;
}
.btn-primary {
    border-color: #ff0000;
    background-color: #ff0000;
}
.nav-tabs-line .nav-item.open .nav-link, .nav-tabs-line .nav-item.open .nav-link:focus, .nav-tabs-line .nav-item.open .nav-link:hover, .nav-tabs-line .nav-link.active, .nav-tabs-line .nav-link.active:focus, .nav-tabs-line .nav-link.active:hover {
    color: #ff0000;
    border-bottom: 2px solid #ff0000;
    background-color: transparent;
}


.pull-md-right {}

@media only screen and (max-width: 768px){
	.mblogo {width:100%;max-width:300px;}
.botcontact {display:flex;flex-direction:column; justify-content:center;}
.jjpic img {width:100%;height:auto;}
	.ada ul{display:flex;flex-direction: column;justify-content: flex-start;margin-top:40px;margin-bottom:40px;}
	.ada ul li {
		padding:20px;display:flex;flex-direction:row;align-items:center;border-left:1px solid rgba(255,255,255,0.3);width:100%;
		
	}
	.ada ul li p {
		font-size:18px;color:#ffffff;
		
	}
	.onlinebox.min .onlinebox-open {
		background:#d50000 !important;
		
	}
	.met-menu-list .main>div {		background:#d50000 !important;}
}

@media only screen and (min-width: 769px){
.met-nav {padding-top:15px;padding-bottom:15px;}


	.abouta {max-width: 1600px;width:94%;margin:0px auto;display:flex;flex-direction: row;justify-content: center;}
	.aboutcontent {width:50%;display:inline-block;padding-right:30px;}
	.aboutcontent p {font-size:16px;line-height: 180%;}
	.jjpic {width:50%;display:inline-block;}
	.jjpic img {width:100%;max-width:900px;}
	
	.ada ul{display:flex;flex-direction: row;justify-content: flex-start;margin-top:40px;margin-bottom:40px;}
	.ada ul li {
		padding:40px;display:flex;flex-direction:row;align-items:center;border-left:1px solid rgba(255,255,255,0.3);width:25%;
		
	}
	.ada ul li p {
		font-size:18px;color:#ffffff;
		
	}
	.met-index-body {
		
				width:100%;background:#f5f5f5 !important;
	}
	.met-index-news .list-group .media .media-left {

		position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
	display:block;
    padding-bottom: 100%;
		
	}
	.met-index-news .list-group li .media:hover {
    margin-right: 10px!important;
    margin-left: -10px!important;
    color: #ff0000;
}
	.met-index-news .media-lg .media-object {
		position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    transition: all .5s ease;
		
	}
	.botcontact {display:flex;flex-direction:row; justify-content:flex-start;}
	.botnav {display:flex;flex-direction:row; justify-content:space-between;}
	.contactus {padding-left:30px;}
	.botimg {}
	.met-product-list .probox li {width:16.66% !important;}
	.blocks-md-4>.block, .blocks-md-4>li {
    width: 16.66% !important;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px){

}
