/*
	DESTOON Copyright (C)2008-2099 www.destoon.com
	This is NOT a freeware,Use is subject to license.txt
*/

.brand-list1 div {width:196px;float:left;text-align:center;}
.brand-list1 img {-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.brand-list1 img:hover {-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02);}


.list-newcate {padding:10px 20px;background:#f5f5f5;}
.list-newcate:after {content:"";display:block;clear:both;}
.list-newcate td {width:400px;font-size:14px;padding:10px 10px 20px 10px;}
.list-newcate td {}
.list-newcate p {margin:20px 0 30px 30px;}
.list-newcate strong {border-bottom:3px solid #b6c4d3;font-size:22px;}
.list-newcate li {width:96%;height:60px;float:left;line-height:58px;padding-left:20px;font-size:22px;border-bottom:1px solid #b6c4d3;}
.list-newcate li:hover {background:#d2dfed;}
.list-newcate em {font-style:normal;color:#EEEEEE;padding:0 10px;}
.list-newcate i {font-style:normal;color:#EEEEEE;padding:0 10px;}

a.catecompany:link,a.catecompany:visited,a.catecompany:active {font-family:"Montserrat", "Helvetica", "sans-serif";color:#00418b;text-decoration:none;}
a.catecompany:hover {color:#333;}

/*
.list-newcate .pc-0 {background:url('cateimg/pc-0.png') no-repeat 10px center;background-size:50px;}
.list-newcate .pc-0:hover {background:#003399 url('cateimg/pc-0-on.png') no-repeat 10px center;}
.list-newcate .pc-0:hover div {margin:-42px 0 0 160px;}
.list-newcate .pc-1 {background:url('cateimg/pc-1.png') no-repeat 10px center;background-size:50px;}
.list-newcate .pc-1:hover {background:#003399 url('cateimg/pc-1-on.png') no-repeat 10px center;}
.list-newcate .pc-1:hover div {margin:-74px 0 0 160px;}
.list-newcate .pc-2 {background:url('cateimg/pc-2.png') no-repeat 10px center;background-size:50px;}
.list-newcate .pc-2:hover {background:#003399 url('cateimg/pc-2-on.png') no-repeat 10px center;}
.list-newcate .pc-2:hover div {margin:-106px 0 0 160px;}
.list-newcate .pc-3 {background:url('cateimg/pc-3.png') no-repeat 10px center;background-size:50px;}
.list-newcate .pc-3:hover {background:#003399 url('cateimg/pc-3-on.png') no-repeat 10px center;}
.list-newcate .pc-3:hover div {margin:-138px 0 0 160px;}
.list-newcate .pc-4 {background:url('cateimg/pc-4.png') no-repeat 10px center;background-size:50px;}
.list-newcate .pc-4:hover {background:#003399 url('cateimg/pc-4-on.png') no-repeat 10px center;}
.list-newcate .pc-4:hover div {margin:-170px 0 0 160px;}
.list-newcate .pc-5 {background:url('cateimg/pc-5.png') no-repeat 10px center;background-size:50px;}
.list-newcate .pc-5:hover {background:#003399 url('cateimg/pc-5-on.png') no-repeat 10px center;}
.list-newcate .pc-5:hover div {margin:-202px 0 0 160px;}
.list-newcate .pc-6 {background:url('cateimg/pc-6.png') no-repeat 10px center;background-size:50px;}
.list-newcate .pc-6:hover {background:#003399 url('cateimg/pc-6-on.png') no-repeat 10px center;}
.list-newcate .pc-6:hover div {margin:-234px 0 0 160px;}
.list-newcate .pc-7 {background:url('cateimg/pc-7.png') no-repeat 10px center;background-size:50px;}
.list-newcate .pc-7:hover {background:#003399 url('cateimg/pc-7-on.png') no-repeat 10px center;}
.list-newcate .pc-7:hover div {margin:-266px 0 0 160px;}
.list-newcate .pc-8 {background:url('cateimg/pc-8.png') no-repeat 10px center;background-size:50px;}
.list-newcate .pc-8:hover {background:#003399 url('cateimg/pc-8-on.png') no-repeat 10px center;}
.list-newcate .pc-8:hover div {margin:-298px 0 0 160px;}
.list-newcate .pc-9 {background:url('cateimg/pc-9.png') no-repeat 10px center;background-size:50px;}
.list-newcate .pc-9:hover {background:#003399 url('cateimg/pc-9-on.png') no-repeat 10px center;}
.list-newcate .pc-9:hover div {margin:-330px 0 0 160px;}
.list-newcate .pc-10 {background:url('cateimg/pc-10.png') no-repeat 10px center;background-size:50px;}
.list-newcate .pc-10:hover {background:#003399 url('cateimg/pc-10-on.png') no-repeat 10px center;}
.list-newcate .pc-10:hover div {margin:-362px 0 0 160px;}
.list-newcate .pc-11 {background:url('cateimg/pc-11.png') no-repeat 10px center;background-size:50px;}
.list-newcate .pc-11:hover {background:#003399 url('cateimg/pc-11-on.png') no-repeat 10px center;}
.list-newcate .pc-11:hover div {margin:-394px 0 0 160px;}
.list-newcate .pc-12 {background:url('cateimg/pc-12.png') no-repeat 10px center;background-size:50px;}
.list-newcate .pc-12:hover {background:#003399 url('cateimg/pc-12-on.png') no-repeat 10px center;}
.list-newcate .pc-12:hover div {margin:-426px 0 0 160px;}
.list-newcate .pc-13 {background:url('cateimg/pc-13.png') no-repeat 10px center;background-size:50px;}
.list-newcate .pc-13:hover {background:#003399 url('cateimg/pc-13-on.png') no-repeat 10px center;}
.list-newcate .pc-13:hover div {margin:-458px 0 0 160px;}
.list-newcate .pc-14 {background:url('cateimg/pc-14.png') no-repeat 10px center;background-size:50px;}
.list-newcate .pc-14:hover {background:#003399 url('cateimg/pc-14-on.png') no-repeat 10px center;}
.list-newcate .pc-14:hover div {margin:-490px 0 0 160px;}
.list-newcate .pc-15 {background:url('cateimg/pc-15.png') no-repeat 10px center;background-size:50px;}
.list-newcate .pc-15:hover {background:#003399 url('cateimg/pc-15-on.png') no-repeat 10px center;}
.list-newcate .pc-15:hover div {margin:-522px 0 0 160px;}
*/

.hero_top {
    width: 100%;
	min-width:1220px;
    height: 440px;
    position: relative;
    text-align: center;
  color: #fff;
  background: #002945 url(botbg.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: brightness(100%);
}
  .hero_top .wrapper {
    background: rgba(0, 0, 0, 0.6);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6), transparent);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), transparent); }
  .hero_top .wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%; }
	.hero_top h1 {
		font-size: 2.5rem;
		color: #fff;
	}
    .hero_top .wrapper h3 {
      color: #fff;
      font-weight: 700;
      font-size: 42px;
      font-size: 2.625rem;
      text-shadow: 4px 4px 12px rgba(0, 0, 0, 0.3); }
      @media (max-width: 767px) {
        .hero_top .wrapper h3 {
          font-size: 26px;
          font-size: 1.625rem;
          margin-top: 30px; } }
      @media (max-width: 575px) {
        .hero_top .wrapper h3 {
          font-size: 22px;
          font-size: 1.375rem; } }
    .hero_top .wrapper h4 {
      color: #fff;
      font-size: 21px;
      font-size: 1.3125rem;
      text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3); }
      @media (max-width: 767px) {
        .hero_top .wrapper h4 {
          font-size: 13px;
          font-size: 0.8125rem; } }
      @media (max-width: 575px) {
        .hero_top .wrapper h4 {
          font-size: 11px;
          font-size: 0.6875rem; } }
    .hero_top .wrapper p {
      font-weight: 400;
      margin: 5px 0 20px 0;
      padding: 0;
      font-size: 21px;
      font-size: 1.3125rem;
      text-shadow: 4px 4px 12px rgba(0, 0, 0, 0.3); }
      .hero_top .wrapper p strong {
        font-weight: 600; }
      @media (max-width: 767px) {
        .hero_top .wrapper p {
          padding: 0;
          font-size: 14px;
          font-size: 0.875rem; } }
		  
	.container{
		margin-right:auto;
		margin-left:auto;
	}
	
.container.py-3 {
    max-width: 1220px;
	padding-top:20px;
}
.bg_color_5 {
  background-color: hsl(204, 37%, 84%); 
  height:340px;}
	
	
.category_chooser {
  /*position: relative;*/
  min-width: 1220px;
  z-index: 99; }
  .category_chooser ul {
    text-align: center;
    margin: auto; }
    @media (max-width: 767px) {
      .category_chooser ul {
        width: 100%; } }
    .category_chooser ul li {
      display: inline-block;
      width: 20%;
      float: left; }
      .category_chooser ul li a {
        display: block; }
        .category_chooser ul li a h3 {
          font-size: 16px;
          font-size: 1rem; }
          @media (max-width: 767px) {
            .category_chooser ul li a h3 {
              display: none; } }
        .category_chooser ul li a i {
          font-size: 26px;
          font-size: 1.625rem;
          display: inline-block; }

	
.ui-menu .ui-menu-item-wrapper {
	padding: 6px 12px 6px 15px;
}

.category_chooser ul li {
    width: calc(100%/4);
    margin: 12px 0;
}

.category_chooser ul li a h3 {
    color: #005c9b;
    font-size: 16px;
}

.category_chooser ul li img {
    max-width: 70px;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
            .category_chooser ul li {
                min-height: 135px; // 3 rows for title
             }
}

@media (min-width: 865px) {
            .category_chooser ul li {

             }
}

.search-inp-c {float:left;width:582px;height:46px;margin:20px 0;border:#DDDDDD 2px solid;border-right:none;border-radius:16px 0 0 16px;background:#fff;}
.search-inp-c input {width:530px;height:34px;line-height:34px;border:none;margin:0 10px;padding:6px 6px 6px 24px;background:#FFFFFF url('ico-search.png') no-repeat 0 center;font-size:14px;outline:none;}
.search-mod-c {float:left;width:132px;height:46px;margin:20px 0;border:#DDDDDD 2px solid;border-right:none;border-left:none;background:#F6F6F6;}
.search-mod-c input {width:100px;height:46px;line-height:46px;border:none;padding:0 24px 0 0;background:#F6F6F6 url('ico-arrd.png') no-repeat right center;text-align:right;color:#666666;font-size:12px;outline:none;cursor:pointer;}
.search-adv-c {float:left;width:30px;height:40px;line-height:40px;overflow:hidden;margin:20px 0;background:#FFFFFF url('ico-hot.png') no-repeat right center;cursor:pointer;}
.search-hot-c {float:left;width:290px;padding:0 10px 0 0;height:40px;line-height:40px;overflow:hidden;margin:20px 0;}
.search-hot-c a {color:#666666;padding-left:10px;}
.search-hot-c a:hover {color:#FF6600;}
.search-btn-c {float:left;width:98px;height:46px;margin:20px 0;background:#003399;border:#003399 2px solid;border-radius:0 16px 16px 0;}
.search-btn-c input {width:82px;height:46px;line-height:46px;padding:0;margin:0 0 0 8px;border:none;background:#003399;color:#FFFFFF;font-size:16px;outline:none;cursor:pointer;}



#search-mod {z-index:9999;position:absolute;width:714px;overflow:hidden;margin:-48px 0 0 -584px;font-size:14px;line-height:42px;color:#666666;background:#FFFFFF;border:#F6F6F6 1px solid;border-radius:10px 0 10px 10px;border-top:none;display:none;}
#search-mod p {padding:4px 10px 4px 36px;margin:0 0 2px 0;background:#F6F6F6 url('ico-cate.png') no-repeat 12px center;font-size:12px;cursor:pointer;}
#search-modi {float:right;display:block;width:24px;height:16px;background:#F6F6F6 url('ico-close.png') no-repeat right center;margin-top:8px;}
#search-mod i:hover {background:#F6F6F6 url('ico-close-on.png') no-repeat right center;}
#search-mod li {color:#666666;text-align:center;width:20%;float:left;cursor:pointer;font-size:12px;}
#search-mod li:hover {color:#FF6600;background:#F6F6F6;border-radius:10px;}

#search-tip-c {z-index:9998;position:absolute;width:664px;overflow:hidden;margin:1px 0 0 -2px;font-size:14px;color:#666666;background:#FFFFFF;border:#DDDDDD 1px solid;border-radius:10px 0 10px 10px;display:none;}
.search-tip-c li {height:36px;line-height:36px;overflow:hidden;background:#FFFFFF url('ico-search.png') no-repeat 12px center;padding:0 16px 0 34px;cursor:pointer;}
.search-tip-c li:hover {background:#F6F6F6 url('ico-search.png') no-repeat 12px center;color:#FF6600;}
.search-tip-c li span {font-size:12px;color:#999999;float:right;}

#search-rec {z-index:9997;position:absolute;width:714px;overflow:hidden;margin:1px 0 0 -2px;font-size:14px;color:#666666;background:#FFFFFF;border:#DDDDDD 1px solid;border-radius:10px 0 10px 10px;display:none;}
.search-rec {padding:0 12px;}
.search-rec p {padding:0 0 0 24px;margin:0;height:48px;line-height:48px;overflow:hidden;}
.search-rec .rec {background:url('ico-time.png') no-repeat 0 center;}
.search-rec .hot {background:url('ico-hot.png') no-repeat 0 center;}
.search-rec i {float:right;font-style:normal;}
.search-rec span {display:inline-block;padding:6px 12px;margin:0 12px 12px 0;background:#F6F6F6;border-radius:10px;font-size:12px;cursor:pointer;}
.search-rec span:hover {background:#003399;color:#FFFFFF;}
#search-cls-c {z-index:9996;position:absolute;width:24px;height:24px;margin:6px 0 0 -32px;background:url('ico-cls.png') no-repeat center center;display:none;cursor:pointer;}
#search-cls-c:hover {background:url('ico-cls-on.png') no-repeat center center;}


.m_fp{
	background-color:#fafbf7;
	width:100%;
	min-width:1220px;
	padding-bottom:20px;
	clear:both;
}
.m_rc{
	background-color: hsl(204, 37%, 84%); 
	width:100%;
}
.m_product{
	width:1220px;
	min-width:1220px;
	margin:0 auto;
	clear:both;
	overflow:hidden;	
}
.m_com_cate {
	width:100%;	
	background: #0b5e99 url(botbg2.jpg) center center no-repeat;
	clear:both;
	min-width:1220px;

}

.head_txt_com{
	width:250px;
	font-size:26px;
	padding:40px 0 20px 0;
	margin-bottom:10px;
	margin-left:26px;
	font-weight:bold;
	color:#333333;
	border-bottom:2px solid #00b8d5;
}
.head_txt_com_list{
	width:160px;
	font-size:30px;
	padding:30px 0 10px 0;
	margin-bottom:10px;
	margin-left:26px;
	font-weight:bold;
	color:#333333;
	border-bottom:2px solid #00b8d5;
}
.sort-com {
	padding-top:30px;
	overflow:hidden;
}
.sort-cate-list{
	width:100%;
	float:left;
	font-size:14px;
	padding-left:26px;
}
.sort-cate-list li {
	float:left;
	width:25%;
	padding:10px 0 6px 0;
}
.sort-cate-list i{
	font-style:normal;
	color:#00b8d5;	
}
.sort-cate-list a{
	color:#00b8d5;	
}


.list-img-company {padding:10px 0 20px 10px;}
.list-img-company ul {margin:10px 10px 0 10px;}
.list-img-company li {height:35px;line-height:20px;font-size:16px;font-weight:bold;color:#00b8d5;padding-left:5px;padding-bottom:10px;font-family:"Montserrat",Helvetica,sans-serif;overflow:hidden;}
.list-img-company p {margin:10px 10px 0 10px;}
.list-img-brand-div {font-size:12px;padding:0 6px 0px 6px;color:#5c666f;height:140px;line-height:16px;overflow:hidden;text-align:left;}
.list3-img-brand-div {font-size:10px;padding:10px 6px 6px 6px;color:#5c666f;line-height:16px;font-weight:bold;overflow:hidden;}
.blue_title {color:#00b8d5;}


.brand-list3 {width:214px;height:415px;float:left;box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.1);border:#EEEEEE 1px solid;margin:12px;background:#c7d9e5;overflow:hidden;}
.brand-list3 .list-img-brand-logo{text-align:center;padding:10px;background:#fff;}
.brand-list3 img {-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.brand-list3 img:hover {-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02);}


/* Page Title */
#page_title {
    position: relative;
    height: 413px;
    background: #000 url(botbg.jpg) no-repeat center center;
    background-size: cover;
    filter: brightness(90%);
    color: #fff;
    width: 100%;
	min-width:1220px;
    font-size: 16px;
    display: table;
    z-index: 99;
    text-align: center;
}
#page_title.half {
    height: 170px;
}
.intro_title {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

#page_title .intro_title h1, #page_title .intro_title h3 {
    color: #fff;
    font-weight: 700;
    font-size: 42px;
    font-size: 2rem;
    text-shadow: 4px 4px 12px rgba(0, 0, 0, 0.3);
}

#page_title .intro_title h5 {
    color: #fff;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
}
.intro_title .badges img {
    width: 36px;
    height: 36px;
}
#page_title p a:hover {
	color: #fff;
}

/* breadcrumbs new */
.breadcrumbs {
	background-color: #333;
    padding: 5px 0;
	font-size: 0.6875rem;
    width: 100%;
	min-width:1220px;
}
.breadcrumbs ul li {
	display: inline-block;
	padding-right: 8px;
	margin-right: 3px;
	position: relative;
}
.breadcrumbs ul li a {
	color: #fff;
	opacity: 0.7;
}
.breadcrumbs li a:hover {
	color: #fff;
	opacity: 1;
}
.breadcrumbs .position ul li:first-child {
	padding-left: 26px;
}
.position {
	height:20px;
	line-height:20px;	
	background:url('ico-nav.png') no-repeat 26px 2px;
	padding-left: 26px;
}
.position i {
	color: #fff;
	opacity: 0.7;	
}

.breadcrumbs .position ul li:first-child:before {


}
.breadcrumbs .position ul li:after {

}
.breadcrumbs .position ul li:last-child:after {
	content: '';
}

.secondary_nav{
	background:#00b8d5;
	padding:15px 0;
    width: 100%;
	min-width:1220px;	
}

.secondary_nav ul li a {
    color: rgba(255, 255, 255, .65)
}

.secondary_nav {
  background: #00b8d5;
  padding: 15px 0; }
  .secondary_nav.is_stuck {
    z-index: 99;
    width: 100% !important;
    left: 0; }
  .secondary_nav ul {
    margin-bottom: 0; }
    .secondary_nav ul li {
      display: inline-block;
      margin-right: 20px;
      font-weight: 500;
      font-size: 16px;
      font-size: 1rem; }
      .secondary_nav ul li a {
        color: rgba(255, 255, 255, 0.5); }
        .secondary_nav ul li a:hover {
          color: #fff;
          opacity: 1; }
        .secondary_nav ul li a.active {
          color: white; }
      .secondary_nav ul li:last-child {
        display: none; }
        @media (max-width: 575px) {
          .secondary_nav ul li:last-child {
            display: inline-block; } }
			
.sort-cate-fielist{
	width:1000px;
	float:left;
	font-size:12px;


}
.sort-cate-fielist li {
	float:left;	
	line-height:24px;
	padding:0 8px;
	margin-right:12px;
	margin-bottom:4px;
	overflow:hidden;
}
.sort-cate-fielist i {
	font-size:12px;
	color:#999999;
	font-style: normal;
}
.sort-cate-fielist .on {
	background:#f2f2f2;
	border-radius:6px;

}


.search-inp-s {float:left;width:392px;height:32px;margin:15px 0 8px 0;border:#DDDDDD 2px solid;border-right:none;border-radius:16px 0 0 16px;background:#fff;}
.search-inp-s input {width:340px;height:20px;line-height:20px;border:none;margin:0 10px;padding:6px 6px 6px 24px;background:#FFFFFF url('ico-search.png') no-repeat 0 center;font-size:14px;outline:none;}
.search-mod-s {float:left;width:112px;height:32px;margin:15px 0 8px 0;border:#DDDDDD 2px solid;border-right:none;border-left:none;background:#F6F6F6;}
.search-mod-s input {width:80px;height:32px;line-height:32px;border:none;padding:0 24px 0 0;background:#F6F6F6 url('ico-arrd.png') no-repeat right center;text-align:right;color:#666666;font-size:12px;outline:none;cursor:pointer;}

.search-btn-s {float:left;width:88px;height:32px;margin:15px 0 8px 0;background:#003399;border:#003399 2px solid;border-radius:0 16px 16px 0;}
.search-btn-s input {width:72px;height:32px;line-height:32px;padding:0;margin:0 0 0 8px;border:none;background:#003399;color:#FFFFFF;font-size:14px;outline:none;cursor:pointer;}