.breadcrumb {
  --crumb-gap: 6px;
  --sep-size: 12px;
  --text: #6b7280;       /* slate-500 */
  --text-hover: #0f172a; /* slate-900 */
  --current: #111827;    /* gray-900 */
  
  color: var(--text);
  font-size: 13px;
  line-height: 1.9;
  display: inline-flex;
  align-items: center;
  gap: var(--crumb-gap);
  flex-wrap: wrap; /* در صورت طولانی شدن، به خط بعد بره */
}

.breadcrumb .crumb {
  color: inherit;
  text-decoration: none;
  transition: color .18s ease;
  white-space: nowrap; /* هر آیتم جداگانه نشکنه */
}

.breadcrumb .crumb:hover { color: var(--text-hover); }

.breadcrumb .crumb.current {
  color: var(--current);
  font-weight: 500;
  pointer-events: none;
}

/* جداکننده فلش */
.breadcrumb .sep {
  width: var(--sep-size);
  height: var(--sep-size);
  opacity: .55;
  flex: 0 0 auto;
  background: currentColor;
  -webkit-mask: url('data:image/svg+xml;utf8,\
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
    <path d="M9 5l7 7-7 7" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\
  </svg>') center / 100% 100% no-repeat;
          mask: url('data:image/svg+xml;utf8,\
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
    <path d="M9 5l7 7-7 7" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\
  </svg>') center / 100% 100% no-repeat;
  transform: scaleX(-1); /* برای راست‌به‌چپ */
}

.banner-container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* فاصله بین بنرها */
}

.banner-item {
    flex: 1 1 calc(25% - 15px); /* 4 بنر در دسکتاپ */
    overflow: hidden;
    border-radius: 12px;
    transition: transform 0.3s, box-shadow 0.3s;
    cursor: pointer;
    position: relative;
}

.banner-item img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s;
}

.banner-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}

.banner-item:hover img {
    transform: scale(1.05);
}

/* موبایل */
@media (max-width: 768px) {
    .banner-item {
        flex: 1 1 calc(50% - 15px); /* 2 بنر در موبایل */
    }
}

#fix1{
	position:fixed;top:10%;left:0px;padding:5px;padding-right:12px;background-color:#e2001a;color:white;z-index:99999999999999999;border-radius: 0px 10px 10px 0px;
-moz-border-radius: 0px 10px 10px 0px;
-webkit-border-radius: 0px 10px 10px 0px;
}
.bg80{
	background-color: #000000;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpolygon fill='%23220000' points='1600 160 0 460 0 350 1600 50'/%3E%3Cpolygon fill='%23440000' points='1600 260 0 560 0 450 1600 150'/%3E%3Cpolygon fill='%23660000' points='1600 360 0 660 0 550 1600 250'/%3E%3Cpolygon fill='%23880000' points='1600 460 0 760 0 650 1600 350'/%3E%3Cpolygon fill='%23A00' points='1600 800 0 800 0 750 1600 450'/%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
}


	#ff1{
	float:right;width:30%;padding-bottom:3px;border-bottom:1px silver solid;
}
#ff2{
	float:left;width:68%;padding-bottom:3px;border-bottom:1px silver solid;
}



#ypro1{
	float:right;width:15%;background:white;border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;padding:7px;
}
#ypro2{
	float:right;width:15%;background:white;margin-right:2%;border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;padding:7px;
}
#ypro3{
	float:right;width:15%;background:white;margin-right:2%;border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;padding:7px;
}
#ypro4{
	float:right;width:15%;background:white;margin-right:2%;border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;padding:7px;
}
#ypro5{
	float:right;width:15%;background:white;margin-right:2%;border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;padding:7px;
}
#ypro6{
	float:left;width:15%;background:white;border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;padding:7px;
}


a {

color:#003300;

text-decoration:none;

}

A:link {text-decoration: none}

A:visited {text-decoration: none}

A:active {text-decoration: none}

A:hover {color: #000066;text-decoration:none}

img.double-border {

	border: 5px solid #ddd;

	padding: 5px; /*Inner border size*/

	background: #fff; /*Inner border color*/

}

.frame-block {

	position: relative;

	display: block;

	height:335px;

	width: 575px;

}

.frame-block span {

	background: url(frame.png) no-repeat center top;

	height:335px;

	width: 575px;

	display: block;

	position: absolute;

}
#ax77{
max-width:65%;border:2px #000066 solid;margin-top:15px;margin-bottom:15px;border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}
.bg901{
	background-color: #FFFFFF;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23efefef'/%3E%3Cstop offset='1' stop-color='%23efefef' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='1200' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23e2e5ed'/%3E%3Cstop offset='1' stop-color='%23e2e5ed' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='600' cy='0' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23d2d5db'/%3E%3Cstop offset='1' stop-color='%23d2d5db' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='600' cy='800' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23FFFFFF'/%3E%3Cstop offset='1' stop-color='%23FFFFFF' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23DEDEDE'/%3E%3Cstop offset='1' stop-color='%23DEDEDE' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='1200' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23C5CBDA'/%3E%3Cstop offset='1' stop-color='%23C5CBDA' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='1200' height='800'/%3E%3Crect fill='url(%23b)' width='1200' height='800'/%3E%3Crect fill='url(%23c)' width='1200' height='800'/%3E%3Crect fill='url(%23d)' width='1200' height='800'/%3E%3Crect fill='url(%23e)' width='1200' height='800'/%3E%3Crect fill='url(%23f)' width='1200' height='800'/%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
}
#gk1{
	float:right;width:49%;
}
#gk2{
	float:left;width:49%;
}
#sl1{
	float:right;width:66.5%;border:1px silver solid;
}
#sl2{
	float:left;width:32.5%;
}
#ne1{
	float:right;width:24%;border:1px silver solid;background:white;
}
#ne2{
	float:right;width:24%;margin-right:1.3%;border:1px silver solid;background:white;
}
#ne3{
	float:right;width:24%;margin-right:1.3%;border:1px silver solid;background:white;
}
#ne4{
	float:left;width:24%;border:1px silver solid;background:white;
}

.heartbeat{-webkit-animation:heartbeat 1.5s ease-in-out infinite both;animation:heartbeat 1.5s ease-in-out infinite both}

@-webkit-keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}

.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.pc{
	display:block;
}
#tel{
padding-top:7px;font-size:22px;	float:left;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#tel9{
	float:left;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;margin-left:13px;
}


#menu11{
	display:none;
}
#tell22{
	position:fixed;right:0px;bottom:10px;z-index:1;display:none;-webkit-border-top-left-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-bottomleft: 7px;
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
}


#tell{
	position:fixed;left:0px;bottom:10px;z-index:1;display:none;-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
}
#g1{
	width:100%;margin-bottom:6px;background-color:#F4F4F4;padding:4px;-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;padding-bottom:5px;padding-top:5px;
}
#g2{
	width:100%;margin-bottom:6px;background-color:#F4F4F4;padding:4px;-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;padding-bottom:5px;padding-top:5px;
}
.mob{
	display:none;
}
#re1{
	float:left;width:78%;
}
#re2{
	float:right;width:20%;
}
#grr1{
	width:49%;float:right;margin-bottom:2%;
}
#grr2{
	width:49%;float:left;margin-bottom:2%;
}


.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}

.blink-1{-webkit-animation:blink-1 4s infinite both;animation:blink-1 4s infinite both}
@-webkit-keyframes blink-1{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes blink-1{0%,50%,100%{opacity:1}25%,75%{opacity:0}}

@font-face {
    font-family: 'weblogmayekan';
    src: url('fonts/Vazir-Light.eot');
    src: url('fonts/Vazir-Light.eot#iefix') format('embedded-opentype'),
         url('fonts/Vazir-Light.woff') format('woff'),
         url('fonts/Vazir-Light.ttf') format('truetype'),
         url('fonts/Vazir-Light.svg#CartoGothicStdBook') format('svg');
    font-weight: normal;
    font-style: normal;
}
*{
	font-family:weblogmayekan;font-size:16px;;    text-decoration: none;

}
.tx{
	width:70%;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.scroll {
 
   overflow: auto;
}



#ppro1{
	width:33%;background:white;border:1px silver solid;float:right;
}

#ppro2{
	width:33%;background:white;border:1px silver solid;margin-right:1.5%;float:right;;
}

#ppro3{
	width:33%;background:white;border:1px silver solid;;float:left;;
}


.scroll::-webkit-scrollbar {
    width: 12px;
}

.scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

.scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2); 
}


#Repeatt{
	display:none;
}

#bas{
	float:left;margin-top:20px;
}
#logi{
	float:left;margin-left:22px;border:1px silver solid;;padding:5px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;margin-top:10px;}
#f1{
	width:27%;float:right;
}
#f2{
	width:17%;float:right;margin-right:3%;
}


#f3{
	width:17%;float:right;margin-right:2%;
}


#f5{
	width:19%;float:left;
}

#r3{
	float:right;color:white;
}
#l3{
	float:left;color:white;
}
#gr1{
	float:right;width:24%;margin-bottom:2%;border:1px silver solid;}
#gr2{
	float:right;width:24%;margin-right:1.3%;margin-bottom:2%;border:1px silver solid;
}
#gr3{
	float:right;width:24%;margin-right:1.3%;margin-bottom:2%;border:1px silver solid;
}
#gr4{
	float:left;width:24%;margin-bottom:2%;border:1px silver solid;
}


#prod1{
	width:24%;float:right;border:1px silver solid;-webkit-box-shadow:0px 0px 1px 1px #eee6e6 ,0px 0px 5px 0px #dae7da ;
-moz-box-shadow:0px 0px 1px 1px #eee6e6 ,0px 0px 5px 0px #dae7da ;
box-shadow:0px 0px 1px 1px #eee6e6 ,0px 0px 5px 0px #dae7da ;}

#prod2{
	width:24%;float:right;border:1px silver solid;-webkit-box-shadow:0px 0px 1px 1px #eee6e6 ,0px 0px 5px 0px #dae7da ;
-moz-box-shadow:0px 0px 1px 1px #eee6e6 ,0px 0px 5px 0px #dae7da ;
box-shadow:0px 0px 1px 1px #eee6e6 ,0px 0px 5px 0px #dae7da ;margin-right:1.3%;}

#prod3{
	width:24%;float:right;border:1px silver solid;-webkit-box-shadow:0px 0px 1px 1px #eee6e6 ,0px 0px 5px 0px #dae7da ;
-moz-box-shadow:0px 0px 1px 1px #eee6e6 ,0px 0px 5px 0px #dae7da ;
box-shadow:0px 0px 1px 1px #eee6e6 ,0px 0px 5px 0px #dae7da ;margin-right:1.3%;}

#prod4{
	width:24%;float:left;border:1px silver solid;-webkit-box-shadow:0px 0px 1px 1px #eee6e6 ,0px 0px 5px 0px #dae7da ;
-moz-box-shadow:0px 0px 1px 1px #eee6e6 ,0px 0px 5px 0px #dae7da ;
box-shadow:0px 0px 1px 1px #eee6e6 ,0px 0px 5px 0px #dae7da ;}





#prodd1{
	width:32%;float:right;border:1px silver solid;-webkit-box-shadow:0px 0px 1px 1px #eee6e6 ,0px 0px 5px 0px #dae7da ;
-moz-box-shadow:0px 0px 1px 1px #eee6e6 ,0px 0px 5px 0px #dae7da ;
box-shadow:0px 0px 1px 1px #eee6e6 ,0px 0px 5px 0px #dae7da ;}

#prodd2{
	width:32%;float:right;border:1px silver solid;-webkit-box-shadow:0px 0px 1px 1px #eee6e6 ,0px 0px 5px 0px #dae7da ;
-moz-box-shadow:0px 0px 1px 1px #eee6e6 ,0px 0px 5px 0px #dae7da ;
box-shadow:0px 0px 1px 1px #eee6e6 ,0px 0px 5px 0px #dae7da ;margin-right:2%;}

#prodd3{
	width:32%;float:left;border:1px silver solid;-webkit-box-shadow:0px 0px 1px 1px #eee6e6 ,0px 0px 5px 0px #dae7da ;
-moz-box-shadow:0px 0px 1px 1px #eee6e6 ,0px 0px 5px 0px #dae7da ;
box-shadow:0px 0px 1px 1px #eee6e6 ,0px 0px 5px 0px #dae7da ;}






.tb{
	float:right;line-height:70px;padding-left:20px;padding-right:20px;-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;background-color:#efefef;margin-left:20px;cursor:pointer;
}

#kk{
	width:24%;height:auto;display:inline-block;margin:0.3%;border:1px silver solid;--webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;margin-bottom:15px;}


#w1{
	float:right;width:24%;background:white;
}
#w2{
	float:right;width:24%;margin-right:1.3%;background:white;
}
#w3{
	float:right;width:24%;margin-right:1.3%;background:white;
}
#w4{
	float:left;width:24%;margin-right:1.3%;background:white;
}


#qw1{
	float:right;width:40%;
}

#qw2{
	float:left;width:58%;
}
.hh{
	float:right;width:30%;background:#F0F0F0;padding-right:10px;font-size:14px;;
}

.hh2{
	float:left;width:69.99%;background:white;padding-right:10px;font-size:14px;
}

#kh1{
	float:right;width:48%;
}

#kh2{
	float:left;width:48%;
}


#naz1{
	float:right;width:32%;
}
#naz2{
	float:right;width:32%;margin-right:2%;
}

#naz3{
	float:left;width:32%;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #C0C0C0;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #C0C0C0;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #C0C0C0;
}
#container { direction: rtl; width: 100%; margin: 0 auto;background-color:white;}
body{
background-color:white;
}
a:hover {
    text-decoration:none;
    }
#content1{
	height:auto;margin-bottom:0px;
}#ccontent1{
	width:96%; margin: 0 auto;display:table ;height:auto;
}
.bass{
	width:24px;text-align:center;height:24px;position:absolute;top:-5px;left:-4px;padding:3px;background:#01bad8;color:white;font-weight:bold;font-size:17px;-webkit-border-radius:50%;
							-moz-border-radius: 50%;
							border-radius: 50%;
}
#logo{
	float:right;padding-top:3px;padding-bottom:3px;
}
#title{
	float:right;margin-right:0px;margin-top:31px;text-align:right;line-height:32px;
}
#menu{float:right;margin-right:0px;
}
#logo2{
	position:absolute;left:0px;top:16px;
}

#naz1{
	float:right;width:32%;
}
#naz2{
	float:right;width:32%;margin-right:2%;
}

#naz3{
	float:left;width:32%;
}


#e1{
	float:right;width:32%;padding:5px;color:white;background-color:#6d1fed;-webkit-border-radius: 5px;margin-bottom:2%;
-moz-border-radius: 5px;
border-radius: 5px;
}
#e2{
	float:right;width:32%;padding:5px;color:white;background-color:#6d1fed;-webkit-border-radius: 5px;margin-bottom:2%;
-moz-border-radius: 5px;
border-radius: 5px;margin-right:2%;
}
#e3{
	float:left;width:32%;padding:5px;color:white;background-color:#6d1fed;-webkit-border-radius: 5px;margin-bottom:2%;
-moz-border-radius: 5px;
border-radius: 5px;
}



#mob{
	display:none;
}
#box2{
	width:240px;height:200px;display:inline-block;margin:15px;
}
#menu2{
	display:none;float:left;
}
#nnews1{
	float:right;width:20%;height:100px;
}
#nnews2{
height:120px;overflow:hidden;width:78%;float:left;
}
#ninews{
height:100px;width:150px;
}
.rotate{
transition: 1s ease;
}

.rotate:hover{
-webkit-transform: rotateZ(-10deg);
-ms-transform: rotateZ(-10deg);
transform: rotateZ(-10deg);
transition: 1s ease;
}
h1{
	font-size:18px;padding:0px;margin:0px;font-weight:bold;
}
h2{
	font-size:16px;padding:0px;margin:0px;font-weight:normal;
}
h3{
	font-size:14px;padding:0px;margin:0px;
}
#box11{width:19%;height:90px;margin-left:0.5%;float:right;;margin-bottom:25px;background:white;border:1px silver solid; box-shadow: 0 8px 6px -6px black;
}
#z2{
	display:inline-block;width:32.5%;height:230px;margin:0.2%;border:1px silver solid;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#pr1{
	width:40%;float:right;text-align:center;border:1px silver solid;-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;padding-top:12px;padding-bottom:12px;
}
#pr2{
	width:55%;float:left;line-height:32px;
}

#r1{
	float:right;padding-top:4px;
}
#l1{
	float:left;
}

#search{
	float:right;width:45%;margin-right:5%;margin-top:10px;
}
#search1{
	float:left;width:12%;height:40px;background-color:red;
}
#search2{
	float:left;width:88%;height:40px;background-color:blue;
}
#bass{
	float:left;;margin-top:23px;position:relative;
}
#log{
	float:left;margin-left:24px;padding-left:24px;border-left:1px #999999 solid;text-align:center;margin-top:19px;color:white;
}


#ser1{
	float:right;width:32%;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;border:2px #2d527b solid;background:white;
}
#ser2{
	float:right;width:32%;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;border:2px #2d527b solid;margin-right:2%;background:white;
}
#ser3{
	float:left;width:32%;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;border:2px #2d527b solid;background:white;
}



#r2{
	width:49%;float:right;height:200px;border:1px silver solid;background:white;padding:10px;padding-top:20px;
}
#l2{
	width:49%;float:left;height:200px;border:1px silver solid;background:white;padding:10px;padding-top:20px;
}
.btb{
	font-size:14px;padding:4px;padding-right:12px;padding-left:12px;background-color:#666699;color:white;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;;
}
.btb:hover{
	background-color:#FF0066;
}
.pro{
-webkit-transition: border-color 1s ease;
         -moz-transition: border-color 1s ease;
           -o-transition: border-color 1s ease;
          -ms-transition: border-color 1s ease;
              transition: border-color 1s ease;    
}
.pro:hover{
    border:2px red solid;
    }

#pro1{
	width:19%;height:290px;background:white;;float:right;margin-bottom:1.3%;
}

#pro2{
	width:19%;height:290px;background:white;margin-right:1.3%;float:right;margin-bottom:1.3%;
}

#pro3{
	width:19%;height:290px;background:white;margin-right:1.3%;float:right;margin-bottom:1.3%;
}
#pro4{
	width:19%;height:290px;background:white;margin-right:1.3%;float:right;margin-bottom:1.3%;
}

#pro5{
	width:19%;height:290px;background:white;float:left;margin-bottom:1.3%;
}






#ppro1{
	width:33%;background:white;border:1px silver solid;float:right;
}

#ppro2{
	width:33%;background:white;border:1px silver solid;margin-right:1.5%;float:right;;
}

#ppro3{
	width:33%;background:white;border:1px silver solid;;float:left;;
}



.countdown {
  text-align: center;font-size:12px;
}
.countdown .timeel {
  padding: 2px;font-size:12px;
  margin: 0;
  color: white;
}
.countdown span[class*="timeRef"] {
}

#nw1{
	width:32%;float:right;
}
#nw2{
	width:32%;float:right;margin-right:2%;
}
#nw3{
	width:32%;float:left;
}

#con1{
	float:right;width:40%;
}
#con2{
	float:left;width:57%;
}
#short{
	float:right;width:24%;padding-bottom:7px;
}

#faq1{
	float:right;width:32%;
}
#faq2{
	float:left;width:62%;
}


.bt87 {
	box-shadow:inset 0px 1px 3px 0px #91b8b3;
	background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
	background-color:#768d87;
	border-radius:5px;
	border:1px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	padding:11px 23px;
	text-decoration:none;
	text-shadow:0px -1px 0px #2b665e;
}
.bt87:hover {
	background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
	background-color:#6c7c7c;
}
.bt87:active {
	position:relative;
	top:1px;
}

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


#nnews1{
	float:right;width:150px;height:100px;
}
#nnews2{
height:100px;overflow:hidden;width:870px;float:left;
}
#ninews{
height:100px;width:150px;
}

#mob{
	display:block;
}

#menu2{
	display:block;
}
#menu{
	display:none;
}
#menu11{
	display:block;
}

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

#nnews1{
	float:right;width:150px;height:100px;
}
#nnews2{
height:100px;overflow:hidden;width:670px;float:left;
}
#ninews{
height:100px;width:150px;
}

#menu11{
	display:block;
}




}


@media only screen and (max-width: 800px) {
.pc{
	display:none;
}
.mob{
	display:block;
}

#menu2{
	display:block;
}
#menu11{
	display:block;
}




#u1{
	width:48%;display:inline-block;margin:0x;margin:0.3%;margin-bottom:1%;float:none;
}
#u2{
	width:48%;display:inline-block;margin:0x;margin:0.3%;margin-bottom:1%;float:none;
}
#u3{
	width:48%;display:inline-block;margin:0x;margin:0.3%;margin-bottom:1%;float:none;
}
#u4{
	width:48%;display:inline-block;margin:0x;margin:0.3%;margin-bottom:1%;float:none;
}
#u5{
	width:48%;display:inline-block;margin:0x;margin:0.3%;margin-bottom:1%;float:none;
}
#u6{
	width:48%;display:inline-block;margin:0x;margin:0.3%;margin-bottom:1%;float:none;
}


#p1{
	width:48%;display:inline-block;margin:0x;margin:0.3%;margin-bottom:1%;float:none;
}
#p2{
	width:48%;display:inline-block;margin:0x;margin:0.3%;margin-bottom:1%;float:none;
}
#p3{
	width:48%;display:inline-block;margin:0x;margin:0.3%;margin-bottom:1%;float:none;
}
#p4{
	width:48%;display:inline-block;margin:0x;margin:0.3%;margin-bottom:1%;float:none;
}

#r1{
	width:100%;;text-align:center;
}
#l1{
	width:100%;padding-top:5px;margin-top:5px;text-align:center;
}

#copy{
	width:100%;text-align:center;padding-bottom:10px;
}
#insta{
	width:100%;text-align:center;
}

#nnews1{
	float:right;width:150px;height:100px;
}
#nnews2{
height:100px;overflow:hidden;width:490px;float:left;
}
#ninews{
height:100px;width:150px;
}
#k1{
	width:48%;margin:0.8%;border:0px;
}
#k2{
	width:48%;margin:0.8%;border:0px;
}
#k3{
	width:48%;margin:0.8%;border:0px;
}
#k4{
	width:48%;margin:0.8%;border:0px;
}

.cols {
    -moz-column-count:2;
    -moz-column-gap: 3%;
    -moz-column-width: 45%;
    -webkit-column-count:3;
    -webkit-column-gap: 3%;
    -webkit-column-width: 45%;
    column-count: 2;
    column-gap: 3%;
    column-width: 45%;
}

}


@media only screen and (max-width: 750px) {
.rotate{
transition: 1s ease;
}

.rotate:hover{
-webkit-transform: rotateZ(-0deg);
-ms-transform: rotateZ(-0deg);
transform: rotateZ(-0deg);
transition: 1s ease;
}

#nnews1{
	float:right;width:100%;height:200px;text-align:right;
}
#nnews2{
height:100px;overflow:hidden;width:100%;float:left;
}
#ninews{
height:200px;width:300px;
}
#news1{
	width:100%;margin:0px;margin-bottom:10px;
}
#q1{
	width:100%;margin:0px;margin-bottom:20px;height:300px;
}
#pro{
	height:250px;
}


#f1{
	width:100%;padding-bottom:12px;
}

#f2{
	width:100%;margin:0px;border-top:2px silver solid;border-bottom:2px silver solid;padding-top:12px;padding-bottom:12px;
}

#f3{
	width:100%;margin:0px;border-bottom:2px silver solid;padding-top:0px;padding-top:12px;padding-bottom:12px;
}
#f4{
	width:100%;margin:0px;border-bottom:2px silver solid;padding-top:0px;padding-top:12px;padding-bottom:12px;
}
#f5{
	width:100%;margin:0px;padding-top:0px;padding-top:12px;padding-bottom:12px;
}

#box11{width:49%;height:90px;margin:0.5%;float:none;display:inline-block;;margin-bottom:10px;background:white;border:1px silver solid; box-shadow: 0 8px 6px -6px black;
}

#pr1{
	width:100%;margin-bottom:10px;
}
#pr2{
width:100%;
}
img{
	max-width:100%;
}
#pc{
	display:none;
}
#pc2{
	display:none;
}
img{
	max-width:100%;
}
#date{
	text-align:center;width:100%;padding:0px;margin:0px;

}
#logo{
	width:100%;text-align:center;padding-bottom:12px;
}
#logi{
	float:right;
}
#box1{
	width:100%;margin:0px;margin-bottom:15px;
}
#news{
	width:100%;margin:0px;margin-bottom:15px;
}
#z2{
	width:100%;margin:0px;margin-bottom:10px;
}
img{
	max-width:100%;
}
#title{
	margin-right:0px;margin-top:10px;width:100%;text-align:center;
}


#logo2{
	display:none;
}
#onvan{
width:100%;text-align:center;padding-top:15px;padding-bottom:15px;margin:0px;font-size:20px;font-weight:bold;
}
.lo{
	text-align:center;
}
#search{
	width:100%;margin:0px;padding:0px;
}
#log{
	width:49%;float:right;text-align:center;margin:0px;margin-top:12px;
}
#bass{
	width:49%;float:left;text-align:center;margin:0px;margin-top:12px;
}
.bass{
	width:24px;text-align:center;height:24px;position:absolute;top:-5px;left:40%;padding:3px;background:#01bad8;color:white;font-weight:bold;font-size:17px;-webkit-border-radius:50%;
							-moz-border-radius: 50%;
							border-radius: 50%;
}
#ser1{
	width:100%;margin:0px;margin-bottom:2%;
}
#ser2{
	width:100%;margin:0px;margin-bottom:2%;
}
#ser3{
	width:100%;margin:0px;margin-bottom:2%;
}
#r2{
	width:100%;margin:0px;margin-bottom:2%;height:auto;
}
#l2{
	width:100%;margin:0px;margin-bottom:2%;height:auto;
}
#pro1{
	width:49%;margin:0px;margin-bottom:2%;float:right;height:auto;padding-bottom:15px;
}
#pro2{
	width:49%;margin:0px;margin-bottom:2%;float:left;height:auto;padding-bottom:15px;
}
#pro3{
	width:49%;margin:0px;margin-bottom:2%;float:right;height:auto;padding-bottom:15px;
}
#pro4{
	width:49%;margin:0px;margin-bottom:2%;float:left;height:auto;padding-bottom:15px;
}
#pro5{
	display:none;
}
#nw1{
	width:100%;margin:0px;margin-bottom:2%;padding-right:20px;padding-left:20px;
}
#nw2{
	width:100%;margin:0px;margin-bottom:2%;;padding-right:20px;padding-left:20px;


}
#nw3{
	width:100%;margin:0px;margin-bottom:2%;;padding-right:20px;padding-left:20px;


}
#con1{
	width:100%;margin-bottom:2%;
}
#con2{
	width:100%;margin-bottom:2%;
}
#short{
	width:49%;
}
#e1{
width:100%;margin:0px;margin-bottom:2%;
}
#e2{
width:100%;margin:0px;margin-bottom:2%;
}
#e3{
width:100%;margin:0px;margin-bottom:2%;
}
#faq1{
	width:100%;margin:0px;margin-bottom:2%;
}
#faq3{
	width:100%;margin:0px;margin-bottom:2%;
}
#faq2{
	width:100%;margin:0px;margin-bottom:2%;
}

#naz1{
	width:100%;margin:0px;margin-bottom:5px;
}
#naz2{
	width:100%;margin:0px;margin-bottom:5px;
}
#naz3{
	width:100%;margin:0px;margin-bottom:5px;
}
.hh{
	float:right;width:100%;background:#F0F0F0;padding-right:10px;font-size:14px;;
}
.hh2{
	float:left;width:100%;background:white;padding-right:10px;font-size:14px;
}
.pro:hover{
    border:0px red solid;
    }
#w1{
	width:100%;
}
#w2{
	width:100%;
}
#w3{
	width:100%;
}
#w4{
	width:100%;
}
#prod1{
	float:right;margin:0px;margin-bottom:2%;width:49%;
}
#prod2{
	float:left;margin:0px;margin-bottom:2%;width:49%;
}


#prod3{
	float:right;margin:0px;margin-bottom:2%;width:49%;
}
#prod4{
	float:left;margin:0px;margin-bottom:2%;width:49%;
}
#Repeatt{
	display:block;
}
.tb{
	display:none;
}
#gr1{
	width:100%;margin:0px;margin-bottom:2%;
}
#gr2{
	width:100%;margin:0px;margin-bottom:2%;
}
#gr3{
	width:100%;margin:0px;margin-bottom:2%;
}
#gr4{
	width:100%;margin:0px;margin-bottom:2%;
}
#gr5{
	width:100%;margin:0px;margin-bottom:2%;
}
#r3{
	display:table;width:100%;text-align:center;
}
#l3{
	display:table;width:100%;text-align:center;padding-top:8px;
}
.tx{
	width:100%;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#prodd1{
	width:100%;margin:0px;margin-bottom:1%;
}
#prodd2{
	width:100%;margin:0px;margin-bottom:1%;
}
#prodd3{
	width:100%;margin:0px;margin-bottom:1%;
}
#re1{
	width:100%;
}
#re2{
	width:100%;margin-bottom:10px;
}
#g1{
	width:49%;margin-bottom:6px;background-color:#F4F4F4;padding:4px;-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;padding-bottom:5px;padding-top:5px;float:right;text-align:center;
}
#g2{
	width:49%;margin-bottom:6px;background-color:#F4F4F4;padding:4px;-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;padding-bottom:5px;padding-top:5px;float:left;text-align:center;
}
#tel{
	display:none;
}
#tel9{
	display:none;
}


#tell{
	position:fixed;left:0px;bottom:10px;z-index:1;display:block;padding-top:6px;padding-bottom:6px;
}

#tell22{
	z-index:1;display:block;
}
#ne1{
	float:right;width:49%;margin:0px;margin-bottom:2%;
}
#ne2{
	float:left;width:49%;margin:0px;margin-bottom:2%;
}
#ne3{
	float:right;width:49%;margin:0px;margin-bottom:2%;
}
#ne4{
	float:left;width:49%;margin:0px;margin-bottom:2%;
}

#ypro1{
	width:100%;margin:0px;margin-bottom:2%;
}
#ypro2{
	width:100%;margin:0px;margin-bottom:2%;
}
#ypro3{
	width:100%;margin:0px;margin-bottom:2%;
}
#ypro4{
	width:100%;margin:0px;margin-bottom:2%;
}
#ypro5{
	width:100%;margin:0px;margin-bottom:2%;
}
#ypro6{
	width:100%;margin:0px;margin-bottom:2%;
}
#ff1{
	float:right;width:100%;padding-bottom:3px;border-bottom:1px silver solid;
}
#ff2{
	float:left;width:100%;padding-bottom:3px;border-bottom:4px silver solid;
}


}