@charset "utf-8";
/* CSS Document */

*{margin:0 auto; padding:0;}
body{width:100%; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-size:12px; color:#000;}
#top{width:100%; height:110px; border-bottom:0px solid #d1d1d1;}
.top_area{width:1000px; height:100px;}
.logo{float:left; width:300px;}
.logo h1{color:#F00; margin-top:30px; margin-left:10px; font-size:24px;}
.top_title{float:left; height:50px; color:#666; margin-top:10px; margin-left:50px; font-weight:bold;}
.top_title span
{
	display:block;
	float:left;
}
.top_title span img
{
	float:left;
	margin-right:0px;
}
.top_title span p
{
	margin-top:5px;
	color:#666
}
.top_title span a
{
	color:#666;
	margin-right:10px;
}
.navbar{width:1000px; height:40px; background-color: #3093c7; background-image: -webkit-gradient(linear, left top, left bottom, from(#3093c7), to(#1c5a85));
 background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
 background-image: linear-gradient(to bottom, #3093c7, #1c5a85);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85);border:1px solid #25729a; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;}
.navbar .nav{width:1000px; height:40px;}
.nav ul{margin:0; padding:0;}
.nav ul li{list-style:none; float:left; margin:10px 30px;}
.nav ul li a{text-decoration:none; color:#FFF; font-size:14px; font-weight:bold;}
.nav ul li a:hover{text-decoration:underline; color: #f2f2f2;}
.wrapper{width:1000px; height:auto; overflow:auto; margin-top:10px;}
.banner{width:1000px; height:400px;}
.banner_area{width:700px; height:400px; float:left;}
.banner_area .banner_catption{position:relative; top:280px; width:100%; height:70px; background: rgb(7, 116, 178);
background: rgba(7, 116, 178, 0.6);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFF, endColorstr=#99FFF);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; text-align:center; }
.banner_catption h1{line-height:70px; color:#FFF; font-size:18px;}
.sales{width:280px; float:right; height:400px; background:#f1f1f1; text-align:center;}
.sales h1{margin-top:150px; color:#FFF; margin-bottom:20px;}
.contains{width:1000px; margin-top:10px;}
.contains p{margin:10px; line-height:18px; font-size:14px; margin-right:1px;}
.box{width:323px; height:250px; background: url(../images/k_1.jpg) no-repeat; float:left; margin:1% 0.5% 1% 0.5%; overflow:hidden;}
.box .box_catption{position:relative; top:200px; width:100%; height:50px; background: rgb(255, 7, 7);
background: rgba(255, 7, 7, 0.6);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFF, endColorstr=#99FFF);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; z-index:999; text-align:center;}
.box_catption h1{line-height:50px; color:#fff; font-size:18px;}

.box1{width:323px; height:250px; background: url(../images/k_2.jpg) no-repeat; float:left; margin:1% 0.5% 1% 0.5%; overflow:hidden;}
.box1 .box1_catption{position:relative; top:200px; width:100%; height:50px; background: rgb(7, 116, 178);
background: rgba(7, 116, 178, 0.6);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFF, endColorstr=#99FFF);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; z-index:999; text-align:center;}
.box1_catption h1{line-height:50px; color:#fff; font-size:18px;}

.box2{width:323px; height:250px; background: url(../images/k_3.jpg) no-repeat; float:left; margin:1% 0.5% 1% 0.5%; overflow:hidden;}
.box2 .box2_catption{position:relative; top:200px; width:100%; height:50px; background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.6);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFF, endColorstr=#99FFF);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; z-index:999; text-align:center;}
.box2_catption h1{line-height:50px; color:#fff; font-size:18px;}

.subb{width:1000px; height:300px;}
.banner_area1{width:700px; height:450px; float:left; background:url(../images/banner.jpg) no-repeat;}
.banner_area1 .banner_catption1{position:relative; top:230px; width:100%; height:70px; background: rgb(255, 255, 255);
background: rgba(255, 255, 255, 0.6);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFF, endColorstr=#99FFF);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; text-align:center; }
.banner_catption1 h1{line-height:70px; color:#000; font-size:18px;}
.sales1{width:250px; float:right; margin-right:40px; height:145px; background:#000; margin-bottom:5px;}
.sales1 p{margin:15px; color:#FFF; font-size:14px; line-height:18px;}
.sales2{width:250px; float:right; margin-right:40px; height:145px; background:url(../images/k_4.jpg) no-repeat;}
.sales2 .sales2_catption{position:relative; top:100px; width:100%; height:45px; background: rgb(255, 7, 7);
background: rgba(255, 7, 7, 0.6);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFF, endColorstr=#99FFF);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; z-index:999; text-align:center;}
.sales2_catption h1{line-height:45px; color:#fff; font-size:18px;}
.footer{width:1000px; height:50px; clear:both; border-top:2px solid #d1d1d1;}
.footer .footer-nav
{
	background:#0277bd;
	height:45px;
	line-height:35px;
}
.footer-nav a
{
	color: #FFF;
	text-decoration:none;
	font-size:14px;
	margin-left:10px;
	margin-right:10px;
}
.footer p{margin:10px; line-height:18px;}
.small_box{width:240px; height:200px; background:#000; float:left; margin:1% 0.5% 1% 0.5%; position: relative;}
.small_box .small_box_catption{position: absolute; bottom:0; left:0; width:100%; height:50px; background: rgb(255, 7, 7);
background: rgba(255, 7, 7, 0.6);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFF, endColorstr=#99FFF);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; z-index:999; text-align:center;}
.small_box_catption h1{line-height:50px; color:#fff; font-size:18px;}
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: 100%;
  font-family: 'Open Sans', sans-serif;
  line-height: 1;
  margin:0px 0px;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  float:right;
}
#menu-line {
  position: absolute;
  bottom:0;
  left: 0;
  height: 3px;
  background: #e73f12;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
  z-index:99999;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a {
  padding: 12px 30px;
  font-size: 12px;
  text-decoration: none;
  font-weight:bold;
  color: #fff;
  text-transform:uppercase;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: #333;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 25px;
}
#cssmenu > ul > li.has-sub > a::after {
  position: absolute;
  top: 12px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu > ul > li.has-sub:hover > a::after {
  border-color: #3093c7;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu li:hover > ul {
  left: auto;
  z-index:9999999;
}
#cssmenu.align-right li:hover > ul {
  right: 0;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
}
#cssmenu ul li:hover > ul > li {
  height: 32px;
}
#cssmenu ul ul li a {
  padding: 10px 20px;
  width: 200px;
  white-space:nowrap;
  font-size: 14px;
  background: #3093c7;
  text-decoration: none;
  color: #fff;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #333;
  background:#3093c7;
}
#cssmenu ul ul li.has-sub > a::after {
  position: absolute;
  top: 13px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {
  border-color: #ffffff;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	.containt_area{width:100%;}
  #cssmenu {
    width: 100%;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
  }
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {
    text-align: left;
  }
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(120, 120, 120, 0.15);
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
  }
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu ul ul li a {
    padding: 20px 20px 20px 30px;
    font-size: 12px;
    color: #000000;
    background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover {
    color: #000000;
  }
  #cssmenu ul ul ul li a {
    padding-left: 40px;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
    right: auto;
    width: 100%;
    margin: 0;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
  #menu-line {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 20px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 15px;
    height: 2px;
    background: #000000;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: 25px;
    right: 20px;
    display: block;
    width: 15px;
    height: 3px;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 52px;
    width: 52px;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 21px;
    left: 26px;
    display: block;
    width: 1px;
    height: 11px;
    background: #ff7f0d;
    z-index: 99;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 21px;
    top: 26px;
    display: block;
    width: 11px;
    height: 1px;
    background: #fff;
    z-index: 99;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    display: none;
  }
  .col-md-12 img{width:100%;}
  .logo img{width:100%;}
  .banner{width:100%;}
}
.boxnav
{
	border:2px solid #0b0baf;
	border-radius: 20px;
	margin:10px;
	overflow:hidden;
	background:#FFF;
}
.boxnav img
{
	float:left;
	margin:5px 10px;
}
.boxnav strong
{
	color:#900;
	display:block; 
	margin:10px;
	text-transform:uppercase;
	font-size:18px;
	}
	.boxnav a
	{
		text-decoration:none;
		color:#333;
	}
	.boxnav a:hover
	{
		color:#00F;
	}
/*Slide Show*/
#slideshow {
	position:relative;
	height:400px;
	margin-top:2px;
	margin-left:2px;
	z-index:1;
}
#slideshow IMG {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
}
#slideshow IMG.active {
	z-index:10;
	opacity:1.0;
}
#slideshow IMG.last-active {
	z-index:9;
}
.sales-right{width:240px; float:right; height: auto; background:#f1f1f1; text-align:center;}
.container-left
{
	width:200px; float:left;
}
.container-middle
{
	float:left; width:550px;
}
.container-right
{
	float:right; width:240px;
}
.inptbox
{
	padding:5px;
}
.form-heading
{
	font-size:14px;
}
.submit
{
	padding:10px;
	text-align:center;
	background:#03F;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	border:none;
	border-radius:5px;
	cursor:pointer;
	margin:10px 0px;
}
.submit:hover
{
	padding:10px;
	text-align:center;
	background: #06F;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	border:none;
	border-radius:5px;
	cursor:pointer;
	margin:10px 0px;
}
.text1
{
	color:#F00;
}
.modal-box {
  display: none;
  position: absolute;
  z-index: 1000;
  width: 98%;
  background: white;
  border-bottom: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-clip: padding-box;
}
@media (min-width: 32em) {

.modal-box { width: 40%; }
}

.modal-box header,
.modal-box .modal-header {
  padding: 1.25em 1.5em;
  border-bottom: 1px solid #ddd;
  background:#1074d2;
  color:#FFF;
}

.modal-box header h3,
.modal-box header h4,
.modal-box .modal-header h3,
.modal-box .modal-header h4 { margin: 0; }

.modal-box .modal-body { padding: 2em 1.5em; }

.modal-box footer,
.modal-box .modal-footer {
  padding: 1em;
  border-top: 1px solid #ddd;
  background: rgba(0, 0, 0, 0.02);
  text-align: right;
}

.modal-overlay {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 900;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3) !important;
}

a.close {
  line-height: 1;
  font-size: 2.5em;
  position: absolute;
  top: 1%;
  right: 2%;
  text-decoration: none;
  color: #fff;
}

a.close:hover {
  color: #222;
  -webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  transition: color 1s ease;
}