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

.wrapper{
	width:1000px;
	height:auto;
	margin:auto;
	min-width:1000px;
}
.banner{
	width:1000px;
	height:454px;
}
.header{
	width:1000px;
	height:143px;
	background:url(../images/top_bg.png) no-repeat top center;
}
.h_top{
	width:1000px;
	height:91px;
}
.logo{
	width:415px;
	height:91px;
	float:left;
	padding-left:10px;
}
.top_phone{
	width: 148px;
	height: 91px;
	line-height: 91px;
	float: right;
	padding-left: 45px;
	background-image: url(../images/phone.png);
	background-position: left;
	background-repeat: no-repeat;
	font-family: Arial, Verdana, Tahoma, "Times New Roman";
	font-size: 18px;
	font-style: italic;
}
.nav_wrapper{
	width: 1000px;
	height: 44px;
	background: #000;
	border-radius: 7px;
}
.nav_wrapper_shadow{
	width:1000px;
	height:8px;
	background:url(../images/nav_shadow.png) no-repeat center #fafafa;
}
.nav_right{
	width: 172px;
	height: 44px;
	background: url(../images/b1.jpg) no-repeat left #ff6400;
	float: right;
	line-height: 44px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	padding-left: 37px;
	font-size: 14px;
}
.nav_right a{
	text-decoration:none;
	color:#fff;
}.nav_right a:hover{
	text-decoration:none;
	color:#F4F4F4;
}
.nav{
	width: 500px;
	height: 44px;
	line-height: 44px;
	float: right;
	font-size: 14px;
}
.nav ul li{
	list-style: none;
	float: right;
	-ms-transform: skew(-25deg,0deg); /* IE 9 */
	-webkit-transform: skew(-25deg,0deg); /* Chrome, Safari, Opera */
	transform: skew(-25deg,0deg);
	margin-right: -12px;
}
.nav ul li a{
	text-decoration: none;
	color: #fff;
	padding-left: 20px;
	padding-right: 20px;
	display: block;
	ansform: skew(25deg,0deg); /* IE 9 */
	-webkit-transform: skew(25deg,0deg); /* Chrome, Safari, Opera */
	transform: skew(25deg,0deg);
}
.nav ul li:hover{
	background:#666666;
}
.nav_act{
	background:#666666;
	-ms-transform: skew(-25deg,0deg); /* IE 9 */
    -webkit-transform: skew(-25deg,0deg); /* Chrome, Safari, Opera */
    transform: skew(-25deg,0deg);
}
.banner_bottom{
	width:1000px;
	height:8px;
	background:url(../images/banner_bottom.jpg) repeat-x;
}
.scroll{
	width: 960px;
	height: 169px;
	margin-top: 21px;
	margin-bottom: 21px;
	overflow:hidden;
}
.center{
	width: 960px;
	height: auto;
	background: url(../images/center_bg.jpg) repeat-x bottom;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	-webkit-box-shadow: 0px 7px 5px -3px rgba(50, 50, 50, 0.28);
	-moz-box-shadow: 0px 7px 5px -3px rgba(50, 50, 50, 0.28);
	box-shadow: 0px 7px 5px -3px rgba(50, 50, 50, 0.28);
	padding-top: 20px;
}
.home_text_wrapper{
	width:960px;
	height:auto;
	clear:left;
}
.home_text_left{
	width: 556px;
	height: auto;
	float: left;
	text-align: justify;
}
.home_text_right{
	width: 389px;
	height: auto;
	float: left;
	margin-left: 15px;
	margin-top: 38px;
}
.footer{
	width: 980px;
	height: 100px;
	margin:auto;
	color: #848484;
	font-size: 11px;
	text-align: right;
	padding-top: 19px;
}
.footer a{
	text-decoration:none;
	color: #848484;
}
.footer a:hover{
	text-decoration:none;
	color: #000;
}
.c-section-two{
	width: 100%;
	height: auto;
	/* [disabled]padding-top: 12px; */
}
.contact-left{
	width: 475px;
	height: auto;
	float: left;
	background-position: 333px -10px;
	background-repeat: no-repeat;
	min-height: 179px;
}
.contact-left a{
	text-decoration:none;
	color:#000;
}
.contact-left a:hover{
	text-decoration:underline;
	color:#000;
}
.contact-right{
	width: 485px;
	height: auto;
	float: left;
	/* [disabled]margin-top: -32px; */
}
.input{
	width: 467px;
	height: 22px;
	margin-bottom: 11px;
	border: 1px solid #E8E8E8;
	font-size: 12px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}
.text{
	width: 467px;
	height: 100px;
	border: 1px solid #E8E8E8;
	font-size: 12px;
	margin-bottom: 11px;
	font-family:Arial, Verdana, Tahoma;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	resize: vertical;
}
.but{
	width: auto;
	height: auto;
	padding: 5px;
	border: none;
	background: #FF6600;
	color: #fff;
	float: left;
	margin-right: 5px;
	border-radius: 3px;
	cursor:pointer;
}
.but:hover{
	background:#000;
}
.but2{
	width: auto;
	height: auto;
	padding: 5px;
	border: none;
	background: #000;
	color: #fff;
	float: left;
	margin-right: 5px;
	border-radius: 3px;
	cursor:pointer;
}
.but2:hover{
	background:#666;
}
.product-box{
	width: 693px;
	height: auto;
	float: left;
	border: 1px solid #ccc;
	margin-top: 8px;
	margin-bottom: 8px;
	padding-bottom: 20px;
}
.product-box-name{
	width:219px;
	height:auto;
	text-align:center;
}
.image-box{
	width: 206px;
	height: 237px;
	background: #fcfbfb;
	text-align: center;
	position: relative;
	float: left;
	padding-bottom: 7px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 7px;
}
.image-box img{
	width:auto;
	height:auto;
	max-height:100%;
	max-width:100%;
	margin:auto;
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
}
.image_text{
	width: 453px;
	height: auto;
	padding-top: 11px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	float: left;
}
.image_text ul{
	padding-left:15px;
	list-style-position:inside;
}
.product_in_div ul{
	padding-left:15px;
	list-style-position:inside;
}
.product_in_div{
	width:98%;
	height:auto;
	float:left;
	padding-left:10px;
}
.counter{
	width: 71px;
	height: 22px;
	position: absolute;
	margin-top: 8px;
}
/******TABLE******/
.CSSTableGenerator {
	padding: 0px;
	width:680px !important;
	min-width:680px;
	margin-bottom: 20px;
	margin-top: 20px;
	border: 1px solid #898989;
	float: left;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	margin-left: 6px;
	margin-right: 0px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;
}.CSSTableGenerator tr:hover td{
	
}
.CSSTableGenerator tr:nth-child(odd){ background-color:#ffffff; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }.CSSTableGenerator td{
	vertical-align:middle;
	
	
	border:1px solid #898989;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:10px;
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #ff7f00 5%, #ff7b00 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff7f00), color-stop(1, #ff7b00) );
	background:-moz-linear-gradient( center top, #ff7f00 5%, #ff7b00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff7f00", endColorstr="#ff7b00");	background: -o-linear-gradient(top,#ff7f00,ff7b00);

	background-color:#ff7f00;
	border:0px solid #898989;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #ff7f00 5%, #ff7b00 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff7f00), color-stop(1, #ff7b00) );
	background:-moz-linear-gradient( center top, #ff7f00 5%, #ff7b00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff7f00", endColorstr="#ff7b00");	background: -o-linear-gradient(top,#ff7f00,ff7b00);

	background-color:#ff7f00;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}
/*-------------------------------------------------------------------*/



.product_left{
	width: 232px;
	height: auto;
	float: left;

     

}
.product_right{
	width: 706px;
	height: auto;
	float: left;
	margin-left: 20px;
    border-left: 1px solid #baafaf;
}
#productGrid ul li{
        float: left;
    text-align: center;
    list-style: none;
        padding: 15px;
   
}
.product_left ul li a{
        font-size: 25px;
    color: #000;
    font-weight: 600;
    text-decoration: none;
}

.product_left ul li{
    margin: 15px 0;
    list-style: none;
    padding: 10px 16px;
    margin-bottom: 10px;
     border-radius: 5px;
    background: #e1dada;
  
}
.text-center{
    text-align: center;
}

.knwMore a {
    background: #000;
    color: #ffffff;
    padding: 10px 30px;
    font-size: 14px;
    margin: 10px 0px;
    border-radius: 26px;
    border: none;
    outline: none;
    display: inline-block;
    text-decoration: none;
}

.product_left ul li.active{
           background: #e62e2d;
    padding: 10px 16px;
    margin-bottom: 10px;
    border-radius: 5px;

}
.product_left ul li.active a{    color: #FFF !important;
}
.product_left ul li:hover{
        background: #e62e2d;
    
}
.product_left ul li:hover a{
    color: #FFF !important;
}
.accordion {
  width: 100%;
  max-width: 360px;
  background: #FFF;
  text-align:left;
}
.accordion li{
	list-style:none !important;
}
.accordion .link {
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 15px;
  color: #4D4D4D;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #CCC;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion li:last-child .link { border-bottom: 0; }

.accordion li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 18px;
  color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 16px;
}

.accordion li.open .link { color: #b63b4d; }

.accordion li.open i { color: #b63b4d; }

.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/**
 * Submenu
 -----------------------------*/


.submenu {
  display: none;
  background: #444359;
  font-size: 14px;
}

.submenu li { border-bottom: 1px solid #4b4a5e; }

.submenu a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  padding: 12px;
  padding-left: 20px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.submenu a:hover {
  background: #253b94;
  color: #FFF;
}
.line{
	width:100%;
	height:1px;
	border-bottom:1px solid #ccc;
	clear:left;
	margin-top:15px;
	margin-bottom:15px;
}
/*----------------PRODUCTS----------------*/
.product{
	border:1px solid #ccc;
    padding:3px;
    margin-bottom:20px;
}
.row{
	width:100%;
	height:auto;
	padding-bottom:15px;
	clear:left;
}
.row p{
	text-align:justify;
}
.row table{
	width:100%;
	border-bottom:0px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-spacing:0px !important;
    margin-bottom:15px;
	margin-top:15px;
}
.row table th{
	padding:5px;
	margin:0px;
	border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.row table td{
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:5px;
}
.row table tr:first-child{
	
}
.row ul{
	padding-left:20px;
}
.col1 p{
	text-align:justify;
}
.col1{
	width: 471px;
	height: auto;
	float: left;
	margin-right: 12px;
}
.col2{
	width: 215px;
	height: auto;
	float: left;
	background: #fff;
	text-align:center;
}
.col11{
	width: 640px;
	height: auto;
	float: left;
	margin-right: 12px;
}
.col22{
	width: 279px;
	height: auto;
	float: left;
	text-align: center;
}
.mi_wid{
	width: 97%;
}
.row_bg{
	background:#fff;
	padding:15px;
	border:1px solid #ccc;
	border-radius:10px;
	margin-bottom:30px;
}