@font-face {
  font-family: "HelveticaNeueLTStd-Bd";
  src: url("../fonts/HelveticaNeueLTStd-Bd.woff2") format("woff2"),
       url("../fonts/HelveticaNeueLTStd-Bd.woff") format("woff"),
       url("../fonts/HelveticaNeueLTStd-Bd.ttf") format("truetype"),
       url("../fonts/HelveticaNeueLTStd-Bd.eot") format("embedded-opentype"),
       url("../fonts/HelveticaNeueLTStd-Bd.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "HelveticaNeueLTStd-Md";
  src: url("../fonts/HelveticaNeueLTStd-Md.woff2") format("woff2"),
       url("../fonts/HelveticaNeueLTStd-Md.woff") format("woff"),
       url("../fonts/HelveticaNeueLTStd-Md.ttf") format("truetype"),
       url("../fonts/HelveticaNeueLTStd-Md.eot") format("embedded-opentype"),
       url("../fonts/HelveticaNeueLTStd-Md.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}


body{
	padding:0;
	margin:0;
	position:relative;
	font-family: 'HelveticaNeueLTStd-Md', sans-serif; font-size:14px; color:#717071;
}



body a{
    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	color:#000;
}
a:hover{
	text-decoration:none;
}
input[type="button"],input[type="submit"],.contact-form input[type="submit"]{
	    display: inline-block; border:none;
    *display: inline;
    height: 40px;
    *margin-left: .3em;
    width: 130px;
    line-height: 1.25;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #000;
	font-size:22px;
}
.btn:hover,
input[type="submit"]:hover {
color: #fff;
text-decoration: none;
background-color: #136bb5;
*background-color: #136bb5; }
h1,h2,h3,h4,h5,h6{
	margin:0;	
}	
p{
	margin:0;
}
ul{
	margin:0;
	padding:0;
}
label{
	margin:0;
}
html {
  scroll-behavior: smooth;
}

strong{font-family: "HelveticaNeueLTStd-Bd",sans-serif; color:#3a3a3a;}
/* header */

/* ====== Margin ====== */
.Margin{margin:10px}
.Margin15{margin:15px}
.Margin20{margin:20px}

.MarginR5 { margin-right:5px;}
.MarginL5 { margin-left:5px;}
.MarginB5 { margin-bottom:5px;}
.MarginT5{margin-top:5px}

.MarginL{margin-left:10px;}
.MarginR{margin-right:10px}
.MarginB{margin-bottom:10px;}
.MarginT{margin-top:10px}

.MarginT15{margin-top:15px}
.MarginB15{margin-bottom:15px;}
.MarginL15{margin-left:15px;}
.MarginR15 { margin-right:15px;}

.MarginL20{margin-left:20px;}
.MarginR20{margin-right:20px}
.MarginB20{margin-bottom:20px}
.MarginT20{margin-top:20px}

.MarginT30 { margin-top:30px; }
.MarginR30 { margin-right:30px;}
.MarginB30 { margin-bottom:30px;}
.MarginL30 { margin-left:30px;}

.MarginT40{margin-top:40px}
.MarginL40{margin-left:40px}
.MarginR40{margin-right:40px}
.MarginB40 { margin-bottom:40px;}


body{
    overflow-x: hidden;
}
body, ul, li{
    margin: 0;
    padding: 0;
}

/* ===== Nav CSS ===== */
/* Desktop */
nav{
	position:relative;
	z-index:1;
}
ul.nav{width:830px; text-align: left; float:left; color:#ffffff;}
ul.nav li{ font-size:16px;
    display: inline-block;
    position: relative;
	white-space:nowrap;
}
ul.nav li:after{
	content: "";
	clear:both;
}
ul.nav li a{
   line-height:35px;
height:35px;
    display: block;
    color: #fff;
    text-decoration: none;
}


ul.nav li ul li a{
    color: #717071;
}





ul.nav li a:hover{
	color:#136bb5;
}
/* Level 2 */
ul.nav ul.level2{padding-top:20px;padding-bottom:20px;
    position: absolute; margin-top:7px;
    text-align: left;
}
ul.nav ul.level2 li{
    display: block;
}
/* Level 3 */
ul.nav ul.level2 ul.level3{
    position: absolute;
    top: 0;
    left: 100%;
    text-align: left;
    background-color: #000;
}

.menuh{ padding-top:40px; padding-left:40px;}

/* Mega Menu */
ul.nav .megaMenu{ 
    width:1105px;padding-top:20px;padding-bottom:20px; margin-top:7px;
    text-align: left;
    background-color: #f7f7f7;
    position: absolute;
    display: table;transform: translateX(-20%); padding-left:10px;
}
ul.nav .megaMenu ul{
    display: table-cell;
	min-width:125px;
}
ul.nav .megaMenu ul:nth-last-of-type(1){
	border-right:none;
}
ul.nav .megaMenu ul li{
    display: block;
}
ul.nav .megaMenu ul li a{
    padding:4px 12px;
}

ul.nav .megaMenu ul li a{
    padding:4px 12px;
	background-color:transparent;
}

ul.nav .megaMenu ul li:nth-child(2) a{
	display:inline-block;
}

ul.nav .megaMenu ul li a:hover{color:#136bb5;}


ul.nav .megaMenu img{
width: 130px;
    height: 83px;
	/*width:100%;*/
	 max-width: 175px;
	padding:8px;
}
/* ~= Animations =~ */
/* animationFade */
ul.nav.animationFade li a{
    transition: background-color .35s ease;
}
ul.nav.animationFade ul.level2, ul.nav.animationFade ul.level2 ul.level3, ul.nav.animationFade .megaMenu{
    visibility: hidden;
    opacity: 0;
    transition: opacity .35s, visibility .35s ease;
}
ul.nav.animationFade li:hover ul.level2, ul.nav.animationFade ul.level2 li:hover ul.level3, ul.nav.animationFade li:hover .megaMenu{
    visibility: visible;
    opacity: 1;
}
/* animationNone */
ul.nav.animationNone ul.level2, ul.nav.animationNone ul.level2 ul.level3, ul.nav.animationNone .megaMenu{
    display: none;
}
ul.nav.animationNone li:hover ul.level2, ul.nav.animationNone ul.level2 li:hover ul.level3, ul.nav.animationNone li:hover .megaMenu{
    display: block;
}

.menuControl{
    display: none;
	line-height:50px;
}
.menuControl img{
	float:right;
	width:50px;
	height:50px;
}
ul.nav .mobileExpander{
    display: none;
}
nav .headerLogoContainer{
	float:right; margin-top:50px;
	width:20%;
	text-align:center;
}
nav .phone{ margin-top:30px;
	float:left;
	width:80%;
  text-align:left;
}
nav .navContainer{
	float:left;
	width:80%;
	text-align:right;
	margin-top:10px;
}




/* Mobile */
@media screen and (max-width: 1100px) {
	
	
	ul.nav .megaMenu ul li:nth-child(2) a{
	display:block;	
	}
	
	nav .headerLogoContainer{
		float:left;

		width:100%;
	}
	nav .phone{
		float:right;
		padding:10px;
		width:100%;
		text-align:center;
	}
	nav .navContainer{
		float:right;
		width:100%;
		text-align:right;
		margin-top:10px;
		max-width:100%;
		text-transform:uppercase;
	}
	
	
	
    .menuControl{
        color: #ffffff;
        display: block;
        padding: 3px 10px;
        cursor: pointer;
		text-align:left;background-color: #156bb6;
    }
    .menuControl:hover{
        background-color: #717071;
    }
    ul.nav .mobileExpander, ul.nav .mobileExpander2{
        display: block;
        float: right;
		cursor: pointer;
		width:30px;
		font-size:20px;
    }
	ul.nav .mobileExpander:hover, ul.nav .mobileExpander2:hover{
		background-color:#333333;
    }
    ul.nav li .mobileExpander:after{
        content: "+";
    }
    ul.nav li.active .mobileExpander:after{
        content: "-";
    }
	ul.nav .megaMenu ul .mobileExpander2:after{
        content: "+";
    }
    ul.nav .megaMenu ul.active .mobileExpander2:after{
        content: "-";
    }
    ul.nav li{
        display:block;
        text-align: left;
		border-top:1px solid #ffffff;
    }
	ul.nav ul li a{
		padding-left:24px;
	}
    ul.nav ul.level2{
        display:block;
        position: relative;
    }
    ul.nav ul.level2 li{
        text-align: left;
    }
    ul.nav ul.level2 ul.level3{
          position: relative;
          left: 0;
    }
    ul.nav ul.level2 ul.level3 li{
        text-align: left;
    }
    ul.nav .megaMenu{
        position: relative;
        display: block;
        margin-left:0;
        transform:none;
    }
	ul.nav .megaMenu ul li a{
		padding:8px 15px 8px 36px;
	}
	ul.nav .megaMenu ul li:nth-of-type(1) a{
		padding:8px 15px 8px 24px;
	}
	ul.nav .megaMenu img{
		display:none;
	}
	ul.nav .lineBreak{
		display:none;
	}
    /* Mobile Animations */
    /* animationNone */
    ul.nav.animationNone{
        display: none;
    }
    ul.nav.animationNone.active{
        display: block;
    }
	ul.nav.animationNone ul.level2, ul.nav.animationNone ul.level2 ul.level3, ul.nav.animationNone .megaMenu{
		display: none;
	}
	ul.nav.animationNone li:hover ul.level2, ul.nav.animationNone ul.level2 li:hover ul.level3, ul.nav.animationNone li:hover .megaMenu{
		display: none; /*Overwrite desktop nav hover*/
	}
	ul.nav.animationNone li.active ul.level2, ul.nav.animationNone ul.level2 li.active ul.level3, ul.nav.animationNone li.active .megaMenu{
		display: block;
	}
	ul.nav .megaMenu ul{
        display: block;
    }
	ul.nav .megaMenu ul li{
        display: none;
    }
	ul.nav .megaMenu ul.active li{
        display: block;
    }
	ul.nav .megaMenu ul li:nth-of-type(1){
        display: block;
    }
}






@media screen and (max-width: 1100px) {
	
ul.nav{width:100%;}
ul.nav .megaMenu{ width:100%; background-color:#156bb6; padding-left:0px;}
ul.nav li{ background:#156bb6;}
ul.nav li a{ color:#fff !important; width:100%;}
ul.nav ul.level2{ width:100%;}
ul.nav .mobileExpander:hover, ul.nav .mobileExpander2:hover{
		background-color:#022e87;
    }
	
.navbkspacing{ padding:0px;}
ul.nav .megaMenu ul li:nth-child(2) a{ background-color:transparent; color:#fff;}
ul.nav .mobileExpander, ul.nav .mobileExpander2{
        display: block;
        float: right;
		cursor: pointer;
		width:30px;
		font-size:20px;
    }
ul.nav li a:hover{ width:100%; }
	}

@media only screen and (max-width: 414px) {
ul.nav{width:100%;}
ul.nav .megaMenu{ width:100%; background-color:#156bb6; padding-left:0px;}
ul.nav li{ background:#156bb6;}
ul.nav li a{ color:#fff; padding-left:10px; }
ul.nav ul.level2{ width:100%;}
	ul.nav .mobileExpander:hover, ul.nav .mobileExpander2:hover{
		background-color:#156bb6;
    }
	
	.navbkspacing{ padding:0px;}
ul.nav .megaMenu ul li:nth-child(2) a{ background-color:transparent; color:#fff;}
    ul.nav .mobileExpander, ul.nav .mobileExpander2{
        display: block;
        float: right;
		cursor: pointer;
		width:30px;
		font-size:20px;
    }

}

.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: " ";
    display: table; }
  .clearfix:after {
    clear: both; }

img {
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto; 
  min-height: 50px; } 

select {
  width: 100%; }

.row { width: 100%; margin: 0 auto;
  *zoom: 1; }
/* CSS Document */
header {
    position: absolute;
    z-index: 9;
    width: 100%;
    padding: 1rem 0;
}

@media all and (max-width : 991px) {

	.header-logo{
		float: left;
	}
}

@media all and (max-width : 330px) {


}
/*-- //header --*/

/*-- banner --*/
.banner_w3lspvt {
    background: url(../images/bg1.jpg) no-repeat center;
	background-size: cover;
    min-height: 49em;
    position: relative;
}
.banner_w3lspvt:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    
}

.banner-tops-style {
    padding-top: 16em;
}


.style-banner h3 {
    font-size: 52px;
    color: #fff;
    line-height: 1.3;
    position: relative;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
}

/*-- //banner --*/


/*-- banner bottom --*/
.how-grid h3 {
    font-size: 23px;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: .5px;
    line-height: 32px;
    color: #333;
}

/*-- banner bottom --*/


@media(max-width: 375px) {
    .csslider>.navigation {
        bottom: -8%;
    }
}



@media(max-width:1440px) {
	.banner_w3lspvt {
		min-height: 45em;
	}
}

@media(max-width:1080px) {
		.banner-tops-style {
		padding-top: 13em;
	}
	.banner_w3lspvt {
		min-height: 42em;
	}
}
@media(max-width:768px) {.topmail{ float:left;}
	.banner_w3lspvt {
		min-height: 38em;
	}
	.banner-tops-style {
		padding-top: 12em;
	}
}
@media(max-width:568px) {
	.banner_w3lspvt {
		min-height: 35em;
	}
}

@media(max-width:480px) {
	.banner_w3lspvt {
		min-height: 37em;
	}
}
@media(max-width:384px) {
.banner-tops-style {
		padding-top: 9em;
	}
	.banner_w3lspvt {
		min-height: 35em;
	}
}
@media(max-width:1366px) {
	.banner-tops-style {
		padding-top: 15em;
	}
}
@media(max-width:736px) {
	.banner-tops-style {
		padding-top: 10em;
	}}
.bgBlue{ width:100%; margin:20px auto; background-color:#000000; height:100px;}
.navspacing{padding: 8px 15px;}
.menu-navigation{ font-size:11px;}
.navbkspacing{padding: 0px;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
@media screen and (max-width: 1100px) {.navspacing{ padding-left:15px;}}
@media screen and (min-width: 768px) and (max-width: 959px) {
.distance-left{ margin-left:1px;} 
.aboutcontent ul li img{ width:100%;}  
.img-left{ padding-left:0px;}

.client-content1{ width:80%; margin:0 auto;}
.client-spacing{padding-left:10px;}
.client-spacingtop{padding-left:45px}

.team-equipment-center{ width:75%;margin:0 auto;}
.equipment-spacing1{ padding-left:0px;}
.equipment-spacing2{ padding-left:6px;}
.equipment-spacing3{ padding-left:0px;}
.equipment-left-text{margin-bottom:30px;}
.yx-rotaion{margin-top:18%;}
.menu-font{ color:#fff;}
.navbkright{ padding-left:0px;}

.lanrenzhijia{ width:768px;}
.productx{width:768px; margin-left:0%; height:900px;}
#index-product{height:900px;}
.servers-left{ width:100%;}
.servers-left img{ width:100%;}
.server-bg{background:url(../images/services-center-img1.jpg) no-repeat; height:50px; margin-top:120px;}
.servers-center-top{ width:220px;}
.servers-right{ height:300px; padding-top:420px;}
.servers-center-top1{width:290px; margin-top:1px;}
.servers-top-spacing1{ margin-left:100px;}
.servers-top-spacing2{ margin-left:1px;}
.index-form-right{ width:100%;}
.home-about{ width:90%;}
}

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

.navspacing{padding:0px;}

}




* {
  margin: 0;
  padding: 0; }


ul,
ol {
  margin: 0; }
  ul li,
  ol li {
    list-style: none; }


#home-pro{background: #e5e6e6; padding: 140px 0px 140px 0px;}
#home-pro h1{ font-size:60px; text-align:center; color:#000;}
.product-links{ margin-top:70px;}
.product-links ul li{ float:left; width:220px; list-style:none; line-height:30px; text-align:center;}


img{display:inline-block;vertical-align:middle;height: auto;
    max-width: 100%;}
.row:before,.row:after{content:" ";display:table}
.row:after{clear:both}
.row.collapse>.column,.row.collapse>.columns{padding-left:0;padding-right:0;float:left}
.row.collapse .row{margin-left:0;margin-right:0}
.column,.columns{padding-left:5px;;padding-right:5px;width:100%;float:left}
@media only screen{.column,.columns{position:relative;padding-left:5px;;padding-right:5px;float:left; padding-top:10px;}
.small-6{width:50%}}
@media only screen and (min-width:40.063em){
.middle{width:33.33333%}
.large-3{width:25%}
.large-10{ }
.large-offset-1{}
.text-center{text-align:center!important}
.text-justify{text-align:justify!important}
}


.MarginB{padding-bottom:60px;}
.MarginT{padding-top:60px;}
.prodSquare{
	position:relative;
}
.prodSquare:hover .prodImage{
	opacity:0.7;
}
.prodSquare .prodName{ text-align:center;
	position: absolute;
	width: 100%;
	bottom: 0;
	color:#00000;
	font-size:18px;
	padding:10px 0px 10px 0px;
	transition:padding .5s;
    line-height: 1em;
}
@media (max-width:640px){
.prodSquare .prodName{font-size:16px;}
.prodSquare .prodName{ padding-bottom:10px;}
}
.prodSquare:hover .prodName{
	padding:30px 0px 30px 0px;
}
.prodSquare .prodName span{
	font-size:70%;
}






.prodName1{ text-align:center;
	position: absolute;
	width: 100%;
	bottom: 0;
	color:#00000;
	font-size:18px;
	padding:0 0 50px 0;
	transition:padding .5s;
    line-height: 1em;
}






#home-about{padding: 140px 0px 140px 0px; text-align:center; color:#000;}
#home-about h2{ font-size:60px; text-align:center;}
#home-about p{ margin-top:30px;font-family: 'HelveticaNeueLTStd-Md', sans-serif; }
.text{margin-top:100px;}


.banner-bottom1{ height:550px; 
	background:#717071;
}
.agile_banner_bottom1_left{float:left; background:#eeefef; text-align:right;line-height:550px; padding-right:5em;
	padding-left:0;
}
.agile_banner_bottom1_right h3{
	font-size:36px;
    color: #fff;
    line-height: 1.8em;
    text-transform: capitalize;
}
.agile_banner_bottom1_right { float:left;
    padding:3.8em 13em 5em 5em;
}
.agile_banner_bottom1_right p{
	margin:1em 0 2em;
	color:#ffffff;
	line-height:2em;
}

#home-lients{padding: 140px 0px 140px 0px; text-align:center;}
#home-lients h2{ font-size:60px; text-align:center; color:#000;}
.map{ padding-top:90px;}


#home-application{padding: 5px 0px 140px 0px; text-align:center;}
#home-application h2{ font-size:60px; text-align:center; color:#000;}
.application-ico{ margin-top:90px;}
.application-ico li{ float:left;}
.application-ico li p{ line-height:35px; padding-top:20px; text-align:center;}
.application-ico li a{ font-size:16px;}
.ico-padding{ padding-left:31px;}

#home-con{padding: 90px 0px 140px 0px; font-family:HelveticaNeueLTStd-Md;}
hr{ background-color:#000;}
.con-text{ padding-top: 40px; width: 370px; margin: 0 auto;}
.con-text li{ float: left; list-style: none; font-size: 16px;}
.con-line{height:15px; width:1px; border-left:1px #000 solid; margin:0 33px;}
.icons{ margin-top:50px !important; margin-left:auto; margin-right:auto; width:30%;}
.icons ul li{ float:left; padding:0 10px;}
.icons a span { font-size:30px;
    margin-right: 0.7em;
    text-align: center;
    color: #c9c9ca;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;}
	
	.icons ul li a span:hover {
  color: #007bff;
}


#footer { color:#fff; font-size:12px;
	background: #252626;
	padding: 5px 0px 40px 0px; 
}
.footer_grid{ float:left;}
.footer_grid h3{ font-size:16px;}
.footer_grid p { padding-top:30px; padding-right:30px;
	color: #fff;
}
.footer-padding{ padding-top:50px;}
.footer-nav{padding-left:30px}
.footer_grid_list{ padding-top:40px;}
.footer_grid_list li,
.address li { line-height:24px; 
	display: block;
	margin-bottom: 0.5em;
}



.footer_grid_list li a {
	color: #fff;
	text-decoration: none;
	line-height: 1.5em;
	letter-spacing: 1px;
	font-size: 0.9em;
}

.footer_grid_list li a:hover {
	color: #e26f1d;
}
.footer-conbg{border-radius: 50%;    height: 20px;    width: 20px;    display: inline-block;    background: #fff;      vertical-align: top;}
.footer-letter{display: block;    color: #000;    height: 20px;    line-height: 20px;    text-align: center;}
.col-sm-1{ padding-left:1px !important; padding-right:1px !important;}
.col-sm-11{ padding-left:7px !important; padding-right:0px !important;}
.footer_grid_right{padding-top:50px;}
.footer-right{ padding-top:10px;}

/*-- banner --*/ 
.one-img{  background: url(../images/tantalum-bar.jpg)no-repeat center;}
.two-img{  background: url(../images/tantalum-tube.jpg)no-repeat center;}
.three-img{  background: url(../images/niobium-ring.jpg)no-repeat center;}
.four-img{  background: url(../images/niobium-disc.jpg)no-repeat center;}   
.slider-img{  background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
min-height: 800px;}  
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.rslides li:first-child {
position: relative;
display: block;
float: left;
}
.rslides img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}

.callbacks_container {
position: relative;
float: left;
width: 100%;
}

.callbacks_nav {
position: absolute;
-webkit-tap-highlight-color: rgba(0,0,0,0);
top:53%;
left: 0;
opacity: 0.7;
z-index: 3;
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
height: 53px;
width: 53px;
background:rgba(230, 230, 230, 0) url("../images/left-arrow.png") no-repeat left top;
margin-top: -45px;
}
.callbacks_nav:active {
opacity: 1.0;
}
.callbacks_nav.next {
left: auto;
background:rgba(230, 230, 230, 0)  url("../images/right-arrow.png") no-repeat 0px 0px;
background-position: right top;
right: 0;
}
.callbacks_nav ,
.callbacks_nav.next {
background-size:40px;
}
/*-- //banner Slider --*/
#content {padding: 5px 0 140px 0; }
.sidebar-widget{
    margin-bottom: 40px;
}

.category{ margin-top:10px;}
.category ul li{ 
    margin-bottom: 5px;
    text-transform: capitalize;
    position: relative;
    padding-left: 14px;
    padding-bottom: 5px;
}
.list-styled{ padding-top:80px;}
.category ul li:before{
    position: absolute;
    content:"\f067";
	font-size:8px;
    left: 0px;
    top: 2px;
    font-family: "FontAwesome";
    color: #000;
}


.category ul li ul li:before{
    position: absolute;
    content:"\f068";
	font-size:8px;
    left: 0px;
    top: 2px;
    font-family: "FontAwesome";
    color: #525152;
}

.category ul li a{display:block; color:#000;}
.category ul li ul li a{display:block; color:#717071; font-weight:normal;}
.category ul li a:hover{display:block; color:#136bb5;}

.category ul li ul li ul li:before{
    left: 0px;content:"";
   font-family: 'HelveticaNeueLTStd-Md', sans-serif
}
.category ul li ul li ul li{margin-bottom: 0px; padding-top:5px;
    padding-left: 14px;
    padding-bottom: 0px;}



.left-menu{ padding-top:20px;}
.cen-sect h3{ font-size:36px; color:#000; }
.cen-sect p{ padding-top:20px; font-size:13px;}
.cen-sect hr{ background:#717071; margin-top:70px; margin-bottom:70px;}
.col-lg-3{ padding-left:0; padding-right:0;}
.col-lg-9{ padding-left:0; padding-right:0;}
.col-xl-6{ padding-left:0; padding-right:0;}
.con-right{ padding-right:15px;}
.con-left{ padding-left:15px;}
.about-img{ padding-top:50px;}
.pro-bg{ background:#e5e6e6;padding: 90px 0px 140px 0px;}
.pro-bg h1{ font-size:36px; color:#000; width:90%;}
.pro-cen{padding: 90px 0px 0px 0px; }
.pro-cen h2{ color:#000; font-size:36px;}    
.pro-cen a{ color:#717071}
.product-table{ margin-top:30px; text-align:left;}
.table-height1{ margin:50px 0;}
.table-title{ line-height:34px;color:#000; text-align:center; background-color:#dededf;}
.tab-title{ line-height:34px;color:#000; text-align:center;}
.tab-t{ line-height:34px; text-align:center;}
.table-title-pro{ line-height:34px;text-align:center; }
.table-height{text-align:left; height:34px; padding-left:5px; vertical-align:top; padding-top:5px; padding-bottom:5px;}
.tabheight{height:34px; padding-left:5px; vertical-align:top; padding-top:5px; padding-bottom:5px; text-align:center;}
.table-heightz{text-align:left; height:34px; padding-left:5px;}
.table-bg{ background-color:#EEEFEF; }
.pro-link{ font-weight:bold;}
.pro-tab-title{ line-height:34px;color:#000; padding-left:5px;}
.pro-tab-height{ margin-top:50px;}
.tab-title{ line-height:34px;text-align:center; background-color:#fff;}
.pro-text{ width:85%; padding-top:20px;}
.pro{ width:100%; margin-top:20px;}
.pro ul{ padding:0px; list-style:none;}
.pro ul li{float: left; }
.pro ul li p{text-align:center; padding-top:10px;}
.pro ul li a{color:#717071;}
.pro ul li a:hover{color:#007bff;}
.pro-spacing{padding-left:11px;}
.pro span{position: absolute; bottom:10px; left: 0; text-align:center; width:100%;}
.imgsize{position: relative;height: 170px; padding-left: 5px; padding-right: 5px;}
.img-padding{ margin-top:10px;}
.pro_center_left{ float:left; width:50%;padding-top:20px;}
.pro_center_left h2{ font-size:17px; color:#000; }
.pro_center_left p{ padding-top:20px;}
.pro_center_right{ float:right; width:45%;padding-top:20px;}
.pro_center_right h2{ font-size:17px; color:#000; }
.pro_center_right p{ padding-top:20px;}
.pro-title{ width:100%;}
.pro_center_right img{ float:right;}
.col-sm-5{padding-left:0; padding-right:0;}
.col-sm-5 img { height:190px;}
.col-sm-7{padding-left:30px; padding-right:0;}
.pro-space{ padding-top:20px;}
.tab{ padding-top:100px; width:100%;}
.tab h2{font-size:17px; color:#000;}
.tab-height{margin:20px 0 0 0;}
.pro-space h2{font-size:17px; color:#000;}
.pro-space p{ padding-top:5px;}
.col-xl-7{ padding-left:0; padding-right:0;}
.col-xl-5{ padding-left:0; padding-right:0;}
.contact_space{color:#000;}
.contact-conbg{border-radius: 50%; height: 20px; width: 20px; display: inline-block; background: #000;vertical-align: top;}
.contact-letter{display: block; color: #fff; height: 20px; line-height: 20px; text-align: center;}
.con-dis{ padding-top:10px;}
#content-con {padding: 5px 0px 0px 0px; }

.wufoo{letter-spacing:.01em}.wufoo li{width:80%}
.medium{min-width:100%;}
.frombk{
	background: #e5e6e6;
	border: 1px solid #bdbcbc;
	    padding-left: 5px;
    font-size: 12px;
}
.hide{ display: none !important;}
.noI form li, .altInstruct form li {
    width: auto !important;}
.form li {
    margin: 0;
    /* padding: 6px 1% 9px 1%; */
    clear: both;
    background-color: transparent;
    position: relative;
    -webkit-transition: background-color 350ms ease-out;
    transition: background-color 350ms ease-out;
}
.form-height{}
.contact-right{padding-top:128px;}
.submit-space{ padding-top:20px;}
.pr-title{ padding-top:100px; width: 100%;}
.pr-title h2{ font-size:17px; color:#000;}
.pr-title p{ padding-top:20px;}
.col-xl-2{ padding-left:0px; padding-right:0px; max-width:12% !important;}
.col-xl-10{ padding-left:0px; padding-right:0px;}
.pro-height{ padding-top:20px;}
.pro-cont{ padding-bottom:0 !important;}
.pro-t h2{font-size:17px; color:#000;}
.pro-fontsize{font-size:17px !important; color:#000;}
.pro-h{ padding-top:90px;}

.pro-text-left{ float:left; width:50%;padding-top:20px;}
.pro-text-right{ float:right; width:50%;padding-top:20px; padding-left:5%;}
/*-- news&blog --*/
.blog-post{margin-bottom: 50px; margin-right:20px;}
.blog-post .post-author i,
.blog-post .post-info i{margin-right: 5px;font-size:  14px;}
.blog-post .post-author span,.blog-post .post-info span{font-size: 14px;}
.img-fluid {max-width: 100%;height: auto;}
.read-more{color: #000;}
.mr-3{padding-top:18px;}
.mr-p{padding-left:20px;}
.blogh4{font-weight:12px; line-height:32px; color:#000;}
.mb-3, .my-3 {
    margin-bottom: 1rem !important;
}


h5 {
    font-size: 16px;
    line-height: 24px;
}
.col-lg-6{ padding-left:0; padding-right:0;}
.blog-articles{ width:100%; padding-top:20px;}
.blog-articles ul li{border-bottom: 1px solid #dddddd;padding: 15px 0 15px 0;}
.blogTitle{ font-size:18px;}
.blog-single{margin-bottom: 50px; }
.blog-single h1{font-size: 18px;color: #000;padding-top: 20px;padding-bottom: 10px;}
.singletitle{ font-size:18px; color:#000; padding-top:20px; padding-bottom:10px;}

/*-- //news&blog --*/
#history{padding-top:100px; background:#e5e6e6;}
.heading-title{ font-size:36px; color:#000; text-align:center; padding:15px 0;}
.col-6{ padding-left:0; padding-right:0;}
.about-text{ padding-top:50px;}
.about-imgz{ padding-left:50px; padding-top:60px;}
#equipment{ padding:100px 0;background:#e5e6e6;}
.equ-height { height:20px;}
.equip{ height:40px;}
.article-vertical{ float:left;}
.col-sm-4{ padding-left:5px; padding-right:5px;}
.history-title{ font-size:36px; color:#000; width:100%;}
.equipment-title{ font-size:36px; color:#000; width:100%;}
#mission{padding-top:100px;}
.mission-title{ font-size:36px; color:#000; width:100%;}
#about-app{padding-top:50px;}
.app-title{ font-size:36px; color:#000; width:100%;}
.app-ico{ margin-top:50px;}
.app-ico li{ float:left;}
.app-ico li p{ line-height:35px; padding-top:20px; text-align:center;}
.app-ico li a{ font-size:16px;}
.app-ico img{ text-align:center;}
.app-img{ padding-left:150px;}
.app-h{ padding-top:30px;}
.fa-file-pdf-o{ color:#fff !important; font-size:26px !important;}
.fa-file-pdf-o a:hover{ color:#007bff !important;}
.pro-space a{color:#717071;}
.pr-title a{color:#717071;}
.pro-text a{color:#717071;}
.con-left a{color:#717071;}
.pro_center_left a{color:#717071;}
.col-2{ padding-left:0;}
.pr-text{width:100%  !important; padding-top:20px;}
.feature-list {margin: 15px 0 20px 25px;}
.feature-list li {margin-bottom: 10px; list-style: disc;}
.pro-t h3{ font-size:14px; font-weight: bold;padding-top: 50px; color: #212529;}
.specs-matrix {display: grid; grid-template-columns: 1fr;}
.lang-link {display: block;text-align: right;margin-bottom: 5px;text-decoration: none;font-size: 14px;}
.lang-link:hover {color: #007bff;text-decoration: underline;}
.lang-link--active {font-weight: bold;color: #0066cc;}
@media (min-width: 1024px) {.specs-matrix {grid-template-columns: 1fr; padding-top:50px;gap: 50px;}}
.spec-card {background: #ffffff;border-radius: 16px;padding: 45px 35px;border: 1px solid rgba(37, 99, 235, 0.1);box-shadow: 0 10px 30px rgba(15, 76, 129, 0.08),
inset 0 1px 0 rgba(255, 255, 255, 0.9);position: relative;overflow: hidden;transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);}
.spec-card:hover {transform: translateY(-8px);border-color: rgba(37, 99, 235, 0.3);box-shadow: 0 20px 40px rgba(15, 76, 129, 0.15),inset 0 1px 0 rgba(255, 255, 255, 1);}
.card-badge {position: absolute;top: 0;right: 0;width: 100px;height: 100px;background: linear-gradient(135deg, #2563eb, #3b82f6);border-radius: 0 16px 0 100px;opacity: 0.05;}
.card-shine {position: absolute;top: -50%;left: -50%;width: 200%;height: 200%;background: linear-gradient(to right,rgba(255, 255, 255, 0) 0%,rgba(37, 99, 235, 0.04) 50%,rgba(255, 255, 255, 0) 100%);transform: rotate(30deg);transition: all 0.8s ease;opacity: 0;}
.spec-card:hover .card-shine {opacity: 1; transform: rotate(30deg) translate(50%, 50%);}
.card-title {font-weight: bold;color: #0f4c81;margin-bottom: 35px;padding-bottom: 20px;border-bottom: 1px solid rgba(37, 99, 235, 0.1);display: flex;align-items: center;gap: 12px;position: relative;z-index: 2;}
.card-title::before {content: '';width: 8px;height: 18px;background: #156bb6;border-radius: 4px;}
.spec-list {list-style: none;display: flex;flex-direction: column;gap: 25px;position: relative;z-index: 2;padding-top:20px;}
.spec-item {display: grid;grid-template-columns: auto 1fr;gap: 15px;align-items: start;line-height: 1.7;}
.item-label {font-weight: bold;white-space: nowrap;letter-spacing: 0.3px; width: 150px;}
.pro-h p{padding-top:20px;}
.content-wrapper { padding-top:20px;display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(3, auto);gap: 28px;}
.content-card:nth-child(5) {grid-column: span 2;}
.content-card {padding: 20px 28px;background-color: #fafbfb;border: 1px solid #fafbfb;border-radius: 4px; transition: background-color 0.3s ease;}
.content-card:hover {background-color: #f7f7f7;border-color: #f7f7f7;}
.content-card h3 {display: flex;align-items: center;gap: 10px;}
.content-card h3::before {content: '';width: 6px;height: 6px;background-color: #156bb6; display: inline-block;}
.content-card p {margin-bottom: 12px;line-height: 1.85;}
.content-card p:last-child { margin-bottom: 0;}
.conten-h{padding-top:20px;}

@media(max-width: 375px) {
.bgBlue{ background-color:transparent;}
.menuh{ padding-left:1px; padding-right:1px;}
.product-links ul li{ width:100%;}
.prodName1{ padding:0;}
.banner-bottom1{ height:1100px;}
.agile_banner_bottom1_right{ padding:10px;}
.application-ico li{ width:50%;}
.ico-padding{ padding-left:0px;}
.con-text ul li{ width:100%;}
.con-line{margin:0; border:none;}
.mt-3{ width:100%;}
.footer-nav{ padding-top:30px; padding-left:15px;}
.footer_grid{ padding-top:30px;}
.col-sm-1{ width:10% !important; float:left;}
.col-sm-11{ width:90% !important; float:left;}
.con-left{ padding-left:0; padding-top:40px;}
.app-ico li{width:50%;}
.app-img{ padding-left:0;}
.app-h{ padding-top:0;}
.pro-bg h1{ font-size:24px;}
.col-sm-7{ padding-left:0;}
.pro_center_left{ width:100%;}
.pro_center_right{ width:100%;}
.frombk{ width:100%;}
.pro-text-left{ width:100%;}
.pro-text-right{ width:100%; padding-left:0;}
.navbkspacing{ padding-left:0;}
ul.nav ul.level2{padding:0;}
.col-xl-6{ width:100% !important;}
}
@media(max-width:480px) {.bgBlue{ background-color:transparent;}
.menuh{ padding-left:1px; padding-right:1px;}
.product-links ul li{ width:100%;}
.prodName1{ padding:0 0 20px 0;}
.banner-bottom1{ height:1100px;}
.agile_banner_bottom1_right{ padding:10px;}
.application-ico li{ width:50%;}
.con-text ul li{ width:100%;}
.con-line{margin:0; border:none;}
.mt-3{ width:100%;}
.footer-nav{ padding-top:30px; padding-left:15px;}
.footer_grid{ padding-top:30px;}
.col-sm-1{ width:10% !important; float:left;}
.col-sm-11{ width:90% !important; float:left;}
.con-left{ padding-left:0; padding-top:40px;}
.app-ico li{width:50%;}
.app-img{ padding-left:0;}
.app-h{ padding-top:0;}
.pro-bg h1{ font-size:24px;}
.col-sm-7{ padding-left:0;}
.pro_center_left{ width:100%;}
.pro_center_right{ width:100%;}
.frombk{ width:100%;}
.pro-text-left{ width:100%;}
.pro-text-right{ width:100%; padding-left:0;}




}
@media(max-width:1440px) {}
@media(max-width:1080px) {}
@media(max-width:768px) {.bgBlue{ background-color:transparent;}
.topmail{ float:left; padding-top:10px;}
.menuh{ padding-left:1px; padding-right:1px;}
.prodName1{ padding:0 0 20px 0;}
.agile_banner_bottom1_right{ padding:20px;}
.application-ico li{ width:50%;}
.con-text ul li{ width:100%;}
.con-line{margin:0; border:none;}
.mt-3{ width:100%;}
.col-xl-6{ width:50%;}
.app-img{ padding-left:30px;}
.app-h{ padding-left:10px;}
.agile_banner_bottom1_right p{ margin:0;}
.img-padding{ margin-top:0;}
.pro-spacing{ padding-left:0;}
 .content-wrapper {grid-template-columns: 1fr;gap: 22px;}
.content-card:nth-child(5) {grid-column: span 1;}
.content-card {padding: 25px 22px;}
.content-card h3 {font-size: 1.1rem;}
.content-card p {font-size: 0.92rem;}
}
@media(max-width:568px) {}

@media(max-width:1366px) {}
@media(max-width:736px) {}
.sitemap-middle{ padding-left: 50px; margin-bottom: 50px; line-height: 25px;}
.sitemap1, .sitemap1 ul { padding-left:30px;list-style: none;border-bottom: 0; text-align: left;text-indent: 10px;}
.sitemap1 a:hover {color: #012D86; display:;}
.sitemap1 a {color:#000;display: block;text-decoration: none;width: 300px;line-height: 22px;}
.sitemap1 .active1 { margin-left:30px; position: relative;}
.sitemap1 li:hover ul ul {left: -999px;}
.sitemap1 li:hover ul {left: 120px;　}
.sitemap1 li li:hover ul {left: 120px;}
.sitemap1 .active1 ul {top: -1px;left: -999px;}
.sitemapleft{ padding-left:30px;}
.copyright{ text-align:center; padding-top:20px;}
.copyright a{ color:#fff;}
.abt-img{ padding-top:50px !important;}
.footer-right a{ color:#fff;}
.con-dis a{ color:#000;}
.thank-text{ color:#000; font-size:36px; text-align:center; padding-top:100px; line-height:50px;}
.pr-padding{ padding-top:10px;}
.pro-btm{ padding-bottom:20px;}
.pro-img{ padding-left:15px;}
.pro-tab-height a{color:#717071}
.col-md-3{ padding-left: 0; padding-right: 0;}
.home-about-text{margin: 0 auto; width:55%;}
.not-found{ margin-bottom: 50px; line-height: 25px; text-align: center;}
.not-found p{ padding-top: 70px; padding-bottom: 70px; }
.not-found h3{ font-size: 30px;}
.not-found a{font-size:20px; }

@media screen and (min-width:1024px){.col-xl-6{ -webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.app-ico {margin-top: 50px;}
.app-img {padding-left: 100px;}.agile_banner_bottom1_right{ padding:20px;}
.col-xl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.col-xl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.bgBlue {margin: 0;height: 0px;}

}
	
@media screen and (min-width:1025px){.app-img {padding-left: 150px;}
.agile_banner_bottom1_right {float: left;padding: 2em 13em 0em 5em;}
.bgBlue {width: 100%;margin: 20px auto;background-color: #000000; height: 100px;}
ul.nav ul.level2 {background-color: #f7f7f7;}
.navbkspacing {padding: 0px 15px;}
.bluebutton { width: 130px; text-align: center;display: inline-block;color: #fff;padding: 0.5em 1.25em;background-color: #156bb6;text-decoration: none;}
.bluebutton:hover { color:#ffffff; background-color:#000; }
#about-txt{padding-top:100px; }
.pro-menu{ color:#000; padding-bottom: 30px;}
.pro-button{ padding-top: 60px;}
.pro-button li{ float: left; list-style: none; font-size: 16px;}
.pro-bt { width: 170px; text-align: center;display: inline-block;color: #fff;padding: 0.5em 1.25em;background-color: #156bb6;text-decoration: none;}
.pro-from{ color: #d2d2d2; padding-top: 50px;}
.pro-bt:hover { color:#ffffff; background-color:#000; }
.pro-frombk{border: 1px solid #e5e6e6;padding-left: 5px;font-size: 12px;}
.pro-formwidth{width: 100% !important;}
.message-height{height: 120px;}
.subt{background-color: #156bb6 !important; font-size: 16px!important;}
.subt:hover { color:#ffffff; background-color:#000 !important; }
	.pr-text-right{float: right;
    width: 45%;}