@font-face{font-family:'MerriweatherSans-Regular';src:url('../fonts/MerriweatherSans-Regular.woff2') format('woff2');src:url('../fonts/MerriweatherSans-Regular.eot?#iefix') format('Open Sans Regular'),url('../fonts/MerriweatherSans-Regular.woff') format('woff'),url('../fonts/MerriweatherSans-Regular.eot'),url('../fonts/MerriweatherSans-Regular.ttf')  format('truetype'),url('../fonts/MerriweatherSans-Regular.svg#CenturyGothicbold') format('svg');
	font-display:swap}
@font-face{
	font-family:'MerriweatherSansLight';
	src:url('../fonts/MerriweatherSans-Light.woff.woff2') format('woff2');
	src:url('../fonts/MerriweatherSans-Light.woff.eot'),
		url('../fonts/MerriweatherSans-Light.woff.eot?#iefix') format('MerriweatherSans-Light'),
		url('../fonts/MerriweatherSans-Light.woff.woff') format('woff'),
		url('../fonts/MerriweatherSans-Light.woff.ttf')  format('truetype'),
		url('../fonts/MerriweatherSans-Light.woff.svg#MerriweatherSans') format('svg');
	font-display:swap
}
body,html{
	padding:0;margin:0;
    background-position: top center;
    background-repeat: no-repeat;
   /* font-family:  Helvetica,"Helvetica Neue", Arial, sans-serif;*/
     font-family: 'MerriweatherSansLight', sans-serif !important;
    font-size: 14px !important;
    -webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
    line-height:26px;
	color: #444;
	font-weight: normal;
scroll-behavior:smooth;
   }
h2,h3,h4,h5,h6 { margin:10px 0 20px 0;}
ul,li{padding:0;margin:0;}
a{ text-decoration:none;}
a:hover{transition:color .3s;text-decoration:none !important;}
input,textarea,select,a:focus {
   outline: none;
}
ul,ol{margin-top:0;margin-bottom:10px}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.clear {
    clear: both;
}
.red{color:#ff0000;}
.blue{color:#1856b3;}
.bluebg{background-color:#0061cd !important;color:#fff;}

input::-webkit-input-placeholder {
	color: #cccccc;font-size:12px;
}
input:-ms-input-placeholder { 
	color: #cccccc;font-size:12px;
}
input:-moz-placeholder { 
	color: #cccccc;font-size:12px;
}
input::-moz-placeholder { 
	color: #cccccc;font-size:12px;
}


.small_content-widt:after,.content-width:after{clear:both}
@media screen and (min-width: 1280px){	
  .content-width{width:88%;margin:auto;}
  .small_content-width{width:88%;margin:auto; position:relative;display:block;}
  .flex-small_content-width{width:88%;margin:auto; display:flex; flex-wrap:wrap;} /*only search.cshtml*/
  }
  @media screen and (min-width: 769px) and (max-width: 1279px){
  .content-width{width:88%;margin:auto;}
  .small_content-width{width:88%;margin:auto;position:relative;display:block;height:auto;}
  .flex-small_content-width{width:88%;margin:auto; display:flex; flex-wrap:wrap;} /*only search.cshtml*/
    }
  @media screen and (max-width: 768px){
    .content-width{width:88%;margin:auto;}
    .small_content-width{width:88%;margin:auto;position:relative;display:block;}
    .flex-small_content-width{width:88%;margin:auto; position:relative;display:block;} /*only search.cshtml*/
    }
  
/*===========new nav css and banner begin===============*/
footer ul li{list-style: none;}
header,
nav {
    display: block;
}
.main{
/*    position: absolute;*/
	position:relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

@media (max-width:1023px){

    .product h2 i{
        margin-bottom: 20px;
        display: block;
        position: relative !important;
        left: -10px !important;
    }

    .product h2{
        font-size: 26px !important;
        line-height: 26px !important;
    }

    .product{
        padding: 80px 20px 60px !important;
    }

    .product-tab span{
        margin-right: 15px !important;
    }

    .bottom{
        padding: 20px  !important;
    }

    .bottom a{
        margin: 0 5px !important;
    }    

    #masthead .logo{
        margin: 0 20px !important;
    }

    #masthead .nav-search{
        margin-right: 10px;
    }
}


.product{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 5;
    padding: 130px 50px 0;
    overflow: hidden;
}

.product h2{
    font-size: 40px;
    font-weight: 600;
    position: relative;
    margin: 30px 0 20px;
}

.product h2 i{
    padding: 5px;
    font-size: 36px;
    cursor: pointer;
    margin-right: 15px;
    position: absolute;
    top: 7px;
    left: -50px;
}

.product{
    transform: translate(100%);
    transition: all 1s linear;
    overflow-y: auto;
    padding-bottom: 80px;
}

.product.show{
    transform: translate(0%);
    
}

.product-tab{
    border-bottom: 1px solid #eee;
}

.product-tab span{
    display: inline-block;
    padding: 20px 0;
    margin-right: 30px;
    font-size: 20px;
    color: #888;
    cursor: pointer;
    transition: all .3s linear;
}

.product-tab span:hover{
    color: #000;
}

.product-tab span.active{
    font-weight: 600;
    color: #0061cd;
    border-bottom: 2px solid;
}

.product-item .title{
    font-size: 18px;
    font-weight: 600;
    margin: 30px 0 10px;
    transition: all .3s linear;
}

.product-item p{
    margin-top: 0;
    font-size: 14px;
}

.product-item a{
    display: block;
    color: #000;
    line-height: 30px;
    font-size: 15px;
}

.product-a{
    min-height: 128px;
    margin-bottom: 15px;
}

.product-item a:hover{
    color: #0061cd;

}

.product-img{
    height: 330px;
    display: flex;
    width:85%;
}

.product-img img{
    width: 100%;
    object-fit: cover;
    object-position: center;
}



.product-item{
    width: 100%;
    display: block;
}

.product-item{
    color: #000 !important;
}

.product-item:hover .title{
    color: #007aff;
}

.product-item .title i{
    transition: all .3s linear;
    position: relative;
    left: 0px;
}

.product-item:hover .title i{
    left: 7px;
}

.product-item .product-img{
    overflow: hidden;

}

.product-item .product-img img{
    transition: all .3s linear;
    object-position: center;
}

.product-item:hover .product-img img{
    width: 110%;
}

/* 
Full screen background image
*/
.hero {
  width: 100%;
  position: relative;
}

/*
Blueish tint overlay
*/
.hero:after {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}

/* 
Making sure everything in .hero sits above our :after elements 
*/
.hero * {
  position: relative;
  z-index: 1;
}

#masthead{
	position: relative;
}
#masthead a:hover{
  color: #0061cd;
}

#masthead {
  padding: 15px 0;
  position: relative;
  height: 90px;
  font-weight: 300;
  z-index: 10;

}

#masthead.is-active{
  background-color: #fff;
  border-bottom:1px solid #ccc;
	
}

#masthead .logo{
  float: left;
  margin: 0 30px 0 50px;
}

#masthead .nav-search{
  float: right;
  padding: 20px 15px 15px 15px;
  cursor: pointer;
  margin-right: 10px;
}

#masthead a{
  color: #000;
}
@keyframes fade-in-stagger {
  to {
    height:100%;
  }
}

#masthead.is-active {
  /* box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15); */
		
}

/* search */
.search-box{
  background-color: rgba(255 255, 255,1);
  position: absolute;
  top: 90px;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 3vh 10vw 3vh 10vw;
  display: none;
  z-index: -10;
	border-bottom:6px solid #f3e04e;
}


#keys{
  width: 100%;
  border: 0;
/*  border-bottom: 1px solid #000;*/
  padding: 10px;
/*  background-color: rgba(0, 0, 0, 0);*/
background-color: #efe108;
  font-weight: 300;
  font-family: 'Poppins', Tahoma, Geneva, Verdana, sans-serif;
	height:43px;
	color:#000;
}
#keys::placeholder{color:#000 !important;}

#masthead.is-active:after {
  opacity: 1;
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  background-color: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: inline-block;
  float: left;
  font: inherit;
  margin: 0.8125em 0 0;
  overflow: visible; 
  outline: none;
  padding: 0;
  text-transform: none;
  transition: opacity 0.15s;
  -webkit-appearance: none;
}

.hamburger:hover {
  opacity: 0.7; 
}

.hamburger-box {
  width: 30px;
  height: 29px;
  display: inline-block;
  position: relative; 
  padding-top:5px;
}

.hamburger-inner {
  display: block;
  top: 70%;
  margin-top: 0; 
}

.hamburger-inner, 
.hamburger-inner::before, 
.hamburger-inner::after {
  width: 30px;
  height: 3px;
  background-color: #fff;
  position: absolute;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.15s;
  transition-timing-function: ease; 
}

.fixed .hamburger-inner, 
.fixed .hamburger-inner::before, 
.fixed .hamburger-inner::after {
  background-color: #000;
}

#masthead.is-active .hamburger-inner, 
#masthead.is-active .hamburger-inner::before, 
#masthead.is-active .hamburger-inner::after {
    background-color: #000;
}
.fixed #masthead.is-active .hamburger-inner, 
.fixed #masthead.is-active .hamburger-inner::before, 
.fixed #masthead.is-active .hamburger-inner::after {
    background-color: #000;
}

.hamburger-inner::before, 
.hamburger-inner::after {
  content: "";
  display: block; 
}


.hamburger-inner::before {
  top: -11px; 
}

.hamburger-inner::after {
  bottom: -11px; 
}

/*
 * Boring
 */
.hamburger--boring .hamburger-inner, 
.hamburger--boring .hamburger-inner::before, 
.hamburger--boring .hamburger-inner::after {
  transition-property: none; 
}

.hamburger--boring.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); 
}


.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0; 
}

.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg); 
}


.hamburger-label {
  color: #fff;
  display: inline-block;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1;
  margin-left: 0.3125em;
  text-transform: uppercase;
}

#masthead.is-active .hamburger-label {
  color: #000;
}

.hamburger-box,
.hamburger-label {
  display: inline-block;
  vertical-align: middle;
}

#site-nav {
  clear: both;
  display: flex;
  flex-direction: column; 
  height: 0;
  overflow: hidden;
  display: none;
  background-color: #fff;
  padding: 2.5em 7vw;
  overflow-y: auto;
  position: absolute;
  top: 90px;
  width: 100%;
border-bottom:6px solid #f3e04e;
}

#site-nav.is-active {
  height: 500px;
  overflow: hidden;
  display: block;
  z-index: 10;
}

#site-nav .col { 
  padding-bottom: 2.5em;
} 

@media screen and (min-width: 550px) {
  #site-nav {
    flex-direction: row;
    flex-wrap: wrap;
  }
  
  #site-nav .col {
    flex: 0 0 50%;
  } 
}

@media screen and (min-width: 768px) {
  #site-nav .col {
    flex: 0 0 33.333333333%;
  } 
	  #site-nav {
    flex-wrap: nowrap;
  }
}

@media screen and (min-width: 960px) {
  #site-nav {
    flex-wrap: nowrap;
  }
  
  #site-nav .col {
    flex: 0 0 20%;
  } 
  
  #site-nav .col:last-child {
    display: flex;
    justify-content: flex-end;
  }  
}

#site-nav h4 {
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

#site-nav ul {
  list-style-type: none;
}

#site-nav li {
  margin-bottom: 0.3125em;
}

#site-nav .level1 ul li {
  text-decoration: none;
  transition: color 0.3s ease;
  padding: 10px 30px 10px 0;
  border-bottom: 1px solid #eee;
  position: relative;
}

#site-nav .level1 ul li > i{
  position: absolute;
  top: 5px;
  right: 0;
  padding: 10px;
  cursor: pointer;
}
#site-nav .level1:hover a{color: rgb(0, 97, 205);}
#site-nav li a:hover{color:#ff0000 !important;}

#site-nav li a:hover,
#site-nav li a:focus {
  color: rgb(0, 97, 205);
}

#site-nav .social {
  margin: 0;
  overflow: hidden;
}

#site-nav .social li {
  float: left;
  margin: 0 0.3125em;
  width: 32px;
  height: 32px;
}

#site-nav .social li svg {
  display: block;
  fill: #b4b9ba;
  width: 100%;
  height: 100%;
  transition: fill 0.3s ease;
}

#site-nav .social li:hover svg {
  fill: #686d6e;
}

#masthead-search {
  float: right;
  margin-top: 0.625em;
  width: 100%;
  max-width: 14em;
  position: relative;
  -webkit-appearance: none;
}

#masthead-search input {
  background: transparent;
  border: none;
  border-style: solid;
  border-width: 1px;
  border-radius: 50px;
  outline: none;
  width: 100%;
  padding: 0.75em 1.125em;
  transition: border-color 0.3s ease;
  -webkit-appearance: none;
}

#masthead-search button {
  background: none;
  border: none;
  color: #000;
  font-size: 1em;
  padding: 0;
  position: absolute;
  top: 50%;
  right: 0.75em;
  transform: translateY(-50%);
  -webkit-appearance: none;
}

#masthead.is-active #masthead-search button {
  color: #b4b9ba;
}

#masthead.is-active #masthead-search input {
  border-color: #b4b9ba;
}

#masthead-search ::-webkit-input-placeholder {
    color:    #fff;
}

#masthead-search :-moz-placeholder {
   color:    #fff;
   opacity:  1;
}

#masthead-search ::-moz-placeholder {
   color:    #fff;
   opacity:  1;
}

#masthead-search :-ms-input-placeholder {
   color:    #fff;
}

#masthead.is-active #masthead-search ::-webkit-input-placeholder {
    color:    #b4b9ba;
}

#masthead.is-active #masthead-search :-moz-placeholder {
   color:    #b4b9ba;
   opacity:  1;
}

#masthead.is-active #masthead-search ::-moz-placeholder {
   color:    #b4b9ba;
   opacity:  1;
}

#masthead.is-active #masthead-search :-ms-input-placeholder {
   color: #b4b9ba
}

#masthead .col {
  opacity: 0;
}

/*#masthead.is-active .level2 {
   transform: translateY(40px); 
   transition: opacity 0.3s ease;
  animation: fade-in-stagger 2s ease forwards; 
}
*/

.level2_cont{
	padding-left:50px;
	padding-right:80px;
	padding-top:30px;
}
@media (max-width:1023px){
.level2_cont{
	padding-left:50px;
	padding-right:80px;
	padding-top:30px;
}
	
}

.nav-search{
	color:#fff;
}
.nav-search .fa-times{
  display: none;
}
.fixed .nav-search{
	color:#000;
}
#masthead.is-active .nav-search{
	color:#000;
}
.nav-search.active .fa-times{
  display: block;
}

.nav-search.active .fa-search{
  display: none;
}

.nav-search i{
  height: 20px;
  font-size: 20px;
}

.search-box.open{
  display: block;
}

/*
#site-nav .level1:nth-of-type(1) .level2{
 display: block;	
}
*/

@media (max-width:1023px){

  .level2{
    display: none;
    padding-left: 10px;
  }

  .level3{
    display: none;
  }

  .nav-img-box{
    display: none;
  }

  .level1.open .level2{
    display: none;
  }

  .level2.open .level3{
    display: none;
  }

  .level1-a{
    width: 100%;
    display: inline-block;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    font-size: 20px;
  }
  
  .level1-a i{
    position: absolute;
    top: 10px;
    right: 0;
    padding: 10px;
    cursor: pointer;
  }
  

  .level2 a{
    padding: 10px 0;
  }

/*
  #site-nav.is-active{
    height: calc(100% - 80px);
    
  }
*/
  #site-nav.is-active{
    overflow-y: auto;
  }

  .level3 li{
    border-bottom: 0 !important;
  }

  .level3 ul{
    margin-top: 10px;
  }

  .level3 a{
    color: #888 !important;
  }
}

.top-search .search_btn{
display: inline-block;
 top: 0;
  right: 0;
  cursor: pointer;
   background-color:#767171;
	color:#eec507;
	height:43px;
	line-height:43px;
	min-width:100px;
	position: absolute;
}
.top-search .search_btn:hover{
/*	background-color:rgba(243,242,0,1.00);*/
		background-color:#555;
}

.search-select label{
  padding-left: 32px;
  padding-right:10px;
  font-size:16px;
}

.search-select input[type="radio"]{
	position: absolute;
	width:20px;
	height:20px;
	left:0px;
	top:13px;
	margin-left:0px !important;
}
.top-search .search_btn i{
  font-size: 26px;
  padding: 10px;
}

@media (min-width:1024px){
  .level1-a{
    width: 20vw;
    display: inline-block;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    font-size: 18px;
  }
  
  .level1-a i{
    position: absolute;
    top: 10px;
    right: 0;
    padding: 10px;
    cursor: pointer;
  }

  .level1:first-child .level1-a{
    margin-top: 11px;
  }

  .level1.open .level2{
    display: block; 
	 height:0;
	  animation: fade-in-stagger 0.5s linear 0s forwards;
/*	  border:1px solid #ff0000;*/
  }

  .level1{
    position: static;
  }

  .level2{
    height: 100%;
    position: absolute;
    left: 27vw;
    top: 0;
    
    padding: 18px 0 3vw 0;
    display: none;
    margin-left: 3vw;
    width: 30vw;
    z-index: 10;
  }

  .level2>ul{
    overflow-y: auto;
    height: 100%;
    padding: 2.5em 4vw;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
  }



  .level3{
    height: 500px;
    display: none;
    position:fixed;
    right: 0;
/*    top: 0;*/
    padding: 3vw 5vw;
    width: 40vw;
    background-color: #fff;
    z-index: 100;
  }

  .level2 .open .level3{
    display: block;
  }

  .level3>ul{
    height: 100%;
    overflow-y:auto;
    display: block;
    padding-right: 5vw;
  }

  .level2 ::-webkit-scrollbar {
    width: 3px;
    height: 1px;
  }

  .level3 ::-webkit-scrollbar {
    width: 3px;
    height: 1px;
  }

  .level3 li:first-child{
  }

  .level1 ::-webkit-scrollbar-thumb{
      border-radius: 4px;
      -webkit-box-shadow: inset 0 0 1px rgb(12 12 12 / 20%);
      background: rgba(133, 133, 133, 0.8);
      width: 4px;
      height: 1px;
  }

  .level1{
    width: 20vw;
  }


  .nav-img-box{
    position: absolute;
    top: 0;
    right: 0;
    width: 40vw;
    height: 100%;
    background-color: #f5f5f5;
    padding: 60px 5vw 20px;
    z-index: -10;
  }
  .nav-img{
    display: none;
    width: 100%;
    height: 100%;
    justify-content: center;
    text-align: center;
  }

  .nav-img img{
    object-fit: contain;
    width: 80%;
    margin: auto;
  }



  .nav-img.show{
    display: block;
  }

}

.nav-area{
	position: absolute;
	left:30vw;
	top:0;
	width:70vw;
	height:100%; 
	background-color: #f2f2f2; 
	z-index: 200;
	padding:30px;
}
.nav-area_cont{
	padding:30px;
}
.nav-area_cont img{display: block;max-width:100%;margin:auto;}

@media (max-width:768px){
  .nav-area{
position: relative;
	left:0vw;  
	  display: none;
  }
}

.out_move{
	animation: navout_move 0.4s linear 1;
}
@keyframes navout_move {
	0% {
	opacity: 1;
	transform: translateX(0);
	}
	100% {
	opacity: 0;
	transform: translateX(50%);
	}
}

.show_move{
    animation: navimg_move 0.5s linear 1;
 }
@keyframes navimg_move {
	0% {
	opacity: 0;
	transform: translateY(-20px);
	}
	100% {
	opacity: 1;
	transform: translateY(0);
	}
}

/*.popular{
  text-align: left;
  font-weight: 600;
  margin: 30px 0 10px;
}*/

.popular-item {
  text-align: center;
	padding-top:20px;
	padding-bottom:20px;

}

.popular-item a{
  margin: 5px;
  color: #000;
  display: inline-block;
  border:1px solid #efe108;
  border-radius: 30px;
  padding:5px 15px 3px 15px;
}
.popular-item a:hover{
	color: #000 !important;
    background-color: #efe108;
}


/* topic */
.content-width:before,
.small_content-width:after{
	display:table;
	 content: " ";
	margin:auto;
}
.content-width:after{
	 clear: both;
}


.banner-text{
    text-align: left;
/*    max-width: 700px;*/
    line-height: 1.5;
}

.banner-text h2{
    font-size: 40px;
}

.banner-btn{
    color: #fff;
    border-radius: 4px;
    padding: 10px 20px;
    margin-top: 30px;
    background-color: #bf539e;
    display: inline-block;
}

.banner-btn:hover{
    color: #fff;
}

/*==========new nav css and banner end================*/

.bg_body{position: relative;width:100%;height:100%;padding-bottom:1px;}
.container{max-width:1200px;margin:auto; position:relative;padding-top:20px;padding-bottom:20px; display: table;width:100%;}
.second-container{max-width:1200px;/*margin:-75px auto auto auto;*/padding-top:40px; position:relative;display: table;width:100%;padding-bottom:50px;}


@media (min-width:769px){
	.source-img-box{
	width:100%;
	display: block;
	height:75px;
	background-image: url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-1.png);
	background: -webkit-image-set(url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-1.webp) 1x,url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-1.webp) 2x);
	background: image-set(url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-1.webp) 1x,url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-1.webp) 2x);
	background: url("https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-1.png");
	background-repeat: no-repeat;
    background-size:contain;
    background-position: center;
}
}

@media (max-width:768px) {
   .source-img-box{
	   width:100%;
	display: block;
	height:90px;
	background-image: url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-2.webp);
	background: -webkit-image-set(url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-2.webp) 3x);
	background: image-set(url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-2.webp) 3x);
	background-repeat: no-repeat;
    background-size:contain;
    background-position: center;
}

}

.topad_pic{background-color: #f3e04e;color:#000000;font-size:15px; position: relative; text-align:
center;/*padding-top:5px;padding-bottom:15px; */padding:0px;margin:0px;}
.topad_pic img{width:100%;height:100%;}
.topad_pic .ad_close{position: absolute;width:50px;height:70px;top:0px;right:0px;color:#000 !important; z-index: 10000; text-align: center;}
.topad_pic .ad_close:hover{color:#000 !important;}
.topad_pic h3{width:80%;margin:10px auto 10px auto;}
.topad_pic p{width:80%;margin:10px auto 10px auto;}
@media(max-width:1024px) {
	.topad_pic p{width:95%;}
	.topad_pic h3{width:95%;}
}
/*#ad_exhibition{height:99px;display:block;}
#ad_exhibition img{width:100%;height:auto}*/
.topad_pic .ad_button{border-radius:5px; background-color: #efe108;color:#000000;padding:5px 20px 5px 20px;margin:auto; display: inline-block;}
.topad_pic .ad_button:hover{background-color: #fbf045;}

#ad_exhibition {
    display: flex!important;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
width:100%;
}

#ad_exhibition img {
    width: 100%;
    height: auto;
    max-width: 1200px;
}


/***==================== nav Css style begin========***/

.autoheader{width:100%;margin:0 auto; /*background-color:#1856B2;*/z-index:1000;/*border-bottom:1px solid #eeeeee;*/ }
.autovideoHeader{width:100%;margin:0 auto;z-index:1000;}
.search-input_selectItems{position: relative; z-index: 1; background-color: fff;z-index:1000;margin:auto;}
.search-input_selectItems .selectItems{position: absolute;top:44px; z-index:1000;}
.search-input_selectItems .selectItems ul li{margin:0px;padding-top:2px !important;padding-bottom:2px !important;}
.search-input_selectItems .selectItems ul li:hover{ background-color: #e9ebed;}
	

@media (min-width: 1366px){	
	.search-input_selectItems{width:70%;}
.autoheader{position: relative;position: fixed;/*background-color:#1856B2;*//*height:158px;*/}
.fixed{
    position: fixed;
    z-index: 100000; 
	left:0;
	background-color:#fff;
	
/*	background-color:#1856B2;*/
}
	.fixed header{
	border-bottom:1px solid #ccc;	
	}	
.fixed #logo{width:240px;}
.nav_search{width:100%;height:50px;}
.search-input{width:100%;}
}
@media (min-width: 1280px)and (max-width: 1365px){
		.search-input_selectItems{width:70%;}
.autoheader{position: relative;position: fixed; /*background-color:#fff;*/}

.fixed{
    position: fixed;
    z-index: 100000;
	left:0;
	background-color:#fff;
}
	.fixed header{
	border-bottom:1px solid #ccc;	
	}	

.nav_search{width:100%;}
.search-input{width:100%;}

	
}
@media (min-width: 769px) and (max-width: 1279px){
		.search-input_selectItems{width:100%;}
	.autoheader{position: relative;/*background-color:#1856B2;*/}
.fixed{
    position: fixed;
    z-index: 100000;
	left:0;
	background-color:#fff;
	border-bottom:1px solid #ccc;
}
	

	.fixed header{
	border-bottom:1px solid #ccc;	
	}	
.nav_search{width:100%;}
.search-input{width:100%;}

	
}
@media (max-width: 768px){
		.search-input_selectItems{width:100%;}
	.autoheader{position: relative;/*background-color:#1856B2;padding-bottom:20px;*/}
	.index_search{width:100% !important; margin: auto;}
.fixed{
    position: relative;
	background-color:#fff;
	border-bottom:1px solid #ccc;

}
	.fixed header{
	border-bottom:1px solid #ccc;	
	}	

	.nav_search{width:100%;}
	.search-input{ width:100%; display: block;color:#000;position: relative;}
	.search-input_selectItems{width:100%; display: block;}
}


/*===========nav css end for example peptides====================*/

/***==================== search-css style begin========***/
tab-content{ display:inline-block; border:0; }

/***==================== search-css style end========***/

/*--------------second banner begin--------------*/
.middle_content_bg{ background-color:rgba(255,255,255,1); position: relative;width:100%;} 

.services_bg{
	background:url("../images/services-bg.jpg"); 
	background: -webkit-image-set(url("../images/services-bg.webp") 1x,url("../images/services-bg.webp") 2x,url("../images/services-bg-min.webp") 3x);
    background: image-set(url("../images/services-bg.webp") 1x,url("../images/services-bg.webp") 2x,url("../images/services-bg-min.webp") 3x);
	background-repeat:no-repeat; 
	background-size:cover; 
	background-position:top center;
	background-attachment: fixed;margin-bottom:0;}
.services_bg_2{background:url("../images/services-bg.jpg");background: -webkit-image-set(url("../images/services-bg.webp") 1x);
background: image-set(url("../images/services-bg.webp") 1x); background-repeat:no-repeat; background-size:cover; background-position:top center;}
.aboutus_bg{background:url("../images/about-us-banner.jpg");background: -webkit-image-set(url("../images/about-us-banner.webp") 1x);
background: image-set(url("../images/about-us-banner.webp") 1x);background-repeat:repeat-y; background-size:100% 100%; background-position:top center;background-attachment: fixed;margin-bottom:0;}
.distributors_bg{background:url("../images/Distributors-banner.jpg");background: -webkit-image-set(url("../images/Distributors-banner.webp") 1x);background: image-set(url("../images/Distributors-banner.webp") 1x); background-repeat:no-repeat; background-size:cover; background-position:top center;background-attachment: fixed;margin-bottom:0;}
.products_bg{
	background:url("../images/products-banner.jpg"); 
	background: -webkit-image-set(url("../images/products-banner.webp") 1x,url("../images/products-banner.webp") 2x,url("../images/products-banner-min.webp") 3x);
	background: image-set(url("../images/products-banner.webp") 1x,url("../images/products-banner.webp") 2x,url("../images/products-banner-min.webp") 3x); 
	background-repeat:no-repeat; background-size:cover; 
	background-position:top center;
	background-attachment: fixed;
	margin-bottom:0;
}
.products_bg_2{background:url("../images/product-banner.jpg");background: -webkit-image-set(url("../images/products-banner.webp") 1x);background: image-set(url("../images/products-banner.webp") 1x); background-repeat:no-repeat; background-size:cover; background-position:top center;}
.resources_bg{background:url("../images/Support-banner.jpg");background: -webkit-image-set(url("../images/Support-banner.webp") 1x);background: image-set(url("../images/Support-banner.webp") 1x);background-position:top center;background-repeat:no-repeat; background-size:cover;background-attachment: fixed;margin-bottom:0;}

.inquiry_bg_small{ position:relative;padding-bottom:70px;}
/*.inquiry_bg h1,.inquiry_bg p,.inquiry_bg .bread-crumb,.contact_bg h1,.contact_bg p,.contact_bg .bread-crumb,
.aboutus_bg h1,.aboutus_bg p,.aboutus_bg .bread-crumb
{ text-align:center !important;}*/
.error_bg{ background-color: #ffff00;color:#444444 !important;}


.banner_inpage{width:100%;margin:0 auto;  position:relative; background-size: cover; background-position:top center;}
.banner_inpage .bread-crumb {margin-bottom:10px;font-size:16px;}
.banner_inpage .bread-crumb a:hover{color:#ffffff;}
.banner_inpage #particles-js{ z-index: 10;left:0;top:0;}
.banner_inpage .auto-container{ z-index: 20 !important;}
.auto-container{ /*max-width:1200px;*/margin:auto;}
.auto-container h2,.auto-container h1{/*font-weight:bold;*/color:#ffffff;position:relative;margin:0 0 0 0; text-align:center;font-size:36px;/*font-family: "Arial"," sans-serif" ;*/}
.auto-container h2 .fuhao,.auto-container h1 .fuhao{font-family: 'Arial', sans-serif !important;}
.about_container h2,.about_container h1{text-align:left !important;}
.auto-container p{margin:0 0 15px 0; padding:10px 0; font-size:16px;  padding-top:5px;line-height:30px;color:#ffffff;text-align:center; }
.bannercontent_site{ }
.bannercontent_site p{margin:0 0 15px 0; padding:10px 0; font-size:14px; padding-top:5px;line-height:24px;text-align:left; }
.bannercontent_site div[class*="col"]{min-height:730px;}
.bannercontent_site div[class*="col"]:nth-child(1){background-color: #efefef;padding-top:15px;}
.bannercontent_site div[class*="col"]:nth-child(1) p{color:#444444 !important;}
.bannercontent_site div[class*="col"]:nth-child(2){background-color: #1757b1;padding-left:30px;}
.bannercontent_site h2{ text-align: left;}
.bannercontent_site .inquiry_width{width:100% !important;}

.banner_inpage .bread-crumb{padding-bottom:15px !important;margin-left:0 !important;}
.scroll_icon{font-size:14px; border-radius: 20px;padding:3px 8px 3px 8px;border:1px solid #ffffff;color:#ffffff; cursor: pointer; display: inline-block;}
.scroll_icon i{font-size:14px !important;}
.scroll_icon:hover{ background-color: #f3e04e;color:#000000;border:1px solid #f3e04e;}
.scroll_site{ position: absolute;bottom:13%;left:10%;}

.about_container p{text-align:left !important;}
.about_container i{ display:inline-block;margin-top:30px;font-size:50px;margin-left:5px;}
/*.small_content-width p,.small_content-width h2{width:100% !important;}*/
.auto-container .video { cursor:pointer;}
.auto-container .video i{position: absolute;left:40%;top:35%;font-size:90px;color:#ffffff;}
.graybg{ background-color:#f2f2f2;padding-top:25px;padding-bottom:25px;margin-bottom:25px;}
.graybg_contact{ background-color:#f2f2f2;margin-bottom:25px; display:table;width:100%;}
.whitebg{ background-color:#ffffff;padding-top:25px;margin-top:25px;}
.picbg{ background-image:url(../images/contact-Distributors-bg.png); background-position:bottom;min-height:600px; background-repeat:repeat-x;padding-bottom:330px}
.about-list{padding-bottom:55px;}
.about-list div[class*="col"] p{min-height:150px;}
.about-list div[class*="col"]{padding-bottom:20px;}
.graybg_contact div[class*="col"]{line-height:35px;}
.graybg_contact div[class*="col"] strong{margin-top:40px;font-size:20px; display:inline-block;}
.graybg_contact div[class*="col"] i{margin-right:15px;}
.scholarship-tab{ display:table;width:100%;}
.scholarship-tab li{padding:15px 25px 15px 25px;background-color:#dddddd;margin-right:15px;font-weight:bold; cursor: pointer;}
.scholarship-tab li span{ display:inline-block; position: relative;padding-right:40px;}
.scholarship-tab li.choosebg{background-color:#f2f2f2;}
.scholarship-tab li span img{position: absolute;top:-10px;right:-5px;}

@media (min-width: 1280px){	
	.banner_inpage {height:170px;}
.aboutus_bg,.contact_bg,.ScholarshipProgram_bg{min-height:450px;}
.scholarship-tab li{float:left;}
	.auto-container p{width:50%;}
	.bannercontent_site p{width:100%;}
}
@media (min-width: 769px) and (max-width: 1279px){
/*.banner_inpage {height:158px;}*/
	.banner_inpage {height:170px;}
.aboutus_bg,.contact_bg,.ScholarshipProgram_bg{min-height:450px;}
.scholarship-tab li{float:left;}
	.auto-container p{width:50%;min-height:100px;}
	.bannercontent_site p{width:100%;}
	}
@media (max-width: 768px){
.banner_inpage {height:0;display: none;}
.aboutus_bg,.contact_bg,.ScholarshipProgram_bg{min-height:450px;}
.scholarship-tab li{}
.auto-container p{min-height:100px;}
	}
/*--------------second banner end--------------*/

/*--------------Breadcrumb navigation begin--------------*/
.pathbg{ /*background-color:#fdfdfd;padding-top:5px;padding-bottom:15px;*/ padding-top:10px;padding-bottom:10px;border-bottom:1px solid #cccccc;}
.bread-crumb{position:relative;font-size:12px;margin:auto;}
.bread-crumb li{position:relative;display:inline-block;margin-right:30px;color:#aaaaaa;line-height:28px;}
.bread-crumb li:last-child{margin-right:0;}
.bread-crumb li:after{content:'/';position:absolute;right:-22px;width:10px;line-height:26px;color:#aaaaaa;top:0px;}
.bread-crumb li:last-child:after{display:none;}
.bread-crumb li a{color:#aaaaaa;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease; text-decoration:none;height:28px; display: inline-block;}
.bread-crumb li a:hover{color:#0061cd;}
@media (min-width: 1280px){	
.pathbg{min-height:28px;}
}
@media (min-width: 769px) and (max-width: 1279px){
.pathbg{min-height:28px;}
	}
@media (max-width: 768px){
.pathbg{min-height:28px;}
	}
/*--------------Breadcrumb navigation end--------------*/
/*--------left menu begin-------------*/
.leftmenu{position:relative;display:table;width:100%;margin-bottom:30px;border-radius:8px;border:1px solid #dbdbdb;margin-top:20px;padding-top:20px;padding-bottom:20px;}
.leftmenu>li { display: block; margin: 0; padding: 8px 15px 8px 0; border: 0px; position:relative;font-weight:400;}
.leftmenu>li .line{height:1px; background-color:#eeeeee; position: absolute;bottom:0;left:6%;width:88%;margin:auto; display:block;}
.leftmenu>li>a {display: block; overflow: hidden; padding-left:20px; color:#444444; line-height:24px; border-left:#ffffff 3px solid;   position: relative; text-decoration: none; }
.leftmenu>li>a>i { font-size: 20px; float: left; font-style: normal; margin: 0 5px; }
.leftmenu li .arrow:before { display: block; float: right; margin-top: 1px; margin-right: 15px;  font-size: 16px;padding-left:10px;content: "\f107";font-family: "Font Awesome 5 Free"; color: #444;text-shadow: none;font-weight:bold;position:absolute;top:5px;right:0;
 width:20px;
 z-index:1000;
}
.leftmenu li .arrow.open:before { margin-top: 1px; margin-right: 15px; display: inline-block; font-family: "Font Awesome 5 Free"; height: auto; 
font-size: 16px; content: "\f107"; text-shadow: none;font-weight:bold;position:absolute;top:5px;right:0;
 padding-left:10px;width:20px;
 }
.leftmenu>li>a.active, .leftmenu>li>a:hover {  border-left:#1d3560 3px solid;color:#1d3560;font-weight:bold;}
.leftmenu>li>ul.sub-menu, .leftmenu>li>ul.sub-menu>li>ul.sub-menu { display: none; list-style: none; clear: both; margin: 8px 0 0 10px; padding-bottom: 5px; }
.leftmenu>li.active > ul.sub-menu, .leftmenu>li>ul.sub-menu>li.active >ul.sub-menu { }
.leftmenu>li>ul.sub-menu li { background: none; margin: 0; padding: 0; }
.leftmenu>li>ul.sub-menu li>a { display: block; font-size: 14px; line-height: 36px; padding-left: 20px; color: #5e5d61; clear: both; }
.leftmenu>li>ul.sub-menu li>a.active, .leftmenu>li>ul.sub-menu li>a:hover, .leftmenu>li>ul.sub-menu>li.active >a { background: #ddd; border-color:#ddd;}
.FilterTitarea{ position:relative;}
.FilterTitarea span { display:inline-block; border:1px solid #efefef; border-radius:5px;padding-left:6px;padding-right:6px; background-color:#fafafa; cursor:pointer;}
.FilterTitarea span:hover{border:1px solid #0061cd; background-color:#0061cd;color:#ffffff;}
.FilterTitarea span i{font-size:15px;}
.FilterTitarea-Tit{font-weight:bold;margin-top:10px;margin-bottom:10px;font-size:16px;}
.FilterTitarea-Tit i{font-size:15px !important;}
.filter-input{
	width:100%;
	border:1px solid #ccc;
	border-radius: 5px;
	padding:5px;
}

.fixMenu{position: relative;/*height:auto;*/ left:0;z-index: 100;  /*background-color: rgba(255,255,255,0.9);padding:10px 20px 20px 30px;*/}
.filter-box-load{position: relative;left:0;z-index: 100;height:400px;overflow-y: auto;}
.fixMenu .linenav{position: absolute;top:10px;height:3px;/* background-color: #f3e04e;*/}
.fixMenu h3,.filter-box-load h3{font-weight:bold;font-size:20px;line-height:26px; position: relative; display: block;}
.fixMenu a,.filter-box-load a{color:#fff;/*border-bottom:1px solid #efefef;*/font-size:15px;padding-top:8px;padding-bottom:8px; display:block;line-height:22px;}
.fixMenu h3 a,.filter-box-load h3 a{font-size:20px;line-height:26px;border-bottom:0;padding-top:0;padding-bottom:0;color:#fff;position: absolute;top:0px;right:0;}
.fixMenu a:hover,.filter-box-load a:hover{color:#000;}
.second_fixMenu{padding-top:20px;}
.second_fixMenu span{top:40px !important;}
.filter-btn{
	font-size:18px;
	color:#000;
	background-color: #efefef;
}
 .filter-btn span{background-color:#f3e04e;padding:8px; display: inline-block;}


@media (min-width: 993px){
   .filter-btn{
	display: none;
 }
	.filter-load{
		display: block;
	}
}

@media (max-width: 992px){
	.fixMenu{display:none !important;}
   .filter-btn{
	display: block;
}
.filter-box-load{
		position: fixed;
		top:15%;
		left:0px;
	z-index: 1000;
	padding:15px;
	width:80%;
	background-color: #fff;
	border:1px solid #ccc;
	}

	.filter-box-load::after{
	content:"x";
	position: absolute;
	top:0;right:-30px;
	height:30px;
	width:30px;
	line-height:30px;
	background-color: #f3e04e;
	color:#000;
	z-index: 10000;
	text-align: center;
	display: inline-block;
	font-weight:bold;
	font-size:18px;
}
	.filter-load{
		display: none;
	}

}


.nav_search{
  margin: 10px 0 0px 0;
  padding: 0;
}
.navMenu{margin: 0px 0 0px 0 !important;/*height:100%;*/padding: 0px !important;width:100%;}
.navMenu> li { display: block; margin: 0; padding: 0px 0px 15px 0px; position: relative;}
.navMenu a:hover,.navMenu> li a:hover{color:#0061cd !important;}
.navMenu> li a{font-size:13px !important;padding: 2px 0px 2px 0px;color:#000000;}
.navMenu>li>a { display:block; overflow: hidden;color:#333 !important;transition: all .3s; position: relative; text-decoration: none; font-size: 24px !important;  padding: 10px 0px 10px 0px; font-weight: 900; width: 88%;}
.navMenu>li>a:hover{color:#333 !important;}
.arrow{ position: absolute;}
.arrow:before {cursor: pointer; content: "\f105";font-weight: bold;  float: right;  padding:2px 5px 5px 5px; display: inline;  font-family: "Font Awesome\ 5 Free";    color: #666666;position: absolute;}
.arrow.open:before {cursor: pointer; float: right;  padding:2px 5px 5px 5px; display: inline;  font-family: "Font Awesome\ 5 Free";  content: "\f107";     color: #000000; position: absolute;}
.navMenu>li>.arrow:before{
  font-weight: 900;
  padding: 0px 5px 0px 10px;
  cursor: pointer;
  /*	border:1px solid #ff0000;*/
  display:none;
}
.navMenu>li>ul.sub-menu{
  list-style: none;
  padding: 0;
  margin: 0;
  /*display: block;*/
	height:400px;overflow-y:auto;
}
.navMenu>li>ul.sub-menu>li>ul.sub-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: none;
}

.navMenu>li>ul.sub-menu > li > a{font-size:17px !important;font-weight:500;}
.navMenu>li>ul.sub-menu > li{
	  margin-bottom: 0px;
	  border-bottom:1px solid #ccc;
	position: relative;
}
.navMenu>li>ul > li{
  padding-top:10px;
  padding-bottom:8px;
	
}
.navMenu>li>ul > li ul li{
  padding-top:5px;
  padding-bottom:5px;
		  border-bottom:1px solid #ccc;
}
.navMenu>li>ul.sub-menu li:last-child{border-bottom:0px;}
.navMenu>li .sub-menu{
  margin-bottom: 10px;
}
.navMenu>li>ul.sub-menu>li>a{
  display: inline-block;
  padding-left: 0px;
  position: relative;
  /*   margin-bottom: 10px;*/
  width: 90%;
}
.navMenu>li>ul.sub-menu>li>a:before{
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Font Awesome\ 5 Free";
  font-weight: 900;
  content: "";
  color: #ddd;
}
.navMenu>li>ul.sub-menu .sub-menu li>a {
  display: inline-block;
  padding-left: 0px;
  line-height: 1.5em;
  /*    overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;*/
  font-size: 0.96em;
  position: relative;
  width: 90%;
  color: #444444;
}
.navMenu>li>ul.sub-menu .sub-menu .sub-menu{
  list-style: none;
  font-size: 0.95em;
  /*background: #f9f9f9;*/
  padding: 10px 0;
  display: none;
}
.navMenu>li>ul.sub-menu .sub-menu .sub-menu li>a{
  color: #000;
  padding-left: 10px;
  height: 22px;
}
.navMenu>li>ul.sub-menu .sub-menu .sub-menu li>a:before{
  content: '';
}
.navMenu>li>ul.sub-menu .sub-menu li>a:before{
  content: '';
  top: 0px;
  position: absolute;
  left: 0;
  color: #111111;
}
.navMenu>li>ul.sub-menu .sub-menu .sub-menu .sub-menu {
  padding: 8px;
  margin-bottom: 0px;
  background: #eeeeee;
}
.navMenu>li>ul.sub-menu li>a.active, .navMenu>li>ul.sub-menu li>a:hover, .navMenu>li>ul.sub-menu>li.active >a {  }
.sub-menu span{padding:0px;}

/*--------left menu end-------------*/

/*LCP,CLS loading content begin*/
.services-container{/*position:static;*/ /*max-width:1200px;*//*margin:auto;*/}
/*.services-container p{line-height:25px; margin:0; padding-bottom:15px;}*/
.services-container p a{color:#0d65c7; text-decoration:none;}
.services-container h2,.services-container h3,.services-container h4,.services-container h5,.services-container h6{
	font-weight:bold;
}
.services-container h2{
	font-size:20px;
}
.services-container h3{
   font-size:16px;
}
.services-container h4{
  font-size:14px;
}
.services-container h5{
	font-size:14px;
}
.services-container h6 
{
	font-size:12px;
}


.services-container:before,.services-container:after{display:table;content: " ";}
.services-container:after{clear: both;}
.services-container{max-width:95%; position:static; padding-top:0px;padding-bottom:40px;font-size:14px;line-height:28px !important; /*display: table !important;*/color:#000000 !important;}
/*.services-container strong, .services-container b, .services-container h1,. .services-container h2, .services-container h3, .services-container h4,.services-container h5,.services-container h6{}*/
.services-container p,.second-container p{margin:0; word-wrap:break-word;}
.second-container ul li{line-height:20px;}
.services-container a,.second-container a{color:#0061cd; text-decoration:none;}
.services-container a:hover,.second-container a:hover{color:#000; background-color: #efe108;}
.second-container hr{height:1px;width:100%;text-align:left;background:#dbdbdb;margin:40px auto 40px auto;border:0; }
.services-container > .col-md-9,.services-container > .col-md-3{padding-bottom:30px; box-sizing: border-box;}

.inpage_section_title{/*margin:0 auto;*/ text-align:left; position:relative;/*padding-bottom:15px;*/font-family:"MerriweatherSans-Regular"; }
.inpage_section_title h2,.inpage_section_title h1{color:#444444;line-height:36px;margin-bottom:15px;font-size:30px; paddng-top:0px;margin-top:0px;}
.inpage_section_title h2 span,.inpage_section_title h1 span{ display:block;width:100px; /*background-color:#1b3b6a;*/height:3px;margin-top:10px;font-weight: lighter;}
.inpage_section_title .inquiry{/*background:#1f3687;*/padding:5px 15px 10px 15px;font-weight:bold; display:inline-block;font-size:30px;}
.inpage_section_title .inquiry a{color:#1f3687; display:block;}
.inpage_section_title .inquiry:hover a{/*background:#1856b2;*/color:#1856b2;transition:color .3s;}
.inpage_section_title .share{display:inline-block;}
.inpage_section_title > hr{height:1px;width:100%;text-align:left;background:#dbdbdb;margin:0 auto;margin-bottom:20px;border:0; }

.inpage_section_title hr{height:4px;width:70px;text-align:left;position:relative;background:#a7c44c;margin:0 auto;margin-bottom:20px;border:0; display:inline-block;}
@media (min-width: 1280px){	
.inpage_section_title h1,.inpage_section_title h2{padding-right:150px;}
.inpage_section_title .inquiry{ position:absolute; right:0;top:0;}
.inpage_section_title .share{ position:absolute; right:0;top:10px;}
.services-container{position:static; margin:50px auto auto auto;}
}
@media (min-width: 769px) and (max-width: 1279px){
.inpage_section_title h1{padding-right:15px;padding-left:15px;}
.inpage_section_title h1,.inpage_section_title h2{padding-right:150px;}
.inpage_section_title .inquiry,.inpage_section_title .share{ position:absolute; right:0;top:0;}
.services-container{position:static; margin:50px auto;padding-top:40px;}

}
	
@media (max-width: 768px){	
	.inpage_section_title h1{font-size:22px;}
 .inpage_section_title .inquiry,.inpage_section_title .share{ position: relative;}
 .inpage_section_title hr{margin-top:20px;}
 .services-container > .col-md-3 img{display:none;}
.services-container{position:static; margin:auto;/*padding-top:40px;*/}
}
.inpage_content_right{padding-top:40px;padding-bottom:40px;}
/*LCP,CLS loading content end*/

.Inquiry_container{height:auto;width:100%;  overflow:hidden;/* margin-top:30px;*/padding-top:30px;padding-bottom:10px; position:relative;color:#ffffff;font-size:12px;margin-bottom:60px;}
.Inquiry_container .inq_tit{font-size:24px;margin:0 0px 20px 0;font-family: 'Boing_RegularWEB', sans-serif !important; display: block;}
.Inquiry_container .inq_tit{
	color:#000000;
}
.Inquiry_form ul{list-style-type:none;list-style-position:outside;margin:0;padding:0;}
.Inquiry_form li{position:relative;display:inline-block;padding-right:3%;padding-top:15px;padding-bottom:15px;}
.Inquiry_form label{display:block;text-align:left;padding:10px 0 0 0; }
.Inquiry_form input{height:48px;width:100%;  padding-left:10px;outline:none; font-family:"MerriweatherSans-Light", Arial, Helvetica, sans-serif;background-color: transparent;border:1px solid #000000;color:#000000;}
.Inquiry_form textarea{width:100% !important;padding-left:10px;;outline:none;font-family:"MerriweatherSans-Light", Arial, Helvetica, sans-serif;background-color: transparent;border:1px solid #000000;color:#000000;}
.Inquiry_form .submit{font-size:1.2em;display:inline-block;text-align:center;padding:10px 30px 10px 30px;clear:both;color:#000000;text-decoration:none;background-color:#f3e04e;border:0;cursor:pointer;/*border:2px #3399cc solid;*/ font-weight:bold; margin-top:10px;}
.Inquiry_form .submit:hover{background:#ccc10b;color:#ffffff;transition:background-color .3s;/*border:2px #3399cc solid; */font-weight:bold;color:#000000;}
.Inquiry_form .Code{width:30%;}
.Inquiry_form textarea{padding-top:10px;}
.Inquiry_form .submitli{width:100%;}
.inquiryPicbg{ position: absolute;bottom:0;right:0; z-index:-1;}
.middle_content_bg .Inquiry_form_color,.middle_content_bg .Inquiry_form_color li,.middle_content_bg .Inquiry_form_color li input,.middle_content_bg .Inquiry_form_color li textarea{color:#000000 !important;}
.middle_content_bg .Inquiry_form_color li input,.middle_content_bg .Inquiry_form_color li textarea{border:1px solid #cccccc !important;}

.Inquiry_form input::-webkit-input-placeholder {color:#000 !important;}
.Inquiry_form input:-moz-placeholder {color:#000 !important;}
.Inquiry_form input::-moz-placeholder {color:#000 !important;}
.Inquiry_form input:-ms-input-placeholder {color:#000 !important;}

.Inquiry_form textarea::-webkit-input-placeholder {color:#000 !important;}
.Inquiry_form textarea:-moz-placeholder {color:#000 !important;}
.Inquiry_form textarea::-moz-placeholder {color:#000 !important;}
.Inquiry_form textarea:-ms-input-placeholder {color:#000 !important;}

@media (min-width: 1280px){
	.inquiry_width{width:60%;}
	.Inquiry_form li{width:50%;float:left;}
	.Inquiry_form .Interest{width:64%;}
	.Inquiry_form .ProjectDescription{width:96%;}
	.Inquiry_form textarea{width:50%;}
	.Inquiry_container{height:auto;}
	
	}
@media (min-width: 769px) and (max-width: 1279px){
	.inquiry_width{width:60%;}
.Inquiry_form li{width:100%;}
.Inquiry_form label{width:100%;}
.Inquiry_form .Interest{width:64%;}
.Inquiry_form .ProjectDescription{width:96%;}
.Inquiry_form textarea{width:100%;}
.Inquiry_container{height:auto;padding-bottom:300px;}
	}
@media (max-width: 768px){
	.inquiry_width{width:100%;}
.Inquiry_form li{width:100%;}
.Inquiry_form label{/*width:100%;*/display:inline-block;text-align:left;padding:10px 0; font-size:14px;}
.Inquiry_form .Interest,.Inquiry_form .ProjectDescription{width:100%;}
.Inquiry_form textarea{width:100%;}
.Inquiry_container{padding-bottom:300px;}
	}
/*------------Distributors begin--------------*/
.select{padding:10px; display:block;margin-top:10px;font-family: 'Open Sans', sans-serif;font-size:16px;}
.Country{padding:0 0 15px 0;margin-bottom:30px;margin-top:30px; position:relative;border-bottom:1px solid #cccccc;}
.Country img{margin-top:10px;}
.company_contenmt{display:table;width:100%;padding-bottom:100px;}
.Country .triangle{border-bottom:30px solid transparent;border-left:30px solid transparent;border-right:30px solid transparent;border-top:30px solid #efefef; position:absolute;bottom:-50px;left:10%;}
.DistributorsUnit{padding:20px 0;line-height:26px;border-bottom:1px solid #efefef;margin-top:20px;}
.DistributorsUnit img{margin-bottom:20px;}
/*------------Distributors end--------------*/
.middle_content_bg input::-webkit-input-placeholder {
	color: #444444 !important;
}
.middle_content_bg input:-ms-input-placeholder { 
	color: #444444 !important;
}
.middle_content_bg input:-moz-placeholder { 
	color: #444444 !important;
}
.middle_content_bg input::-moz-placeholder { 
	color: #444444 !important;
}

.middle_content_bg textarea[id='I_Message']::-webkit-input-placeholder,.middle_content_bg textarea[name='I_Message']::-webkit-input-placeholder {
	color: #444444 !important;
}
.middle_content_bg textarea[id='I_Message']:-ms-textarea-placeholder,.middle_content_bg textarea[name='I_Message']:-ms-textarea-placeholder { 
	color: #444444 !important;
}
.middle_content_bg textarea[id='I_Message']:-moz-placeholder,.middle_content_bg textarea[name='I_Message']:-moz-placeholder { 
	color: #444444 !important;
}
.middle_content_bg textarea[id='I_Message']::-input-placeholder,.middle_content_bg textarea[name='I_Message']::-input-placeholder { 
	color: #444444 !important; 
} 

.secondContent{padding-bottom:80px;}

/*LCP,CLS loading pro content begin*/
.pro-descption{ display:table;width:100%;}
.pro-descption div[class*="col"]{padding:0;margin:0;}
.pro-descption .col-md-4{padding-left:15px !important;padding-right:15px !important;padding-bottom:15px;}
/*.pro_pic_are{border:1px solid #ddd;padding:15px;margin:0;}*/
.pro_pic_are .owl-stage{
    display:table;
}
.pro_pic_are .owl-stage .item{
    display:table-cell;
    vertical-align:middle;
    height:100%;
    cursor: pointer;
}
.target-product{margin-bottom:20px;}
.target-product a{
    display: inline-block;
    text-align: center;
    padding: 0.3em 1em;
    border-radius: 5px;
    clear: both;
    color: #000;
    text-decoration: none;
    cursor: pointer;
/*    border: 1px #1856b2 solid;*/
    font-size: 16px;
    font-weight: bold;
    background: #f3e04e;
}
.target-product a:hover{background: #0d469b;color: #fff;}

.specific_inquiry {margin:15px 0;border:1px solid #ddd;padding:25px;margin-bottom:20px;}
.specific-checkbox{padding:0;margin:0;}
.specific-checkbox li{ list-style: none;}
.cap-title {font-weight:bold;text-transform: uppercase;}
.specific-radio {padding-right: 20px;padding-top: 10px;}
.do_btn_area{position: sticky;/*top:180px;*/z-index:100;margin-bottom:40px;border-bottom:1px solid #ccc;padding-bottom:10px; background-color:#fff;width:100%; }
.do_btn_area button{margin-right:10px;}
@media (max-width:992px){
/*	.do_btn_area{
		top:272px;
	}*/
	.do_btn_area button{margin-right:5px;}
	.do_btn_area button span{display: none;}
}
@media(min-width: 992px) {
/*.do_btn_area{
		top:180px;
	}*/
.do_btn_area button{margin-right:20px;}
}
.radio-inline {
  position: relative;
  display: inline-block;
  padding-right: 0px;
  padding-left: 20px;
  margin-bottom: 0;
  margin-left:10px !important;
  height:48px;line-height:48px;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.specific-radio input[type=radio] {
    margin: 10px 0;
}

.a-radio {
    display: none;
}

.b-radio {
    display: inline-block;
    border: 1px solid #ccc;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    vertical-align: middle;
    /*margin-right: 5px;
    margin-top: -5px;*/
    position: relative;
}

    .b-radio:before {
        content: '';
        font-size: 0;
        width: 10px;
        height: 10px;
        background: #1856b2;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -5px;
        margin-top: -5px;
        border-radius: 50%;
        display: none;
    }

.a-radio:checked ~ .b-radio:before {
    display: block;
}

.specify {
    font-family: 'poppins', Arial, sans-serif;
    display: inline-block;
    min-width: 250px;
    height: 34px;
    background: none;
    border: none;
    border-bottom: 1px solid #aeb3bc;
    outline: none;
    background-color: rgba(0, 0, 0, 0);
}

.specific-btn {
    display:inline-flex;
    text-align: center;
	align-items: center;
	justify-content: center;
    padding: 0.5em 2em;
    border-radius: 5px;
    margin-bottom: 10px;
    clear: both;
    text-decoration: none;
    cursor: pointer;
    border: 0px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 8px;
    background: #f3e04e;
}
.specific-btn span{margin-left:8px;}
a.specific-btn{color:#000;}
.specific-btn:hover,a.specific-btn:hover{
	background: #e9c510;
}
a.specific-btn{
	margin-top:0px;
}

@media (min-width: 1280px){
	.prolist_Tab .More_list{left:30%;width:40%;}
}
@media (min-width: 769px) and (max-width: 1279px){
	.prolist_Tab .More_list{left:30%;width:40%;}
	}
@media (max-width: 768px){
	.prolist_Tab .More_list{left:90%;width:5%;}
	}

.prolist_Tab{ position: relative;margin-bottom:20px;}
.prolist_Tab span{ display: inline-block;margin-right:8px; border:1px solid #444444; border-radius: 40px;libe-height:40px;padding:5px 20px 5px 20px; cursor: pointer; position: relative;}
.prolist_Tab span a{color:#444444;}
.prolist_Tab span:hover,.prolist_Tab span.choosebg{background-color:#f3e04e;color:#000; border:1px solid #5086dc;}
.prolist_Tab span:hover a,.prolist_Tab span.choosebg a{color:#000;}
.prolist_Tab span:last-of-type i{position: absolute;bottom:-13px;left:40%;color:#ffffff;z-index: 10000;font-size:30px;margin:0;padding:0px;display: none;}
.prolist_Tab .More_list{ position: absolute;top:40px;padding:15px; background-color: rgba(255,255,255,0.9); z-index: 10000;color:#444444 !important;min-height:400px; overflow-y: auto; display: none;}
.prolist_Tab .More_list a{color:#444444 !important;padding-top:5px;padding-bottom:5px; display: block;word-break:break-all;}
.prolist_Tab .More_list a:hover{color:#5086dc;}

.product-groups{padding-top:20px;}
.product-groups .product-groups-unit > h4.active{color:#ffffff;background-color:#1856b2; display: block;  position:  relative;}
.product-groups .product-groups-unit > h4:after{content: "\f067";font-family: "Font Awesome 5 Free"; position: absolute;right:40px;font-weight:bold;} 
.product-groups .product-groups-unit >.active:after{content: "\f068";font-family: "Font Awesome 5 Free"; position: absolute;right:40px;font-weight:bold;}
.product-groups .product-groups-unit > h4{ background-color:#f2f2f2;padding:10px;font-weight:bold; cursor:pointer; display: block;  position:  relative;}
.product-groups .product-groups-unit{ display:block;width:100%;}
.product-groups .product-groups-unit .product-groups-unit-content{ display:block;}

.proshow-list ul li{list-style: none;}
.proshow-list > ul{border-bottom:1px solid #efefef;padding-bottom:15px;margin-bottom:15px; position:relative;}
.proshow-list > ul li .list_tit a{font-weight:bold;}
.proshow-list > ul li .list_tit{line-height:24px;font-size:16px !important;margin-bottom:5px;}
.proshow-list > ul li > ul{ display:table;width:100%;font-size:13px !important;color:#444444;line-height:25px;}
.proshow-list >ul .list-button{position:absolute;top:0;/*padding-top:8px;*/}
.proshow-list >ul .list-button .list-inquiry{display: inline-block; color:#000;border-radius:5px; margin-bottom:0px;font-size:18px; position: relative;height:38px;line-height:38px;text-align: center;background-color: #f3e04e;padding-left:10px;padding-right:10px;cursor: pointer;margin-top:10px;}
.proshow-list >ul .list-button .list-inquiry a{color:#000;font-size:22px;}
.proshow-list >ul .list-button .list-inquiry:hover a{background-color: #f5d221;}
.proshow-list >ul .list-button .list-inquiry:hover{color:#000; transition:color 0.3s;background-color: #f5d221;border-radius:5px;}
/*.proshow-list >ul .list-button .list-inquiry:hover a{color:#000;background-color: #f3e04e;border-radius:5px;}*/
.proshow-list >ul:hover li h4 a{color:#f3e04e;transition:background-color 0.3s;}
.proshow-list >ul .list-button .list-inquiry:hover ul{display: block;}
.proshow-list >ul .list-button .list-inquiry ul{position: absolute;left:0;top:36px;font-size:12px; display: none;z-index:1000;width:180px;}
.proshow-list >ul .list-button .list-inquiry ul li{padding:8px;background-color: #efefef;text-align: left;}
.proshow-list >ul .list-button .list-inquiry ul li img{margin-right:5px;}
.proshow-list >ul .list-button .list-inquiry ul li:hover{background-color: #f3e04e;cursor: pointer; }
	.buybox{position: relative;}
.buybox .numbox{width:150px;position: relative}
.buybox .addbasket{width:50px;height:35px;line-height:35px;display: inline-block;position:absolute;top:0;right:0px;background-color: #f2bc19; text-align:center;  cursor: pointer;border-radius:5px;}
.buybox .addbasket:hover{background-color: #f3e04e;}
.buybox .buyarrow{
	width:35px;
	height:35px;
	line-height:35px;
	text-align:center;
	border:1px solid #f3e04e;
	background-color: #f3e04e;
	cursor: pointer;
}
.buybox .buyarrow:hover{
	background-color: #1c3c6e;
	color:#fff;
	border:1px solid #1c3c6e;
}
.buybox input{
	height:35px;
	text-align: center;
	border:1px solid #ccc;
}
.buybox .buyarrow.sitebottom{
	position: absolute;
	top:0;
	left:0;
}
.buybox .buyarrow.sitetop{
	position: absolute;
	top:0;
	right:0;
}
.buybox select{
	padding:5px;
	width:209px;
}


@media (min-width: 1280px){	
.proshow-list > ul li > ul li{float:left;width:35%;}
	.proshow-list > ul li h4{padding-right:260px;}
.proshow-list >ul .list-button{position:absolute;right:0;top:0;width:260px; text-align: right;}
	.proshow-list >ul .list-button .list-inquiry{margin-left:5px;}
	.proshow-list > ul li .list_tit{padding-right:200px;}

	
}
@media (min-width: 769px) and (max-width: 1279px){
.proshow-list > ul li > ul li{float:left;width:35%;}
	.proshow-list > ul li h4{padding-right:260px;}
.proshow-list >ul .list-button{position:absolute;right:0;top:0;width:260px;text-align: right;}
	.proshow-list >ul .list-button .list-inquiry{margin-left:5px;}
	.proshow-list > ul li .list_tit{padding-right:200px;}

}
@media (max-width: 768px){	
.proshow-list > ul li > ul li{width:100%;}
.proshow-list >ul .list-button{position: relative;right:0;top:10px; text-align:left;width:100%; display: block;}
	.proshow-list >ul .list-button .list-inquiry{margin-right:5px;}
	.proshow-list > ul li .list_tit{padding-right:0px;}
.buybox{
	margin-left:0px;
	width:209px;
}
}

.proshowTabhead ul{padding:0px;margin:0px}
.proshowTabhead ul li{text-align:center;height:40px;font-size:18px;line-height:40px;color:#ffffff;float:left;margin-right:15px;position:relative;list-style:none;font-weight:bold;cursor:pointer;background-color:#444444;padding-left:10px;padding-right:10px}
.proshowTabhead ul li a{color:#000000;display:block;padding:15px}
.proshowTabhead ul .choosedbg,.proshowTabhead ul li:hover{color:#ffffff;background-color:#1856b2}
.proshowTabhead{position:relative;color:#ffffff;width:100%;display:table;text-align:center}
.proshowTabhead span{text-align:center;font-size:18px;color:#000000;margin-right:10px;margin-left:10px;position:relative;list-style:none;font-weight:bold;cursor:pointer;display:inline-block;border:1px solid #444444;padding:10px 20px 10px 20px;border-radius:50px}
.proshowTabhead span a{color:#000000;display:block;padding:15px}
.proshowTabhead span:hover .Tabcontentarea{display:block}
.proshowTabhead span:hover,.orderonline .choosedbg,.proshowTabhead span.choosedbg,.orderonline span:hover a{color:#ffffff;background-color:#5086dc;border:1px solid #5086dc}
.proshowTabhead span .choosedbg .Twopxline .line{width:100%}
.quickonlineorder .form-control{}
.proshowTabhead ul li .Twopxline{width:100%;position:absolute;height:6px;bottom:-4px}
.proshowTabhead ul li .Twopxline .line{width:0%;transition:0.5s;background-color:#0061cd;height:6px;box-sizing:border-box;margin:auto;position:relative;left:0;right:0}
.proshowTabhead ul li .line.active{width:100%}

/*LCP,CLS loading pro content end*/

.google_search{border-bottom:1px solid #efefef;padding:20px 8px 20px 8px;}
.google_search h3{padding:0;margin:0 0px 10 0;}
.google_search:hover{ background-color: #f8f8f8;}

.job_show .row{padding-top:10px;padding-bottom:10px;margin-left:0px;margin-right:0px;}
.job_show .row div[class*="col-md"]{padding:0px 8px 0px 8px !important;}
.job_show .row div[class*="col-md"] p{padding-top:0;padding-bottom:0px;}
.job_show .row div[class*="col-md-3"]{font-weight:bold;}
.job_show .row:nth-child(2n+1){ background-color:#fafafa;}
.job_Application{border-top:1px solid #f2f2f2;padding-top:10px;margin-top:10px;}
.job_show h3,.job_Application h3{font-size:26px !important;}
.job_show .row ul{margin:0px !important;padding:0px !important;}
.job_show .row ul li{ list-style: disc !important; margin-left:18px !important;}


/*.contheight{overflow: hidden; height: 400px;}*/
.symbolsearch_cont.contheight,.list_pro_area.contheight,.symbolcont.contheight {height:auto;}
@media (min-width:993px){.product-groups-unit-content.contheight {height:100%;}.sym_more.ct_mobile{display:none;}
}
@media (max-width:992px){.product-groups-unit-content.contheight {height:400px;overflow: hidden;}.sym_more.ct_mobile{display:block;}
}
.list_pro_area{position:relative; height:250px;overflow: hidden;}
.symbolsearch_cont{position:relative;
    margin-left:0;
    margin-right:0;
    margin-top:25px;
    border-bottom:1px solid #cccccc;
    border-top:1px solid #cccccc;
    padding-top:15px;
    font-size:14px;
    height:250px;
    overflow: hidden;

}
.symbolsearch_cont h3{font-size:14px;}
.symbolsearch_cont .symbo_content_un{
    display: table;
    width:100%;
    border-bottom:1px solid #efefef;
    margin-bottom:15px;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.symbolsearch_cont .symbo_content_un div[class*="col-md-3"]{font-weight:bold;}
.symbolsearch_cont .symbo_content_un:last-child{border:0;}


          .symbolcont{height:400px;overflow: hidden; position: relative;padding-bottom:50px;margin-bottom:30px;}
                        .symbolcont .symbolbut{position: absolute;bottom:0px; text-align: center;width:100%;padding-top:20px; background:linear-gradient(to bottom, rgba(255,255,255,0) , #fff);}
                        .symbolcont .symbolbut span{ background-color: #f3e04e; cursor: pointer;color:#000;}


/*LCP,CLS bootstrap loading ....*/
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}

*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
/*.ro_pic_turn img,.contunit img{width:300px;height:300px;}
.bcellular_Location img{width:100px;height:100px;}*/
.ad_pic{position: fixed;width:90px;height:150px;top:40%;right:0; cursor: pointer;z-index:100000;}
.ad_pic .small_img,.ad_pic .big_img{float:right;}
.ad_pic .small_img{width:90px;}
.ad_pic .big_img{display: none;}
.ad_pic:hover .big_img{display: block;width:290px;}
.ad_pic:hover{width:350px;}
.ad_pic:hover .small_img{display: none;}
.webinar_video{text-align:center;}
.webinar_video iframe {margin:auto;width:960px;height:540px;}
@media (min-width: 1280px){
  .webinar_video iframe {width:960px;height:540px;}
}
@media (min-width: 769px) and (max-width: 1279px){
  .webinar_video iframe {width:640px;height:320px;}
}
@media (max-width: 768px){
  .webinar_video iframe {width:100%;height:320px;}
}
#ad_exhibition {
    display: flex!important;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
width:100%;
}

#ad_exhibition img {
    width: 100%;
    height: auto;
    max-width: 1200px;
}
.FeedbackUnit .row div[class*="col-md"]{padding:0 10px 0 0px;margin:0px;}
.FeedbackUnit .row{margin-left:0;margin-right:0;}
.FeedbackUnit .row input,.FeedbackUnit .row textarea,.FeedbackUnit .row select{border-radius: 5px;padding:5px;width:100%;}

.successinfo span{display:inline-block;}

.flter_note span{display: inline-block;border-radius: 20px; background-color: #0e489e;color:#fff;padding-left:10px;padding-right:10px;margin-left:5px; cursor: pointer;}
.flter_note span:hover{
	background-color: #ebe036;color:#000;
}

.se_pro_page{
	border:1px solid #ccc;
	position: relative;

	margin-top:15px;
	margin-bottom:15px;

}
.se_pro_page .se_pro_page_tit{
	background-color: #f2f2f2;
	padding:15px;
	position: relative;
	margin-top:0px;
	margin-bottom:0px;
}
.se_pro_page .se_pro_page_tit i
{
	position: absolute;
	top:0;
	height:100%;
	width:50px;
	text-align: center;
	height:45px;
	line-height:45px;
	top:0;
	right:0;
}

.se_pro_page .se_pro_page_cont{	
	padding:15px;
	display: none;
}

.target-protype-list ul{
	display: flex;
	flex-wrap: wrap;
}
.target-protype-list ul li{

	padding:5px !important;
    display: inline-block;
}
.target-protype-list ul li a{
	display: block;
	background-color: #efefef;
	padding:5px 10px;
}
.target-protype-list ul li:hover a{
	color:#000 !important;
}

@media (min-width: 1280px){
	.target-protype-list ul li{
	width:25% !important;
	}
}
@media (min-width: 769px) and (max-width: 1279px){
  	.target-protype-list ul li{
	width:50% !important;
	}
}
@media (max-width: 768px){
  .target-protype-list ul li{
	width:100% !important;
	}
}

.compare{
	margin-top:20px;
	margin-bottom:20px;
	padding:10px;
	border:1px solid #efefef;
/*	width:200px;*/
}
.compare b{font-size:18px;display: block;margin-top:10px;margin-bottom:20px;}
.compare ul li{
	list-style: none;
	position: relative;
	padding-top:5px;
	padding-bottom:5px;

}
.compare .comparebut{
	display: inline-block;
	border-radius: 5px;
	background-color: #1856b2;
	color:#fff;
	margin-top:8px;
	padding:5px 10px;
	cursor: pointer;
}
.compare .comparebut:hover{
	background-color: #0e489e;
}
.compare ul li i{
	position: absolute;
	display: inline-block;
	border:1px solid #efefef;
	width:30px;
	height:30px;
	padding-left:9px;
	padding-top:8px;
	right:0px;
	top:0px;
	cursor: pointer;
}
.compare ul li i:hover{
		background-color: #1856b2;
	  color:#fff;
}
.pro_pic_turn{
	height:360px !important;overflow: hidden !important; box-sizing: border-box;
}
.pro_pic_turn .item{
	height:360px !important;
}
.symbolsearch_pic img{
	width:100%;
	height:auto;
}


/*--------services begin------------*/
.h2_tit{
    display: block;
	border-left:8px solid #1856b2;
	padding-left:10px;
	background-color: #f5f5f5;
	padding-top:20px;
	padding-bottom:20px;
	margin-bottom:20px !important;
	color:#1856b2;
}
.h2_tit a{
  color:#1856b2;	
}
.h3_tit{
	display: block;
	padding-bottom:12px;
	margin-bottom:10px !important;
	position: relative;
	padding-left:20px;
}
.h3_tit:before{
	content:"";
	position: absolute;
	top:2px;
	left:0px;
	width:12px;
	height:12px;
	background-color:#000;
}
.h4_tit{
	display: inline-block;
	padding-top:12px;
	padding-bottom:12px;
	margin-bottom:10px !important;
	border-bottom:1px solid #1856b2;
}

.page-tab{
  position: sticky;
/*  top: 165px;*/
  background-color: #fff;
  padding: 15px 15px 5px 0px;
  border-bottom: 3px solid #0061cd;
  margin-bottom: 20px;
  z-index: 100;

}

.page-tab span,.page-tab a{
  padding: 7px 10px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom:10px;
  background-color: #f5f5f5;
  cursor: pointer;
}

.page-tab span:hover,.page-tab a:hover,.page-tab-choose{
  background-color: #eadf00 !important;
  color: #000 !important;
}

.filter-conarea{
      position: sticky;
      top: 175px;
    z-index:900;
    background-color: #fff;
}

.tit_show{
position: relative;
}
.tit_show::before{
	content:"";
	background-image: url("../img/test-data-gif.gif");
	width: 90px;
	height:40px;
	position: absolute;
  
	background-size: contain;
	background-repeat: no-repeat;
}

@media (min-width: 1280px){
	.tit_show::before{
    top:-5px;
	left:-110px;
	}
}
@media (min-width: 769px) and (max-width: 1279px){
  	.tit_show::before{
    top:0px;
		left:-110px;
	}
}
@media (max-width: 768px){
  	.tit_show::before{
     bottom:0px;
	 right:-40px;
	}
}


.inpage_left{width:800px; height:auto; overflow:hidden; display:inline-block;}


.ServiceShowPic {font-size:12px;text-align:center;line-height:1.7em !important;color:#666666;}
.ServiceShowPic img {margin:auto;}
.ServiceShowleftPic {float:left;margin-right:15px;text-align:center;color:#666666;display:inline-block;}
.ServiceShowrightPic {float:right;margin-left:15px;text-align:center;color:#666666;display:inline-block;}
.ServiceShowPic,.ServiceShowrightPic,.ServiceShowleftPic {font-size:12px;text-align:center;line-height:1.7em !important;}
.ServiceShowPic img,.ServiceShowrightPic img,.ServiceShowleftPic img {display:block;max-width:100%;height:auto;margin-bottom:8px;margin-left:auto;margin-right:auto;}
.ullist {padding:0 0 0 19px;margin:0;}
.ollist {padding:0 0 15px 19px;margin:0;}
.ollist li{list-style: decimal !important;}
.ullist li:last-child,.ollist li:last-child{margin-bottom:10px;}

ul li > ul,ul li > ul li > ul { padding-bottom:0!important}

.fa-disc::before {content:"●"; font-style: normal; font-weight: normal; padding-right:5px;}
.fa-triangle::before {content:"▶"; font-style: normal; font-weight: normal; padding-right:5px; font-size:30%;}
.fa-star::before {content:"★";  font-style: normal; font-weight: normal; padding-right:5px;}

.triangle li{list-style-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNy4zNjEgMTcuMzYxIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNy4zNjEgMTcuMzYxIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiM1RjVGNUYiIHBvaW50cz0iMS45MjgsMTcuMzY1IDEuOTI4LDAuMSAxNS41ODQsOC43MzIgIi8+DQo8L3N2Zz4NCg==) !important;}
.star li{list-style-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTcuNCAxNy40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNy40IDE3LjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM1RTVFNUU7fQ0KPC9zdHlsZT4NCjxnPg0KCTxnPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTcuNCw2LjhsLTUuMiwzLjhsMS43LDYuM2wtNS4zLTMuN2wtNS4yLDMuN2wxLjktNi4yTDAsNi44aDYuNmwyLjEtNi4ybDIuMSw2LjJIMTcuNHoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==)!important;}
.disc li{list-style: disc !important;}
.roman li{list-style: lower-roman !important;}
.hollow-disc li{list-style-type:circle !important;}



.decimal li{list-style: decimal !important;}
.greek li{list-style: lower-greek !important;}
.latin li{list-style: lower-latin !important;}
.upper-latin li{list-style: upper-latin !important;}



.Reference{padding-bottom:0;font-size:14px !important;line-height:20px !important;color:#888888 !important; }
.Referencemargin{margin-top:0 !important;margin-bottom:0 !important;padding-bottom:0 !important;}
.Referencemargin strong{font-size:14px !important;}
.Referencemargin li{padding-bottom:8px !important;}

.tablecontentshow{margin:auto auto 15px auto;}
.tablecontentshow td{padding:5px;}
.tablecontentshow .servicetheadbg{ background-color:#a7c44c;color:#ffffff;}
.tablecontentshow td.word-break-css{word-break:break-all !important;}


@media (min-width: 769px) and (max-width: 1279px){

.inpage_left{width:60%; height:auto; overflow:hidden; display:inline-block;}
.inpage_section_title{margin:0 auto; text-align:left;}
/*.inpage_section_title h1,.inpage_section_title h2{font-size:28px;}*/
.inpage_section_title hr{height:4px;width:70px;text-align:left;position:relative;background:#a7c44c;margin:0 auto;margin-bottom:20px;border:0; display:inline-block;}
.ServiceShowleftPic,.ServiceShowrightPic {width:100%;text-align:center;margin-bottom:10px;}
.ServiceShowleftPic img,.ServiceShowrightPic img {margin-bottom:15px;}
.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;}
}
@media (max-width: 768px){
.inpage_left{width:100%; height:auto; overflow:hidden; display:inline-block;}
.inpage_section_title{margin:0 auto; text-align:left;}
/*.inpage_section_title h1,.inpage_section_title h2{font-size:24px;}*/
.inpage_section_title hr{height:4px;width:70px;text-align:left;position:relative;background:#a7c44c;margin:0 auto;margin-bottom:20px;border:0; display:inline-block;}
.ServiceShowleftPic,.ServiceShowrightPic {width:100%;text-align:center;margin-bottom:10px;}
.ServiceShowleftPic img,.ServiceShowrightPic img {margin-bottom:15px;}
.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;}
	}

.imgsize_show_area{
/*	width:200px;*/
	height:280px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin:auto !important;
}
.imgsize_show_area img{
/*
	max-width:100% !important;
	max-height:100% !important;
*/
	width: 100%;
	height:100%;
	object-fit: contain;
}
#productInfoList .imgsize_show_area{
	height:80px;
}
.sublist-bask-btn {
    text-align: center;
    cursor: pointer;
    font-size: 20px;
}

.subtitle {
    background: #1856B2;
    color: #fff;
    font-weight: bold
}

.pro-inq-btn span{
    display: inline-block;
    text-align: center;
    padding: 0.3em 1em;
    clear: both;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    background: #444;
	margin-top:20px;
	margin-right:15px;
}
.pro-inq-btn span:first-child,.pro-inq-btn span:hover{
	 background: #1856b2;
}

/*tab css*/
.tab_nav,.s_tab_nav,.t_tab_nav{
	position: relative;
	margin-top:20px;
}

.tab_nav span,.s_tab_nav span,.t_tab_nav span{
	margin-right:10px;
	padding:5px 10px 5px 10px;
	display: inline-block;
	background-color: #f2f2f2;
	cursor: pointer;
	margin-top:10px;
}
.tab_nav span:hover,.tab_nav .tab_choosebg,.s_tab_nav span:hover,.s_tab_nav .tab_choosebg,.t_tab_nav span:hover,.t_tab_nav .tab_choosebg{
	background-color: #f3e04e;
	color:#000;
					}
.tab_cont,.s_tab_cont,.t_tab_cont{
	padding:15px; 
	position: relative;
	border:1px solid #efefef;
	display: none;
					}
.tab_cont .tab-content{
	margin-top:0px !important;
	margin-bottom:0px !important;
}
.tab_cont{position:relative;font-size:14px !important}
.tab_cont ul,.tabpro_show ul{padding:0;margin:0;display:table;width:100%;}
.tab_cont ul li,.tabpro_show ul li{padding:8px;margin:0;word-break:break-all;word-wrap:break-word;list-style: none;}
/*.s_provide-box-con .tab_cont ul:nth-child(odd){background-color: #f2f2f2;}*/
.tabpro_show ul{border-bottom:1px solid #eee;}
.tab_cont ul li a,.tabpro_show ul li a{color:#1856b2}
.tab_cont ul li a:hover,.tabpro_show ul li a:hover{color:#ff0000}
.s_provide-box-con .tab_cont ul li:first-child{font-weight:bold;}
.tabpro_show ul li:last-child{}
@media (min-width:1280px){
.tabpro_show ul li:first-child{width:30%;float:left}
.tabpro_show ul li:last-child{width:70%;float:left}
.tabpro_show li{float:left;width:33%}
}@media (min-width:769px) and (max-width:1279px){
.tabpro_show ul li:first-child{width:30%;float:left}
.tabpro_show ul li:last-child{width:70%;float:left}
.tabpro_show li{float:left;width:33%}
}
@media (max-width:768px){
	.tabpro_show ul li:first-child,.tabpro_show ul li:last-child{width:100%;float:left}
.tabpro_show li{width:100%}
}
.tab_nav.seleth{
	width:300px;
	min-height:48px;
	position: relative;
	margin-top:0px;
	margin-bottom:15px;
	margin-left:25px;
}
.tab_nav.seleth:hover > span,.tab_nav.seleth:hover b:after{
	background-color: #f3e04e;
}
.tab_nav.seleth > span{
	width:100%;
}
.tab_nav.seleth > b:after{
	content:"▼";
	width:40px;
	height:38px;
	position: absolute;
	right:0px;
	top:10px;
	z-index: 90;
	text-align: center;
	line-height:40px;
	background-color: #f3e04e;
}
.tab_nav.seleth .selectlist{
	position: absolute;
	width:100%;
	height:0px;
	top:50px;
	left:0px;
	z-index: 130;
	overflow-y:hidden;
	background-color: #fff;
}
.selectcont{
	height:300px !important;
	overflow-y:auto !important;
}
.tab_nav.seleth .selectlist span{
	display: block;
	margin-right:0px;
}
.iso{padding-top:15px;padding-bottom:0px;}
.iso img{max-width:100%;}

.tooltip-box{position: relative;}
.tooltip-box .tooltip{
    display: none;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(30, 30, 30, 1);
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    white-space: wrap;
    width: 100%;
    font-size: 14px;
    text-align: left;
    line-height:1.4em;
}
.tooltip-box .tooltip a{color:#f3e04e;}
.tooltip-box .tooltip a:hover{color:#000;}
.tooltip-box:hover .tooltip {
    display: block;
    opacity: 1;
}
.tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    border-width: 8px;
    border-style: solid;
    border-color: rgba(30, 30, 30, 1) transparent transparent transparent;
    transform: translateX(-50%);
}