/* CSS Document */
img {
	border:none;
}
body
{
background-image:url(../images/bg.jpg);
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#363636;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
letter-spacing:0px;
}
.clr{ clear:both;}
.topline
{
background-image:url(../images/top.jpg);
background-repeat:no-repeat;
line-height:0px;
}
.center
{
background-image:url(../images/center.jpg);
background-repeat:repeat-y;
}
.bottom
{
background-image:url(../images/bottom.jpg);
background-repeat:no-repeat;
}
.nav
{
font-family:Arial, Helvetica, sans-serif;
color:#2f4169;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
.nav
{
font-family:Arial, Helvetica, sans-serif;
color:#2f4169;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
.nav:hover
{
font-family:Arial, Helvetica, sans-serif;
color:#b81613;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
.navred
{
font-family:Arial, Helvetica, sans-serif;
color:#d00000;
font-size:18px;
font-weight:bold;
}
.line
{
background-image:url(../images/index1_06.jpg);
background-repeat:no-repeat;
}
.newabg
{
background-image:url(../images/news.jpg);
background-repeat:no-repeat;
}
.newsfont
{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}
.newsfont1
{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
text-decoration:underline;
}
.bt1
{
width:127px;
height:82px;
background-image:url(../images/rotaiting.jpg);
background-repeat:no-repeat;
float:left;
padding-left:135px;
padding-top:20px;
}
.bt1_cnt
{
width:320px;
height:103px;
background-image:url(../images/c1.jpg); background-position:center left;
background-repeat:no-repeat;
float:left;padding:5px;
padding-left:140px; 
padding-top:20px; text-decoration:none; margin-right:10px;
}
.sid1
{
font-family:Arial, Helvetica, sans-serif;
color:#2f2f2f;
font-size:11px;
text-decoration:underline; text-align:left;
}
.bt2
{
width:126px;
height:82px;
background-image:url(../images/pipingindex.jpg);
background-repeat:no-repeat;
float:left;
padding-left:110px;
padding-top:20px;
}
.bt2_cnt
{
width:320px;
height:103px;
background-image:url(../images/c2.jpg); background-position:center left;
background-repeat:no-repeat;
float:left;padding:5px;
padding-left:140px;
padding-top:20px; text-decoration:none;margin-right:10px;
}
.bt3
{
width:126px;
height:82px;
background-image:url(../images/instrument.jpg);
background-repeat:no-repeat;
float:left;
padding-left:110px;
padding-top:20px;
}
.bt3_cnt
{
width:320px;
height:103px;
background-image:url(../images/c3.jpg); background-position:center left;
background-repeat:no-repeat;
float:left;padding:5px;
padding-left:140px;
padding-top:20px; text-decoration:none;margin-right:10px;
}
.bt4
{
width:153px;
height:82px;
background-image:url(../images/chemical.jpg);
background-repeat:no-repeat;
float:left;
padding-left:108px;
padding-top:20px;
}
.bt4_cnt
{
width:320px;
height:103px;
background-image:url(../images/c4.jpg); background-position:center left;
background-repeat:no-repeat;
float:left;padding:5px;
padding-left:140px;
padding-top:20px; text-decoration:none;margin-right:10px;
}
.subhead
{
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
color:#b81613;
}
.line2
{
background-image:url(../images/line.jpg);
background-repeat:no-repeat;
background-position:center;
}
h3
{
margin:0px;
text-indent:0px;
padding:0px;
font-size:18px;
font-weight:normal;
}
.subhead3
{
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
color:#3c3c3c;
}
.read
{
color:#FF0000;
font-size:12px;
text-decoration:underline;
}
.foot
{
color:#aaa9a9;
font-size:12px;
text-decoration:none;
}
.footer
{
color:#aaa9a9;
font-size:12px;
text-decoration:none;
}
.footer:hover
{
color:#333333;
font-size:12px;
text-decoration:none;
}
.weblink
{
color:#333333;
font-size:12px;
text-decoration:underline;
}
.weblink:hover
{
color:#000000;
font-size:12px;
text-decoration:underline;
}
.list
{
background-image:url(../images/list1.jpg);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:bold;
text-decoration:none;
padding-left:25px;

}
.list:hover
{
background-image:url(../images/list.jpg);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
font-weight:bold;
padding-left:25px;
text-decoration:none;

}
.listfix
{
background-image:url(../images/list.jpg);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:bold;
text-decoration:none;
padding-left:25px;

}
.list11
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:bold;
text-decoration:none;
}
.list11:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
font-weight:bold;
text-decoration:none;
}
.list1
{
background-image:url(../images/listnew1.jpg);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:bold;
text-decoration:none;
padding-left:25px;

}
.list1:hover
{
background-image:url(../images/listnew.jpg);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
font-weight:bold;
padding-left:25px;
text-decoration:none;

}
.list4
{
background-image:url(../images/listnew.jpg);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:bold;
text-decoration:none;
padding-left:25px;

}
.pr1
{
background-image:url(../images/pr1.jpg);
background-position:lefttop;
background-repeat:no-repeat;
}
.main_box{margin:10px 30px 10px 35px; width:926px;}
.wel_contaner{  background:#f4f3f3; padding:8px;margin:10px 30px 10px 35px; width:912px; border:1px solid #e1e1e1;}
.wel_box{float:left; width:100%; margin-right:10px;  padding-top:10px;}
.news_box{float:right; width:300px; padding-top:10px;}


.infiniteCarousel {
  width: 100%;
  position: relative;  height: 125px;
}

.infiniteCarousel .wrapper {
  width: 100%; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height: 105px;
  margin: 0 00px;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {

}

.infiniteCarousel .wrapper ul {
  width: 840px; /* single item * n */
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0; 
}

.infiniteCarousel ul li {
  display:block;
  float:left; 
  height: 125px; 

}

.infiniteCarousel ul li img {
    -webkit-transition: border-color 400ms;
}

.infiniteCarousel ul:hover li img {
  border-color: #000;
}

.infiniteCarousel ul:hover li:hover img {
  border-color: #333;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {

  height: 36px;
  width: 37px;
  background: url(images/arrow.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 37px;
  cursor: pointer;
  outline: 0; display:none;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}
.lm1
{
background-image:url(../images/listnew1.jpg);
background-repeat:no-repeat;
color:#333333;
font-weight:bold;
text-decoration:none;width:282px; height:22px; display:block;padding-top:8px;
padding-left:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:bold;
text-decoration:none;
}
.lm1:hover
{
background-image:url(../images/listnew.jpg);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
font-weight:bold;
padding-left:25px;
text-decoration:none;

}
.lm4
{
background-image:url(../images/listnew.jpg);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:bold;
text-decoration:none;
padding-left:25px;width:282px; height:22px; display:block;padding-top:8px;

}
.c1{width:220px;background:url(../images/c1_bg.jpg) top right; margin-right:10px;  }
.c2{width:220px;background:url(../images/c2_bg.jpg) top right; margin-right:10px; }
.c3{width:220px;background:url(../images/c3_bg.jpg) top right; margin-right:10px; }
.c4{width:220px;background:url(../images/c4_bg.jpg) top right; margin-right:10px; }
.c5{width:220px;background:url(../images/c5_bg.jpg) top right; margin-right:10px; }
.c6{width:220px;background:url(../images/c6_bg.jpg) top right; margin-right:10px; }

.crlfont
{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
}
.crl_mat
{
font-family:Arial, Helvetica, sans-serif;
color:#2f2f2f;
font-size:12px;
text-decoration:underline; text-align:left;
}
.pri_box{ width:100%; display:table; border-bottom:2px solid #e1e1e1; padding:10px 0px; margin-bottom:10px; color:#363636;}
.priul{padding:5px; margin:5px 8px; line-height:22px;}
.pri_img_box{ width:250px; float:left; padding-top:5px;}
.pri_matter{ float:right; width:660px; line-height:22px;}
.black_hed{ font-size:16px; color:black; padding:10px 0px;}
.pri_hed_box{ font-weight:700; color:#b81613;}
.pri_logo{ float:right; padding:0px 5px 5px 0px;}
.web_link{ padding:10px 0px; color:black; text-decoration:none; font-size:14px; font-weight:700; display:block;border-top:1px solid #e1e1e1;}

.cn_cnt
{
width:460px;
height:103px;
float:left;padding:5px;
padding-top:6px; text-decoration:none;margin-right:10px;
}
.cn1_left{ width:140px; float:left;}
.cn1_right{ float:right; width:320px;}






#slider_inner {
	width:895px;
	float:left; /* important for inline positioning */
	overflow: hidden;  /* important (hide the items outside the div) */
	/* non-important styling bellow */
	position:relative;z-index:100;
	
}

#slider_ul {
	position:relative;
	left:0px; /* important (this should be negative number of list items width(including margin) */
	list-style-type: none; /* removing the default styling for unordered list items */
	margin: 0px;
	padding: 0px;
	width:9990px; /* important */
	/* non-important styling bellow */
	padding-bottom:10px;

}

#slider_ul li{
	float: left; /* important for inline positioning of the list items */                                    
	width:220px;  /* fixed width, important */
	/* just styling bellow*/
	padding:0px;
	height:auto;
	margin-top:0px;
	margin-left:2px; 
	margin-right:2px;
}

#slider_ul li img {
	margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
	/* styling */
	cursor:pointer;
	cursor: hand; 
	border:0px; 
	margin-top:0px;
	padding-top:0px;
}
#left_scroll{
	position:absolute;
	width:30px; height:30px;
	right:-15px; z-index:500;
	width:15px; 
	top:100px;
	opacity:0.9;
		filter:alpha(opacity=90); /* For IE8 and earlier */
}
#right_scroll{ 
	position:absolute;
	width:30px; height:30px;
	z-index:500;
	left:-30px;
	top:100px;
	opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
 
}
#right_scroll:hover{ 
 opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
 
}
#left_scroll:hover{ 
 opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
 
}
#left_scroll img, #right_scroll img{
	border:0; /* remove the default border of linked image */
	/*styling*/
	cursor: pointer;
	cursor: hand;

}

	

.wrapper{ width:880px;font-family:Arial, Helvetica, sans-serif; margin-left:15px;  }
.banner_btm_box{ float:left; width:277px; background:#e7e7e7; border:1px solid #e1e1e1; padding:3px 3px 15px; margin:20px 20px 0px 0px; text-align:center;}
.black_mdm{
	font-size:12px; 
	color:black; 
	padding:10px;
	text-align:left;
	background:#FFF;
	border:1px solid #cecece;
	text-align:center;
	text-decoration:none;
}

.matter{ width:100%; line-height:22px !important;} 
.ser_indx_box{
	float:left;
 	width:210px; 
	background:#FFFFFF; 
	padding:0; 
	margin:0px 0px 10px 0px; 
	text-align:center;
	text-decoration:none;
}
.ser_indx_box img{
 	width:100%; 
	height:120px;

}
.ser_indx_box a{
	text-decoration:none;
}
.ser_indx_box h1{
	font-size:14px;
	margin:0px;
	color:#b81613;
	text-align:center;
	height:34px;
	padding:0px;
	text-decoration:none;
}







/*accordion*/
.accordion * {
  margin: 0;
  padding: 0;
}

.accordion ul { list-style-type: none!important; }
.accordion ul li { list-style-type: none !important;}
.accordion ul li a { text-decoration:none;}

.accordion {
  background-color:#304272 !important;
  width: 270px;
  margin:5px 0 0 0;
  padding:0px;
 list-style-type: none !important; text-decoration:none; }

.accordion .link {
	background:#304272;
  cursor: pointer;
  display: block;
  padding: 10px 15px 10px 15px;
  color: #FFFFFF;
  font-size: 13px;
  border-bottom: 1px solid #CCC;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-family:Arial, Helvetica, sans-serif;
  text-decoration:none;
  }
.accordion .link:hover {
  color:#FFF;
  background:#bc0001;
  
}
.accordion li:last-child .link { border-bottom: 0; }


.accordion .link a{
  color: #FFFFFF;
  text-decoration:none;
}



.accordion li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 18px;
  color: #FFFFFF;
  -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: 12px;
}

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

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

.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: #6e6e6e;
  font-size: 14px;
}

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

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

.submenu a:hover {
  background: #bc0001;
  color: #FFF;
}


.elctro_clientbg{
	width:205px;
	height:140px;
	float:left;
	text-align:center;
	line-height:12px;
	font-size:11px;
	color:#304272;
	border-bottom:1px solid #eeeeee;
	border-right:1px solid #eeeeee;
}