.pages{
	text-align: center;
	margin: 30px 0px;
}
.pagination li{
	list-style: none !important;
}
.pagination>li>a, .pagination>li>span{
	margin:0px 8px 10px 0px !important;
	color: #666666 !important;
	border: 1px solid #666 !important;
	padding: 4px 14px !important;
	font-size: 15px !important;
	display: inline-block !important;
}
.pages .pagination{
	margin-top: 0px;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding-left: 0px !important;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    color: #fff !important;
    background-color: #ff9800 !important;
    border-color: #ff9800 !important;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{
	color: #fff !important;
    background-color: #ff9800 !important;
    border-color: #ff9800 !important;
}

.contact-tit{
	margin-bottom: 35px;
}
.contact-tit h1 {
    font-size: 34px;
    line-height: 1.3;
    font-weight: bold;
    color: #000;
}
.inquiry_form label{
	width: 100%;
    display: inline-block;
    text-align: left;
    padding: 5px 0;
	font-size: 16px;
	line-height: 20px !important;
	margin-bottom: 5px;
}
.inquiry_form input {
	font-family: 'poppins', Arial, sans-serif;
	height: 40px;
	width: 100%;
	background: #fff;
	border: 1px solid #acb1b5;
	margin-bottom: 15px;
	padding: 0 10px;
	outline: none;
	border-radius: 5px;
	font-size: 16px;
	color: #000;
}
.inquiry_form select {
	font-family: 'poppins', Arial, sans-serif;
	height: 40px;
	width: 100%;
	background: #fff;
	border: 1px solid #acb1b5;
	margin-bottom: 15px;
	padding: 0 10px;
	outline: none;
	border-radius: 5px;
	font-size: 16px;
	color: #000;
}
.inquiry_form textarea {
	font-family: 'poppins', Arial, sans-serif;
	padding: 10px;
	margin-bottom: 15px;
	width: 100%;
	background: #fff;
	border: 1px solid #acb1b5;
	outline: none;
	border-radius: 5px;
	font-size: 16px;
	color: #000;
}
.inquiry_form .file-input input{
	width: 95%;
}
.inquiry_form .submit {
	display: inline-block;
	text-align: center;
	padding: 7px 24px;
	border-radius: 30px;
	margin-bottom: 0px;
	clear: both;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	border: 0;
	font-size: 18px;
	margin-top: 20px;
	background: #ff9800;
	font-weight: normal;
	word-spacing: 0.2px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.inquiry_form .submit:hover {
	background: #00305b;
	font-weight: normal;
	color: #fff;
	transition: background-color .3s;
}
.inquiry_form .input-box-style2{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.inquiry_form .input-box-style2>div{
	width: 49%;
}

@media (min-width: 768px) {
	.inquiry_form ul li {
		float: left;
		width: 48%;
		margin-left: 4%;
	}
	.inquiry_form ul::after{
		display: table;
		content: " ";
	}
	.inquiry_form ul::after{
		clear: both;	
	}
}

.services_bg {
	background: url(../images/servicesbg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.about_bg {
	background: url(../images/aboutbg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.product_bg {
	background: url(../images/productbg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.cart_bg {
	background: url(../images/cartbg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.contact_bg{
	background: url(../images/contactbg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.container{
	position: relative;
	width: 100%;
}
.container.greybg {
	background: #f2f3f9;
}
.container.bluebg {
	background: #00305b;
	color: #fff;
}
.container.light-bluebg {
	background: #beddea;
	color: #272727;
}
.services-container {
	padding-bottom: 60px;
}
.container-box{
	position: relative;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 25px;
}
.container-box::after{
	display: table;
	content: " ";
}
.container-box::after{
	clear: both;	
}
@media (min-width: 1025px) {
	.auto-header {
		position: relative;
		max-width: 1280px;
		margin: 0 auto;
		padding: 0 25px;
	}
	.nav {
		position: fixed;
		z-index: 9999;
		width: 100%;
		background: #fff;
		top: 0;
		border-bottom: 1px solid #eee;
	}
	.logo {
		width: 270px;
		border: 0;
		position: absolute;
		z-index: 9999;
		top: 10px;
		left: 25px;
	}	
	.submit_search {
		width: 270px;
		position: absolute;
		top: 5px;
		right: 25px;
		z-index: 9999;
	}

	.nav-line {
		width: 100%;
		height: 84px;
	}
	.container-left{
		width: 67%;
		float: left;
		margin-right: 3%;
	}
	.container-right{
		width: 30%;
		float: right;
	}
	.left-container {
		width: 27%;
		float: left;
	}
	.right-container {
		width: 70%;
		float: right;
	}
}

@media (max-width: 1024px) {
	.auto-header {
		max-width: 100%;
		margin: 0 auto;
		background: #fff;
		height: auto;
		overflow: hidden;
	}
	.nav {
		position: relative;
		z-index: 9999;
		width: 100%;
	}
	.logo {
        width: 240px;
		border: 0px;
		position: absolute;
		z-index: 9999;
		top: 10px;
		left: 1%;
	}
	.submit_search {
		width: 270px;
		position: absolute;
		top: 0;
		right: 1%;
		z-index: 9999;
	}
	.menu-mobile {
		background: #00305b;
	}
	.menu-mobile:hover {
		color: #fff;
	}
	.menu {
		margin-top: 74px !important;
		background: #00305b;
	}
}
@media (max-width: 560px) {
	.submit_search {
		width: 96%;
		position: absolute;
		top: 65px;
		right: 2%;
		z-index: 9999;
	}
	.menu {
		margin-top: 140px !important;
		background: #00305b;
	}
	.logo {
		width: 96%;
		left: 2%;
		text-align: left;
	}
	.logo img {
		width: 240px;
	}
}

.search-input {
	font-family: 'poppins', sans-serif;
	border: 1px solid #acb1b5;
	outline: none;
	font-size: 0.85em;
	height: 36px;
	padding-left: 15px;
	width: 100%;
	float: left;
	border-radius: 36px;
}
.submit_search .submitsearch-box {
	position: relative;
}
.submit_search .buttonbox {
	position: absolute;
	top: 2px;
	right: 2px;
	background: #2e9cd4;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
}
.submit_search .buttonbox:hover {
	transition: background-color .3s;
	background: #00305b;
}
.submit_search button {
	border: none;
    cursor: pointer;
    margin: 0 auto;
    outline: none;
	font-size: 1em;
	background: none;
    color: #fff;
}
.submit_search button:hover,
.submit_search button:focus,
.submit_search button:active{
	color: #fff;
}
.radio-inline {
	display: inline-block;
	color: #272727;
	font-size: 13px;
	padding-right: 8px;
}
input[type=radio] {
	vertical-align: middle;
    margin: 0;
    line-height: normal;
}


.contact_bottom {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	background: url(../images/bottombg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	color: #fff;
	padding: 60px 0px 60px;
}
.contact_bottom::before {
    content: "";
    display: inline-block;
    width: 40vw;
    height: 100%;
    background-color: rgba(0, 48, 91, .65);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.contact_bottom .container-box {
	position: relative;
	padding: 20px 25px 15px;
	z-index: 2;
}
.contact_bottom h4{
	margin-top: 0;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 15px;
	padding: 0;
	text-transform: uppercase;
	font-family: 'Poppins-Regular';
}
.contact_bottom h4 a{
	color: #fff;
}
.contact_bottom h4 a:hover {
	text-decoration: underline;
}
.contact_bottom h5 {	
	font-size: 18px;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 25px;
	text-transform: uppercase;
}
.contact_bottom h5 a {
	color: #fff;	
	text-decoration: underline !important;
}

.contact_bottom .row{
	margin-right: -15px;
    margin-left: -15px;
}
.contact_bottom .row>div{
	padding-right: 15px;
    padding-left: 15px;
}
.contact_bottom .row.foot-logobox {
	margin-right: -30px;
    margin-left: -30px;
}
.contact_bottom .row.foot-logobox>div {
	padding-right: 30px;
    padding-left: 30px;
}
.contact_bottom .foot-logo .social-icon-two {
	margin-top: 30px;
	padding: 0;
	text-align: right;
}
.contact_bottom .addressline{
	border-left: 1px solid #fff;
}
@media (max-width: 1500px) {
	.contact_bottom .newsletterbox{
		border-left: none;
	}
}
.contact_bottom .inquiry_form input {
	height: 40px;
}
.footer-copy {
	padding: 10px 0 15px;
	text-align: center;
	cursor: pointer;
	font-size: 20px;
	color: #fff;
}

.list-style-one,.list-style-two {
	position: relative;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.list-style-one li {
	position: relative;
	font-size: 0.95em;
	line-height: 20px;
	padding-left: 0;
	margin-bottom: 10px;
	color: #fff;
}
.list-style-two li {
	position: relative;
	font-size: 16px;
	line-height: 24px;
	padding-left: 24px;
	margin-bottom: 8px;
	color: #fff;
}
.list-style-two li:nth-child(1){
	background: url(../images/address.svg) no-repeat 0px 5px/12px;
}
.list-style-two li:nth-child(2){
	background: url(../images/tel.svg) no-repeat 0px 5px/13px;
}
.list-style-two li:nth-child(3){
	background: url(../images/fax.svg) no-repeat 0px 6px/13px;
}
.list-style-two li:nth-child(4){
	background: url(../images/email.svg) no-repeat 0px 7px/14px;
}
.list-style-two li span {
	/*position: absolute;*/
	/*top: 0;*/
	/*left: 0;*/
}
.list-style-two li .fa-phone{
	font-size: 19px;
	padding-right: 8px;
}
.list-style-two li .fa-map-marker{
	font-size: 22px;
	padding-right: 10px;
}
.list-style-two li .fa-envelope{
	font-size: 16px;
	padding-right: 8px;
}
.list-style-two li .fa-fax{
	font-size: 17px;
	padding-right: 9px;
}
.list-style-one li a,
.list-style-two li a {
	color: #fff;
	text-decoration: none;
}
.list-style-one li a:hover,
.list-style-two li a:hover{
	text-decoration: underline;
}
.social-icon-two {
	padding: 15px 0;
	list-style-type: none;
	margin: 0;
	height: auto;
	overflow: hidden;
}
.social-icon-two li {
	margin-right: 15px;
	margin-left: 0;
	display: inline-block;
}
.social-icon-two li a {
	color: #fff;
	font-size: 18px;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
	border: 1px solid #fff;
}
.social-icon-two li a:hover{
	color: #fff;
	background: #2e9cd4;
	border: 1px solid #2e9cd4;
}
@media (max-width: 1200px) {
	.contact_bottom::before {
		width: 39vw;
	}
}
@media (max-width: 991px) {
	.contact_bottom::before {
		width: 0;
	}
	.contact_bottom h2 {
		display: none;
	}
	.contact_bottom .foot-logo .social-icon-two {
		margin-top: 15px;
		padding-bottom: 20px;
		text-align: left;
	}
}

.index-container {
	padding: 80px 30px 60px;
}

.index-titlebox {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -640px;
	z-index: 2;
	width: 1280px;
	height: 100%;
	padding: 0 25px;
}
.index-title-table {
	display: table;
	width: 100%;
	height: 100%;
}
.index-title-table .index-title-tablecell {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}
.index-title-table h2 {
	font-size: 36px;
	line-height: 45px;
}
.index-title-table h2 span {
	font-weight: bold;
}

.tab {
	width: 100%;
	height: 500px;
	overflow: hidden;
}
.tab::before {
    content: "";
    display: inline-block;
    width: 42vw;
    height: 100%;
    background-color: rgba(190, 221, 234, .75);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.tab-nav {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
	width: 57vw;
	padding: 80px 0;
	height: 100%;
	overflow: hidden;
	background: none;
}

.tab-nav li {
	position: relative;
	display: block;
	float: left;
	width: 42%;		
	min-height: 128px;		
	text-align: left;
	text-decoration: none;
	color: #333;
	background: #fff;
	padding: 0 15px 0 45px;
	margin: 20px 0 20px 5%;
}
.tab-nav li .fa-square {
	position: absolute;
	top: 15px;
	left: 20px;
	color: #00305b;
}
.tab-nav li h3 {
	font-size: 16px;
	text-transform: uppercase;
}
.tab-nav li p {
	line-height: 24px;
	color: #727272;
}
.tab-nav li.current {
	background: #beddea;
}
.tab-nav li.current p {
	color: #272727;
}

.tab-con {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.tab-con-item {
	display: none;
	width: 100%;
	height: 500px;
	background-size: cover;		
}

.tab-con-item .product-boxbg1{
	width: 100%;
	height: 100%;
	background: url(../images/index-productbg1.jpg) no-repeat center center;
	background-size: cover;
}
.tab-con-item .product-boxbg2{
	width: 100%;
	height: 100%;
	background: url(../images/index-productbg2.jpg) no-repeat center center;
	background-size: cover;
}
.tab-con-item .product-boxbg3{
	width: 100%;
	height: 100%;
	background: url(../images/index-productbg3.jpg) no-repeat center center;
	background-size: cover;
}
.tab-con-item .product-boxbg4{
	width: 100%;
	height: 100%;
	background: url(../images/index-productbg4.jpg) no-repeat center center;
	background-size: cover;
}

@media (max-width: 1360px) {
	.tab-nav li {
		width: 46%;
		margin: 20px 0 20px 3%;
	}
}
@media (max-width: 1279px) {
	.index-titlebox {
		width: 100%;
		left: 0;
		margin-left: 0;
	}
	.tab-nav {
		padding: 30px 0;
		width: 58vw;
	}
	.tab-nav li {
		width: 90%;
		margin: 10px 5% 10px 5%;
		min-height: 58px;
	}
}
@media (max-width: 1024px) {
	.tab::before {
		width: 0;
	}
	.index-titlebox .index-title-table {
		display: table;
		height: 100px;
	}
	.tab-nav {
		padding: 150px 25px 30px;
		width: 100%;
	}
	.tab-nav li {
		width: 48%;
		margin: 10px 2% 10px 0;
		min-height: 58px;
	}
}
@media (max-width: 767px) {
	.tab {
		height: 700px;
	}
	.tab-con-item {
		height: 700px;	
	}
	.tab-nav li {
		width: 100%;
		margin: 10px 0;
		min-height: 58px;
	}
}
@media (max-width: 580px) {
	.tab {
		height: 800px;
	}
	.tab-con-item {
		height: 800px;	
	}
}
@media (max-width: 350px) {
	.tab {
		height: 950px;
	}
	.tab-con-item {
		height: 950px;	
	}
}

.division {
	padding: 30px 25px;
	text-align: center;
	color: #fff;
}
.division h2 {
	font-size: 32px;
	margin-bottom: 10px;
}

@media (min-width: 1025px) {
	.index-fixed-bg {
		background-attachment: fixed;
	}
}
.index-fixed-bg {
    background-image: url(../images/indexbg.jpg);
}
.index-fixed-bg {
	position: relative;
	width: 100%;
	min-height: 100%;
	height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
	z-index: 1;
	text-align: center;
	padding: 40px 0;
}

.h2-box {
	text-align: center;
	font-size: 36px;
	text-transform: uppercase;
	margin-top: 0;
	padding-bottom: 20px;
}
.index-services>div {
	margin: 10px 0;
}
.index-services .index-services-box {
	background: #fff;
	border-radius: 10px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	-moz-box-shadow: 0 0 5px #eee;
	-webkit-box-shadow: 0 0 5px #eee;
	box-shadow: 0 0 5px #eee;
	width: 100%;
	height: 100%;
	position: relative;
}
.index-services .index-services-box:hover {
	transition: all .3s;
	background: #f5f5f5;
}
.index-services .index-services-box .index-servicesimg,
.index-services .index-services-box .index-servicesimg img {
	width: 100%;
	border-radius: 10px 10px 0 0;
}
.index-services .index-services-box h3 {
	padding: 15px;
	font-family: 'poppins', Arial, sans-serif;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 22px;
	text-align: center;
	text-transform: uppercase;
}
.index-services .index-services-box h3 a {
	color: #272727;
}
.index-services .index-services-box h3 a:hover {
	color: #2e9cd4;
}
.index-services .index-services-box>a {
	display: block;
	width: 100%;
	padding: 10px 30px;
	font-family: 'poppins', Arial, sans-serif;
	font-weight: normal;
	font-size: 1.1em;
	line-height: 40px;
	text-transform: uppercase;
	background: none;
	letter-spacing: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	border-top: 1px solid #ededed;
}
@media (max-width: 1023px) {
	.index-services .index-services-box h3 {
		padding: 13px;
	}
}
@media (max-width: 767px) {
	.index-services>div {
		width: 46%;
		margin: 10px 1%;
		float: left;
	}
}
@media (max-width: 520px) {
	.index-services>div {
		width: 98%;
		margin: 10px 1%;
		float: none;
	}
}

.side-box {
	background: #fff;
	border-radius: 10px;
	-moz-box-shadow: 0 0 5px #eee;
	-webkit-box-shadow: 0 0 5px #eee;
	box-shadow: 0 0 5px #eee;
	margin-bottom: 30px;
	padding: 0px 0 0px;
	border: 1px solid #cfcfcf;
	overflow: hidden;
}
.side-box-a {
	display: block;
	padding: 0 20px;
}
.side-box .side-content {
	background: #fff;
	border-radius: 0 0 10px 10px;
	padding: 0px 0px 0;
	border-top: 1px solid #f6f6f6;
	margin-top: 0px;
	text-align: left;
}
.side-box .gray-line {
	width: 100%;
	height: 1px;
	background: #f6f6f6;
}
.side-box .list-style-two {
	padding-bottom: 10px;
	font-size: 16px;
}
.list-style-two.blackicon li:nth-child(1){
	background: url(../images/address-black.svg) no-repeat 0px 5px/12px;
}
.list-style-two.blackicon  li:nth-child(2){
	background: url(../images/tel-black.svg) no-repeat 0px 5px/13px;
}
.list-style-two.blackicon  li:nth-child(3){
	background: url(../images/fax-black.svg) no-repeat 0px 6px/13px;
}
.list-style-two.blackicon  li:nth-child(4){
	background: url(../images/email-black.svg) no-repeat 0px 7px/14px;
}
.side-box .list-style-two li {
	color: #272727;
}
.side-box .list-style-two li a {
	color: #272727;
}
.side-box .list-style-two li a:hover {
	color:#2e9cd4;
}
.side-box .social-icon-two li a {
	color: #fff;
	background: #00305b;
	border: none;
}
.side-box .social-icon-two li a:hover {
	transition: background-color .3s;
	color: #fff;
	background: #2e9cd4;
}
.side-box .side-headline {
	font-size: 20px;
	padding: 20px 20px;
	font-weight: bold;
	background: #f2f3f9;
	color: #11233A;
	font-family: 'Poppins-SemiBold';
	border-bottom: 2px solid #fff;
}
.side-box .side-content .list-style-one {
	margin-top: 15px;
	margin-bottom: 10px;
}
.side-box .side-content .list-style-one li {
	font-size: 1em;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
.side-box .side-content .list-style-one li a {
	color: #272727;
}
.side-box .side-content .list-style-one li a:hover {
	color: #0085bb;
	text-decoration: none;
}

.navMenu {
	margin: 0 0 0px 0;
	padding: 0;
}

.navMenu>li {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;	
}
.navMenu li a{
	font-size: 16px !important;
	line-height: 26px !important;
}
.navMenu>li>a {
	display: inline-block;
	overflow: hidden;
	color: #272727;
	transition: all .3s;
	position: relative;
	text-decoration: none;
	font-size: 17px;
	padding: 20px 0px 15px 10px;
	font-weight: 900;
	width: 90%
}
.navMenu .arrow{
	width: 10%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	float: right;
}
.navMenu>li>ul>li>.arrow{
	margin-top: 10px;
}
.navMenu .arrow:before {
	cursor: pointer;
	content: '\e968';
    font-family: 'icomoon';
	font-weight: bold;
	color: #272727;
	transition: all 0.5s;
}

.navMenu .arrow.open:before {
	transform: rotate(-90deg);
}

.navMenu>li>.arrow.open:before {
	font-weight: 900;
	padding: 20px 5px 15px 10px;
}
.navMenu>li>.arrow:before {
	font-weight: 900;
	padding: 20px 5px 15px 10px;
	cursor: pointer;
}

.navMenu>li>ul.sub-menu,
.navMenu>li>ul.sub-menu>li>ul.sub-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: none;
}

.navMenu>li>ul.sub-menu>li {
	background: #f2f3f9;
	margin-bottom: 2px !important;
	padding: 0 !important;
	font-size: 15px;
	line-height: 22px !important;
}


.navMenu>li>ul.sub-menu>li>ul.sub-menu {
	background: #fff;
	padding: 4px 0;
}

.navMenu>li>ul.sub-menu li {
	padding: 4px 0 0 0;
	margin-bottom: 0;
	line-height: 24px;
}

.navMenu>li .sub-menu {
	margin-bottom: 10px;
}

.navMenu>li>ul.sub-menu>li>a {
	display: inline-block;
	padding: 9px 15px 9px 10px;
	position: relative;
	margin-bottom: 0;
	color: #272727;
	width: 90%;
	border-left: 3px solid #f2f3f9;
}

.navMenu>li>ul.sub-menu>li>a:hover,.navMenu>li>ul.sub-menu>li>a.active {
	border-left: 3px solid #ff9800;
	color: #ff9800;
}

.navMenu>li>ul.sub-menu>li.open>a {
	border-left: 3px solid #ff9800;
	color: #ff9800;
}
.navMenu>li>ul.sub-menu>li:hover{
	background: #f1f8f9;
}
.navMenu>li>ul.sub-menu>li.open {
	background: #f1f8f9;
}
.navMenu>li>ul.sub-menu .sub-menu li .arrow.open:before,
.navMenu>li>ul.sub-menu .sub-menu li .arrow:before {
    padding: 2px 10px;
}
.navMenu>li>ul.sub-menu .sub-menu li>a {
	display: inline-block;
	padding: 2px 0 2px 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 0.9em;
	position: relative;
	width: 90%;
	color: #272727;
}
.navMenu>li>ul.sub-menu .sub-menu li.open>a {
	color: #0085bb;
}
.navMenu>li>ul.sub-menu .sub-menu li>a:hover,.navMenu>li>ul.sub-menu .sub-menu li>a.active {
	color: #0085bb;
}

.navMenu>li>ul.sub-menu .sub-menu .sub-menu {
	list-style: none;
	font-size: 0.95em;
	background: #f1f8f9
	padding: 10px 0 0;
	display: none;
}
.navMenu>li>ul.sub-menu .sub-menu .sub-menu li {
	line-height: 22px;
}
.navMenu>li>ul.sub-menu .sub-menu .sub-menu li>a {
	color: #666;
	padding-left: 25px;
	height: 22px;
}

.navMenu>li>ul.sub-menu .sub-menu .sub-menu li>a:hover,.navMenu>li>ul.sub-menu .sub-menu .sub-menu li>a.active{
	color: #0085bb;
}

.navMenu>li>ul.sub-menu .sub-menu .sub-menu li>a:before {
	content: '';
}

.navMenu>li>ul.sub-menu .sub-menu .sub-menu .sub-menu {
	padding: 8px;
	margin-bottom: 0px;
	background: #eeeeee;
}

.contact-container {
	position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
	background: url(../images/contact-contentbg.jpg);
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.contact-container::before {
    content: "";
    display: inline-block;
    width: 42vw;
    height: 100%;
    background-color: rgba(255, 255, 255, .75);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.contact-container .container-box {
	z-index: 2;
	color: #272727;
}
.contact-container .list-style-two {
	margin-top: 20px;
}
.contact-container .list-style-two li {
	color: #272727;
}
.contact-container .list-style-two li a {
	color: #00305b;
}
.contact-container .list-style-two li a:hover {
	color:#2e9cd4;
}
.contact-container .social-icon-two li a {
	color: #fff;
	background: #00305b;
	border: none;
}
.contact-container .social-icon-two li a:hover {
	transition: background-color .3s;
	color: #fff;
	background: #2e9cd4;
}
.contact-map {
	height: 450px;
}
.contact-map iframe{
	width: 100%;
	height: 100%;
}
.light-bluebg .division {
	color: #272727;
}
@media (max-width: 1023px) {
	.contact-container::before {
		width: 100%;
	}
}
.product-category {
	margin-top: 15px;
}
.product-category li .index-product-box {
	position: relative;
	padding: 0 15px 0 45px;
	background: #f2f3f9;
	margin-bottom: 30px;
}
.product-category .fa-square {
	position: absolute;
    top: 15px;
    left: 20px;
    color: #00305b;
}
.product-category h3 {
	font-size: 17px;
	text-transform: uppercase;
}
.product-category h3 a {
	color: #00305b;
}
.product-category h3 a:hover {
	color: #0085bb;
}

.tabs {
	width: 100%;
	margin-top: 25px;
	margin-bottom: 10px;
}
.tabs .content {
	position: relative;
	z-index: 1;	
}
.tabs .content .content-current {
	display: block;
	padding: 20px;
	border: 1px solid #ccc;
} 
.tabs .content section {
	display: none;
}
.tabs .content .inquiry_form textarea {
    width: 100%;
}
.tabs nav li {
	margin-right: 10px;
	cursor: pointer;
	border: none;
	background: #242429;
}
.tabs nav li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	font-family: 'poppins', Arial, sans-serif;
	font-size: 1.1em;
	color: #fff;
	padding: 0 30px;
}
.tabs nav li:hover {
	background: #2e9cd4;
}
.tabs nav li:hover a {
	color: #fff;
}
.tabs nav .tab-current{
	position: relative;
	z-index: 2;	
	background: #2e9cd4;
}
.tabs nav .tab-current a{
	color: #fff;
}
.tabs nav ul:after{
	display: table;
	content: " ";
}
.tabs nav ul:after{
	clear: both;
}
@media (min-width: 768px) {
	.tabs nav ul {
		width: 100%;
		margin-top: 10px;		
	}	
	.tabs nav li {
		float: left;
		text-align: center;
		padding-left: 0px;
		height: 42px;
		line-height: 42px;
		margin-top: 0;
		background: #34373a;
	}	
}
@media (max-width: 767px) {
	.tabs nav ul {
		width: 100%;
		margin-top: 10px;
	}
	.tabs nav li {
		float: left;
		text-align: center;
		height: 36px;
		line-height: 36px;
	}
	.tabs nav li a {
		font-size: 0.88em;
		padding: 0 15px;
	}
}
.pdf-abox {
	display: inline-block;
	padding-right: 40px;
}
.pdf-abox i {
	font-size: 20px;
	color: red;
	padding-right: 10px;
}
.text-center {
    text-align: center;
    vertical-align: middle;
}
.inquiryicon,
.carticon {
	display: block;
	cursor: pointer;
}
.inquiryicon .fa {
	font-size: 26px;
}
.carticon .fa {
	font-size: 24px;
}
.pack-quantity {
	width: 100%;
	border-radius: 5px;
	height: 30px;
	border: 1px solid #aaa;
}
.update-cart {
	text-align: right;
}
.delete {
	cursor: pointer;
}
.delete:hover {
	color: #00305b;
}
.delete i {
	font-size: 16px;
}

.services-box>div {
	margin-bottom: 15px;
}
.services-box h4 {
	padding: 8px 0;
	line-height: 22px;
	/*text-align: center;*/
}
.services-box p {
	font-size: 14px;
    line-height: 27px;
	color: #666;
}
.services-box .col-md-6 img {
	width: 400px;
}
.services-box img {
	margin: 0 auto;
}
.services-all .services-box .col-md-9 {
	transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.services-all .services-box:hover {
	background-color: rgba(190, 221, 234, .5);
}
@media (min-width: 992px) {
	.services-all .services-box .col-md-3 {
		padding-right: 0;
	}
	.services-all .services-box .col-md-9 {
		padding-left: 30px;
	}
}

.project-notes {
	display: block;
	width: 100%;
	padding: 5px 10px;
	border-radius: 5px;
	color: #000;
	background: #f5f5f5;
	margin-top: 10px;
	margin-bottom: 30px;
	line-height: 26px;
	font-size: 16px;
	display: flex;
    align-items: center;
}
.project-notes i {
	display: inline-block;
	padding-right: 8px;
	font-size: 19px;
	color: #fb6627;
}

.right-container .side-headline,
.right-container .side-content {
	display: none !important;
}

/*----------------*/


.content{
	width: 1470px;
	height: auto;
	margin: auto;
}
.maincon{
	width: 1470px;
	height: auto;
	margin: auto;
}
.toper{
	width: 100%;
	height: auto;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 99;
}
.toper.fixed{
	background: #fff;
	box-shadow: 3px 4px 5px rgba(0,0,0,.1);
}
.toper.fixed .topicon{
	display: none;
}
.toper .content{
	display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1600px;
}
.topicon{
	width: 100%;
	height: auto;
	background: #ff9800;
	padding: 8px 0px;
}
.topicon .content{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.topicon p{
	color: #fff;
	font-size: 15px;
	margin-bottom: 0px;
}
.topicon p a{
	color: #fff;
	font-size: 15px;
}
.topicon p a:hover{
	color: #000;
}
.contacticon a{
	width: auto;
	height: 100%;
	color: #fff;
	font-size: 15px;
	display: inline-flex;
	align-content: center;
	justify-content: center;
	padding-right: 15px;
	margin-right: 15px;
	border-right: 2px solid #fff;
}
.contacticon a span{
	font-size: 15px;
	color: #fff;
}
.contacticon a span:hover{
	color: #000;
}
.topnav{
	width: 100%;
	height: auto;
	padding-top: 15px;
	padding-bottom: 15px;
}
.logos{
	width: auto;
	height: 100%;
}
.logos img{
	width: auto;
	height: 55px;
}
.sp_nav{width:25px;position:relative;cursor:pointer;height:22px;margin-top:9px;display: none;}
.sp_nav span{display:block;background:#000;width:25px;height:2px;position:absolute;left:0px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.navs{
	width: auto;
	height: 100%;
	position: relative;
	margin-top: 0;
}
.navs a{
	font-size: 16px;
	color: #fff;
}
.navs a:first-child{
	margin-left: 0px;
}
.navs a:hover{
	color: #000000;
}
.navs a.shows{
	color: #000000;
}
.navs>ul>li{
	width: auto;
	height: 50px;
	line-height: 50px;
	float: left;
	margin-left: 30px;
	position: relative;
	padding: 0px 0px 20px;
}
.navs>ul>li:first-child{
	margin-left: 0px;
}
.navs>ul>li>a{
	color: #ff9800;
}
.navs>ul>li:after{
	/*content: '';*/
	position: absolute;
	width: 0%;
	height: 2px;
	background: #ff9800;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	transition: all 0.3s;
}
.navs>ul>li>span{
    float: right;
    margin-left: 5px;
    color: #ff9800;
    font-size: 14px;
    transition: all 0.3s;
}
.navs>ul>li>span::before{
	content: '\e968';
	font-family: 'icomoon';
    right: 0;
    top: 0;
}
.navs>ul>li>a.actives{
	color: #ff9800;
}
.navs>ul>li>span.act::before{
	color: #ff9800;
}
.navs>ul>li:hover:after{
	width: 100%;
}
.navs>ul>li:hover>a{
	color: #ff9800;
}
.navs>ul>li:hover>span{
	color: #ff9800;
}
.navs>ul>li:hover:after{
	background: #ff9800;
}
.toper.fixed .navs>ul>li:hover>a{
	color: #ff9800;
}
.toper.fixed .navs>ul>li:hover>span{
	color: #ff9800;
}
.toper.fixed .navs>ul>li:hover:after{
	background: #ff9800;
}
.navs ul li ul li{
	width: 100%;
    height: auto;
    padding: 10px 10px;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 0px;
    position: relative;
    line-height: 25px;
    float: left;
}
.navs ul li ul li span::before{
	content: ">";
	color: #062134;
	font-weight: bold;
	position: absolute;
	top: 50%;
    right: 15px;
    position: absolute;
    transform: translateY(-50%);
}
.navs ul li ul li a{
	font-size: 15px;
	line-height: 20px;
    color: #000;
    display: inline-block;
    max-width: 90%;
    font-weight: 100;
    transition: all .1s ease-out;
    font-weight: bold;
}
.navs ul li ul li:hover{
	/*background: #062134;*/
	/*border-bottom: 1px solid #062134;*/
}
.navs ul li ul li:hover>a{
	color: #ff9800;
}
.navs ul li ul li:hover>span::before{
	color: #ff9800;
}
.navs ul li ul li a.shows{
	color: #ff9800;
}
.navs ul li ul li img{
	height: 7px;
    cursor: pointer;
    transition: all 0.3s;
    line-height: 12px;
    top: 50%;
    position: absolute;
    right: 5px;
    transform: translateY(-50%);
}
.navs ul li ul li img.down{
	transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-o-transform:rotate(-90deg); 
}
.navs>ul>li>ul{
	position: absolute;
	left: 0px;
	top: 100%;
	background: #fff;
	width: 320px;
	height: auto;
	display: none;
}
.navs ul li ul li ul{
	position: absolute;
	left: 100%;
	top: 0px;
	background: #fff;
	width: 100%;
	height: auto;
	display: none;
}
.nav-right{
	width: auto;
	display: none;
	align-items: center;
	justify-content: flex-start;
	column-gap: 30px;
}
.nav-right .searchicon {
    width: 30px;
    height: 30px;
    display: flex;
    border-radius: 70px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #000;
    margin-right: 0px;
    display: none;
}
.nav-right .searchicon:before {
    content: '\e997';
    font-family: 'icomoon';
    font-size: 20px;
    line-height: 22px;
}
.nav-right .searchicon.shows:before {
    content: '\2716';
}
.searchbox{
	width: auto;
	height: 38px;
}
.searchbox form{
	width: 100%;
	height: 100%;
	position: relative;
	border: 1px solid #ff9800;
	border-radius: 20px;
}
.searchbox input{
	width: 250px;
	height: 100%;
	border: none;
	font-size: 15px;
	color: #ff9800;
	float: left;
	border-radius: 20px 0 0 20px;
	background: none;
	box-shadow: none;
	padding: 0px 10px;
}
.searchbox input:focus{
	box-shadow: none;
}
.searchbox input::-webkit-input-placeholder {
	color: #ff9800;
	font-size: 15px;
}
.searchbox input:-moz-placeholder {
	color: #ff9800;
	font-size: 15px;
}
 .searchbox input::-moz-placeholder {
	color: #ff9800;
	font-size: 15px;
}
 .searchbox input::-ms-input-placeholder {
	color: #ff9800;
	font-size: 15px;
}
.searchbox button{
	height: 100%;
	width: 40px;
	background: url(../images/search.svg) center center/28px no-repeat;
	border: none;
	left: 230px;
	border-radius: 0 20px 20px 0;
}
.toper.fixed .navs>ul>li>a{
	color: #000;
}
.toper.fixed .navs>ul>li>span{
	color: #000;
}
.toper.fixed .searchbox form{
	border: 1px solid #000;
}
.toper.fixed .searchbox input{
	color: #000;
}
.toper.fixed .searchbox button{
	background: url(../images/search.svg) center center/28px no-repeat;
}
.toper.fixed .searchbox input::-webkit-input-placeholder {
	color: #999;
}
.toper.fixed .searchbox input:-moz-placeholder {
	color: #999;
}
.toper.fixed .searchbox input::-moz-placeholder {
	color: #999;
}
.toper.fixed .searchbox input::-ms-input-placeholder {
	color: #999;
}
p{
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 15px;
	color: #4d4d4d;
}
.readmore{
	display: inline-block;
	padding: 7px 24px;
	border-radius: 30px;
	color: #fff;
	font-size: 15px;
	margin-top: 10px;
	background: linear-gradient(to right, #3f73cf , #2e9cd4);
	position: relative;
    overflow: hidden;
    transition: 400ms;
    text-transform: uppercase;
}
.readmore .moretext{
	position: relative;
	z-index: 22;
}
.readmore:hover{
	color: #fff;
}
.readmore{
	background: none;
	border: 1px solid #fff;
}
.readmore:hover{
	border: 1px solid #ff9800;
	background: #ff9800;
}
.su_button_circle{
  background-color: red;
  border-radius: 1000px;
  position: absolute;
  left:0;
  top:0;
  width: 0px;
  height: 0px;
  margin-left: 0px;
  margin-top: 0px;
  pointer-events: none;
}
.explode-circle2{
   animation: explode2 0.8s forwards;
}
.desplode-circle2{
   animation: desplode2 0.5s forwards;
}
@keyframes explode2 {
  0% {
    width: 0px;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
    background-color: rgba(7,29,73,0.2);
  }
  100% {
    width: 300px;
    height: 300px;
    margin-left: -150px;
    margin-top: -150px;
    background-color: rgba(7,29,73,1);
  }
}
@keyframes desplode2 {
  0% {
    width: 300px;
    height: 300px;
    margin-left: -150px;
    margin-top: -150px;
    background-color: rgba(7,29,73,1);
  }
  100% {
    width: 0px;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
    background-color: rgba(7,29,73,0.6);
  }
}
.mainsection1{
	width: 100%;
	height: auto;
	padding: 80px 0px 40px;
	position: relative;
}
.section1bg{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.section1bg:after{
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
}
.section1bg img{
	position: absolute;
	left: 100%;
	top: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.section1bg img:first-child{
	left: 0%;
}
.mainsection1 .maincon{
	position: relative;
}
.section1con{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.section1title{
	margin-bottom: 40px;
}
.indextitle{
	font-size: 30px;
	color: #fff;
	margin-bottom: 15px;
	text-align: center;
}
.section1title .indextitle{
	text-align: center;
	margin-bottom: 25px;
}
.section1list{
	width: 75%;
	height: auto;
	position: relative;
	padding-bottom: 50px;
}
.section1text{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	width: 100%;
}
.section1text a{
	width: 48%;
	height: auto;
	margin-right: 4%;
	margin-bottom: 30px;
	background: #fff;
	padding: 25px 15px 25px 50px;
	position: relative;
}
.section1text a:before{
	content: '';
	position: absolute;
	top: 34px;
	left: 25px;
	width: 10px;
	height: 10px;
	background: #11233A;
}
.section1text a:nth-child(2n){
	margin-right: 0%;
}
.section1text a h3{
	font-size: 20px;
	margin-bottom: 0px;
	color: #000;
}
.section1text a p{
	margin-bottom: 0px;
}
.section1text a:hover{
	background: #000;
}
.section1text a:hover h3{
	color: #fff;
}
.section1text a:hover p{
	color: #fff;
}
.section1text a:hover:before{
	background: #e96831;
}

.section1text a.active{
	background: #11233A;
}
.section1text a.active h3{
	color: #fff;
}
.section1text a.active p{
	color: #fff;
}
.section1text a.active:before{
	background: #fff;
}
.mainsection2{
	width: 100%;
	height: auto;
	padding: 50px 0px 35px;
	background: #ff9800;
}
.mainsection2 p{
	text-align: center;
	color: #fff;
}
.mainsection3 {
    width: 100%;
    height: 400px;
    overflow: hidden;
    position: relative;
}
.mainsection3 .section3pic{
	width: 100%;
    height: 100%;
    position: absolute;
    background: url(../images/indexbg.jpg) no-repeat center center/cover;
    background-attachment: fixed;
    transform: translateZ(-200px) scale(1.2);
}
.mainsection4{
	width: 100%;
	height: auto;
	padding: 80px 0px 65px;
}
.section4list{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.section4list li{
	width: 23.5%;
}
.section4list li .pic{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
}
.section4list li .pic img{
	width: 100%;
	height: auto;
	transition: all 0.5s;
}
.section4list li p{
	text-align: center;
	font-size: 18px;
	font-family: 'Poppins-SemiBold';
}
.section4list li:hover .pic img {
    transform: scale(1.1);
}
.section4list li:hover p {
    color: #ea6731;
}
.mainsection4 .indextitle{
	color: #262626;
	margin-bottom: 40px;
}
.contact_bottom p{
	color: #fff;
	margin-left: 5%;
}
.footlogo{
	width: 250px;
	margin-bottom: 15px;
}
.index-title-tablecell h2{
	margin-bottom: 20px;
}
.contact_bottom .maincon{
	position: relative;
    z-index: 2;
}
.contact_bottom a:hover{
	color: #b3e5ff;
}
.validate{
	width: 100%;
	display: flex;
}
.validate input{
	width: 45%;
}
.validate img{
	cursor: pointer;
	height: 40px;
	width: auto;
	margin-left: 20px;
}
.pagebanner{
	width: 100%;
	height: 280px;
	position: relative;
	overflow: hidden;
}
.pagebanner:after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background: rgba(0,0,0,.5);
	z-index: 2;
}
.pagebanner img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.pagebannertext{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	padding-top: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 3;
}
.pagebannertext .content{
	display: flex;
	justify-content: center;
	align-items: center;
}
.pagebannertext h1{
    color: #fff;
    text-align: center;
}
.crumbnav{
	width: 100%;
	height: auto;
	padding: 20px 0px;
	text-align: left;
}
.crumbnav ul{
	width: 100%;
	height: auto;
	margin: auto;
	font-size: 15px;
	color: #000;
}
.crumbnav ul li{
	font-size: 16px;
	color: #000;
	display: inline-block;
	margin-right: 5px;
}
.crumbnav ul li a{
	font-size: 16px;
	color: #000;
	display: inline-block;
}
.crumbnav ul li a:hover{
	color: #ff9800;
}
.crumbnav ul li::before{
	content: ">";
	color: #000;
	margin-right: 7px
}
.crumbnav ul li:first-child::before{
	content: "";
	margin-right: 0px;
}
.container{
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 30px;
}
.title_bottom{
	padding-bottom: 10px;
	border-bottom: 2px solid #ff9800;
	display: inline-block;
	font-size: 28px !important;
	color: #ff9800;
}
.about_title.title_bottom{
	font-size: 22px !important;
}
.sidelogo{
	width: 250px;
	margin-left: 20px;
}
.sides.fixd{
	position: fixed;
	top: 80px;
	right: calc(50% - 735px);
	width: 441px;
}
.sides.fixd2{
	position: fixed;
	top: auto;
	right: calc(50% - 735px);
	width: 441px;
	z-index: 1;
}
.services-container img{
	max-width: 100%;
}
.careersbg{
	background: #beddea;
}
.careersbg h2{
	color: #000;
}
.careersbg p{
	color: #000;
}
.career-application{
	width: 100%;
	height: auto;
	padding: 60px 0px;
}
.career-application .indextitle{
	color: #272727;
	margin-bottom: 25px;
	text-align: left;
}
.career-application .inquiry_form ul li{
	margin-right: 0%;
	margin-left: 0%;
}
.contact-container{
	padding: 60px 0px;
}
.contact-container>.maincon{
	position: relative;
	z-index: 2;
}
.service-tit {
	display: flex;
	margin-bottom: 35px;
	width: 100%;
	height: auto;
	padding-bottom: 20px;
	border-bottom: 1px solid #11233A;
	position: relative;
	justify-content: space-between;
	align-items: flex-start;
}
.service-tit h1 {
	position: relative;
	font-size: 26px;
	line-height: 36px;
	margin: 0;
	padding-bottom: 0px;
	font-weight: bold;
	color: #11233A;
}
.service-tit:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 5px;
    left: 0px;
    z-index: 2;
    border-bottom: 1px dashed #11233A;
}
.service-tit .col-md-3 {
	text-align: right;
}
.service-tit .btn{
	display: inline-block;
	font-size: 16px;
	margin: 0;
	flex-shrink: 1;
	margin-left: 20px;
}
.btn {
	padding: 7px 24px;
	clear: both;
	color: #fff !important;
	background: #11233A;
	text-decoration: none;
	font-size: 18px;
	margin-top: 10px;
	display: inline-block;
	font-weight: normal;
	word-spacing: 0.2px;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-radius: 50px;
	cursor: pointer;
}
.btn:hover {
	color: #fff;
	font-weight: normal;
	transition: background-color .3s;
	background: #00305b;
}
.services-all .services-box img {
    width: 100%;
}
.services-all .services-box {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
}
.services-all .services-box>div {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
}
.services-all .services-box .col-md-9{
	padding-top: 30px;
}
.container-row-a {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	column-width: 50%;
	column-gap: 20px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
}
.container-row-a li {
	margin-bottom: 10px;
	break-inside: avoid;
	padding: 8px;
	background: #f2f3f9;
	font-size: 16px;
}
.container-row-a li:after{
	display: table;
	content: " ";
}
.container-row-a li:after{
	clear: both;
}
.container-row-a li span {
	display: inline-block;
	float: left;
	padding-left: 5px;
	line-height: 26px;
	padding-right: 15px;
}
.container-row-a li a {
	color: #272727;
	display: inline-block;
	float: left;
	max-width: 90%;
	line-height: 26px;
}
.container-row-a li:hover {
	background: #ff9800;
	color: #fff;
}
.container-row-a li:hover a {
	color: #fff;
}
.mainsection1 .swiper-button-next, .mainsection1 .swiper-button-prev{
	background: #11233A;
	width: 32px;
	height: 44px;
	margin-top: 0px;
	top: auto;
	bottom: 0px;
	border: none;
	border-radius: 0px;
}
.mainsection1 .swiper-button-next:after, .mainsection1 .swiper-button-prev:after{
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}
.mainsection1 .swiper-button-next{
	right: 0px;
}
.mainsection1 .swiper-button-prev{
	right: 50px;
	left: auto;
}
.mainsection1 .swiper-button-next:hover, .mainsection1 .swiper-button-prev:hover{
	background: #fff;
}
.mainsection1 .swiper-button-next:hover:after, .mainsection1 .swiper-button-prev:hover:after{
	color: #000;
}
.footer{
	background: #11233A;
}
.footercon{
	width: 100%;
	height: auto;
	padding: 65px 0px 35px;
}
.footercon .content{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.footlogo{
	width: 30%;
}
.footlogo img{
	max-width: 180px;
	height: auto;
	margin-bottom: 25px;
}
.footlogo p{
	color: #fff;
}
.footcontact{
	width: auto;
}
.footcontact p{
	color: #fff;
	padding-left: 24px;
	margin-bottom: 5px;
}
.foothead{
	display: block;
	margin-bottom: 20px;
	font-size: 18px;
	color: #fff;
	font-family: 'Roboto-Medium';
}
.footcontact p a{
	color: #fff;
}
.footcontact p a:hover{
	color: #99beed;
}
.footcontact p:nth-child(2){
	background: url(../images/address.svg) no-repeat 0px 5px/12px;
}
.footcontact p:nth-child(3){
	background: url(../images/tel.svg) no-repeat 0px 5px/13px;
}
.footcontact p:nth-child(4){
	background: url(../images/fax.svg) no-repeat 0px 6px/13px;
}
.footcontact p:nth-child(5){
	background: url(../images/email.svg) no-repeat 0px 7px/14px;
}
.footlink p{
	margin-bottom: 5px;
}
.footlink p a{
	color: #fff;
}
.footlink p a:hover{
	color: #99beed;
}
.footicon .contacticon{
	margin-top: 30px;
}
.footicon .contacticon a{
	margin-left: 10px;
	margin-right: 5px;
	border-right: none;
	padding-right: 0px;
}
.footicon .contacticon a:first-child{
	margin-left: 0px;
}
.footicon .contacticon a span{
	font-size: 20px;
}
.footicon .contacticon a span:hover{
	color: #99beed;
}
.copyright{
	width: 100%;
	height: auto;
	padding: 10px 0px;
	border-top: 1px solid #243c5b;
}
.copyright .content{
	display: flex;
	justify-content: space-between;
}
.copyright .content p{
	color: #fff;
	font-size: 14px;
	margin-bottom: 0px;
}
.copyright p a{
	color: #fff;
	font-size: inherit;
}
.copyright p a:hover{
	color: #99beed;
}

.go_top{
	width: 38px;
	height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	background-color: #ff9800;
	color: #fff !important;
	position: fixed;
	right: 5px;
	bottom: 120px;
	opacity: 0;
	z-index: 333;
	cursor: pointer;
}
.go_top:before{
	font-family: 'icomoon' !important;
    content: '\e96b';
    font-size: 20px;
}
.go_top:hover{
	color: #fff !important;
	background-color: #000;
}

.Products-list{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: stretch;
	margin-top: 25px;
}
.Products-list a{
	width: 48%;
	border: 1px solid #000;
	margin-bottom: 30px;
	position: relative;
}
.Products-list a .pic{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.Products-list a .pic img{
	width: 100%;
	transition: all .5s;
}
.Products-list a:hover .pic img{
	transform: scale(1.1); 
}
.Products-list a h3{
	width: 80%;
	height: auto;
	position: absolute;
	left: 10%;
	bottom: 124px;
	display: inline-block;
	padding: 15px 10px;
	background: #fff;
	color: #000;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: 'Poppins-Light';
}
.Products-list a p{
	width: 100%;
	height: 150px;
	padding: 30px 30px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.Products-list a:hover h3{
	background: #000;
	color: #fff;
}
.Service-list{
	width: 100%;
	height: auto;
}
.Service-list a{
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	margin-top: 25px;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	justify-content: space-between;
}
.Service-list a .pic{
	width: 35%;
}
.Service-list a .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.Service-list a .text{
	width: 61%;
	display: inline-flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
}
.Service-list a .text h3{
	margin-top: 0px;
}
.Service-list a .text p{
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.Service-list a .text h3:hover{
	color: #ff9800;
}
.side-contact-info{
	width: 100%;
	height: auto;
	padding: 20px 15px;
}
.side-contact-info .foothead{
	display: none;
}
.contact-container{
	padding: 20px 0px 60px;
}
.contact-container .crumbnav{
	padding: 0px 0px 40px;
	position: relative;
	z-index: 22;
	padding-bottom: 40px;
}
.contact-container>.maincon{
	position: relative;
	z-index: 2;
}
.contactlogo{
	width: 250px;
}
.Related-title{
	color: #ff9800 !important;
}
.row.center{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.services-container h3.Orange{
	color: #ff9800;
}

.ullist.list-icon1{
	padding-left: 19px;
}
.ullist.list-icon1>li{
	padding-left: 0px !important;
	position: relative;
	list-style:none;
}
.ullist.list-icon1>li:before{
	content: '';
	position: absolute;
	top: 10px;
	left: -19px;
	width: 8px;
	height: 8px;
	background: #ff9800;
	transform: rotate(45deg);
	border-radius: 0px;
} 
.Diamond-list{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	padding-top: 5px;
}
.Diamond-list .list-item{
	width: 24%;
	margin-bottom: 25px;
}
.Diamond-list .list-item .pic{
	width: 100%;
	height: auto;
	padding: 15px 15px;
	margin-bottom: 10px;
	box-shadow: 1px 2px 8px #ccc;
	background: linear-gradient(to top right, #dadada, #ffffff);
	overflow: hidden;
}
.Diamond-list .list-item .pic img{
	width: 100%;
	height: auto;
	transition: all .5s;
}
.Diamond-list .list-item:hover .pic img{
	/*transform: scale(1.1);*/ 
}
.Diamond-list .list-item p{
	text-align: center;
	padding: 8px 10px;
	background: #ff9800;
	border-radius: 8px;
	color: #fff;
	line-height: 22px;
	box-shadow: 1px 2px 8px #ccc;
}
.Diamond-list .list-item p a{
	color: #fff;
	line-height: 22px;
}
.Diamond-list .list-item p a:hover{
	color: #004aa6;
}



.service_foot_form{
	margin-top: 20px;
	margin-bottom: 25px;
	display: none;
}
.services-form .service_foot_form{
	display: block;
}
.service_foot_form .title{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 0px;
	width: auto;
	color: #fff;
	padding: 6px 30px;
	border: 0;
	font-size: 17px;
	background: #ff9800;
	line-height: inherit;
	border-top: 5px solid #e88b03;
	border-right: 5px solid #985a00;
	border-bottom: 5px solid #cc7900;
	border-left: 5px solid #fec065;
	height: auto;
}
.service_foot_form p{
	color: #ff9800;
	margin-bottom: 5px;
	font-weight: bold;
	margin-top: 15px;
}
.service_foot_form .row{
	margin-left: -10px;
	margin-right: -10px;
}
.service_foot_form input{
	border: 2px solid #cda76e;
	margin-bottom: 20px;
	border-radius: 0px;
	height: 40px;
	padding: 0px 10px;
	font-size: 16px;
	color: #000;
}
.service_foot_form textarea{
	border: 2px solid #cda76e;
	margin-bottom: 20px;
	border-radius: 0px;
	height: 120px;
	padding: 10px 10px;
	font-size: 16px;
	color: #000;
	width: 100%;
}
.service_foot_form select{
	border: 2px solid #cda76e;
	margin-bottom: 20px;
	border-radius: 0px;
	height: 40px;
	padding: 0px 10px;
	font-size: 16px;
	color: #000;
	width: 100%;
}
.service_foot_form .textarea-box{
	width: 100%;
}
.service_foot_form .input-box{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.service_foot_form .input-box>div{
	width: 48%;
}
.service_foot_form .input-box input{
	width: 100%;
	float: left;
	border-radius: 0px !important;
}
.service_foot_form .input-box select{
	width: 100%;
	float: left;
	border-radius: 0px !important;
}
.service_foot_form input:focus{
	border: 2px solid #ff9800 !important;
	box-shadow: none;
}
.service_foot_form textarea:focus{
	border: 2px solid #ff9800 !important;
	box-shadow: none;
}
.service_foot_form select:focus{
	border: 2px solid #ff9800 !important;
	box-shadow: none;
}
.service_foot_form .form-group img{
	height: 38px !important;
}
.service_foot_form .form-group i{
	font-style: normal;
	font-weight: bold;
	right: 10px !important;
}
.service_foot_form button{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 0px;
	width: auto;
	color: #fff;
	padding: 5px 30px;
	border: 0;
	font-size: 17px;
	background: #ff9800;
	border-top: 5px solid #e88b03;
	border-right: 5px solid #985a00;
	border-bottom: 5px solid #cc7900;
	border-left: 5px solid #fec065;
	transition: all .5s;
}
.service_foot_form button:hover{
	border-top: 5px solid #ff9800;
	border-right: 5px solid #ff9800;
	border-bottom: 5px solid #ff9800;
	border-left: 5px solid #ff9800;
}
.service_foot_form .form-control:focus{
	box-shadow: none;
}
.service_foot_form .btn:focus{
	box-shadow: none;
}
.service_foot_form .btn-box{
	display: flex;
	justify-content: flex-start;
	width: 100%;
}
.service_foot_form input::-webkit-input-placeholder {
	color: #999;
	font-size: 15px;
}
.service_foot_form input:-moz-placeholder {
	color: #999;
	font-size: 15px;
}
.service_foot_form input::-moz-placeholder {
	color: #999;
	font-size: 15px;
}
.service_foot_form input::-ms-input-placeholder {
	color: #999;
	font-size: 15px;
}
.service_foot_form textarea::-webkit-input-placeholder {
	color: #999;
	font-size: 15px;
}
.service_foot_form textarea:-moz-placeholder {
	color: #999;
	font-size: 15px;
}
.service_foot_form textarea::-moz-placeholder {
	color: #999;
	font-size: 15px;
}
.service_foot_form textarea::-ms-input-placeholder {
	color: #999;
	font-size: 15px;
}
.service_foot_form .input-box-style2{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.service_foot_form .input-box-style2>div{
	width: 48%;
}
.successtable table tr td{
	font-size: 16px;
	background: #fff;
}
.successinfo .tit{
	font-size: 20px;
	display: block;
	font-weight: bold;
}
.successinfo {padding-left: 2px;line-height: 30px;color: #888888;padding-right: 2px;padding-bottom: 0px;}
.successinfo .iconarea .iconunit {text-align: center;display: block;width: 40px;height: 40px;border-radius: 40px;background-color: #2c6e9e;color: #ffffff;line-height: 40px;font-weight: bolder;font-size: 22px;position: relative;z-index: 9;}
.successtable table{
	border: 1px solid #ddd;
}
.successinfo table{
	border: 1px solid #ddd;
	margin-bottom: 0px;
}
.successinfo table tr td{
	font-size: 16px;
	background: #fff;
    border: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}


.Diamond-Micron-Powder-list{
	width: 100%;
	height: auto;
	margin-bottom: 25px;
	background: #ff9800;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	justify-content: space-between;
}
.Diamond-Micron-Powder-list .Diamond-list-item{
	width: 49%;
	display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.Diamond-Micron-Powder-list .Diamond-list-item:nth-child(2){
    align-items: flex-end;
}
.Diamond-Micron-Powder-list .Diamond-list-item .pic{
	width: 100%;
	height: auto;
}
.Diamond-Micron-Powder-list .Diamond-list-item .pic img{
	width: 100%;
	height: auto;
}
.Diamond-Micron-Powder-list .Diamond-list-item .text{
	width: 100%;
	height: auto;
	padding: 15px 15px;
}
.Diamond-Micron-Powder-list .Diamond-list-item .text h4{
	margin-bottom: 10px;
	color: #fff;
}
.Diamond-Micron-Powder-list .Diamond-list-item .text p{
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #fff;
}
.Diamond-Micron-Powder-list2{
	width: 100%;
	height: auto;
	margin-bottom: 25px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.Diamond-Micron-Powder-list2 .Diamond-list2-item{
	width: 31%;
}
.Diamond-Micron-Powder-list2 .Diamond-list2-item .pic{
	width: 85%;
	height: 200px;
	margin: auto;
	padding: 8px;
	background: #fff;
	box-shadow: 1px 2px 10px #ccc;
	margin-bottom: 10px;
}
.Diamond-Micron-Powder-list2 .Diamond-list2-item .pic img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	margin: auto;
}
.Diamond-Micron-Powder-list2 .Diamond-list2-item .text{
	position: relative;
	display: inline-block;
	color: white; 
	width: 100%;
	padding: 15px 0px;
	overflow: hidden;
}
.Diamond-Micron-Powder-list2 .Diamond-list2-item .text:before{
	content: ''; 
	position: absolute; 
	top: 0; 
	right: 0; 
	bottom: 0; 
	left: 0; 
	z-index: -1; 
	background: repeating-linear-gradient(#ffd69a,#ffd69a 90%,#fff3e1);
	transform: scaleY(10.3) perspective(.5em) rotateX(3deg); 
	transform-origin: bottom;
}
.Diamond-Micron-Powder-list2 .Diamond-list2-item .text p{
	color: #000;
	text-align: center;
	padding: 0px 20px;
	font-weight: bold;
	line-height: 24px;
}
.Diamond-Micron-Powder-list2 .Diamond-list2-item .text p a{
	color: #000;
	font-weight: bold;
}
.Diamond-Micron-Powder-list2 .Diamond-list2-item .text p a:hover{
	color: #ff9800;
}
.Nanodiamond-Powder-pic img{
	margin: auto;
	display: block;
}
.Nanodiamond-Powder-pic p{
	background: #ff9800;
	padding: 10px 15px !important;
	box-shadow: 2px 4px 12px #ccc;
	border-radius: 12px;
	text-align: center;
	color: #fff;
	font-weight: bold;
}
.Nanodiamond-Powder-list{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}
.Nanodiamond-Powder-list .Nanodiamond-list-item{
	width: 32%;
	margin-bottom: 25px;
	border-radius: 8px;
	box-shadow: 1px 3px 8px #ccc;
	padding: 15px 15px 0px;
	display: flex;
	align-items: center;
}
.row{
	margin-bottom: 20px;
}
.row>div>p:last-child{
	padding-bottom: 0px;
}
.services-container .title-bg{
	background: #ff9800;
	padding: 5px 15px;
	text-align: center;
	color: #fff;
}
.services-container .text-bg{
	background: #ff9800;
	padding: 5px 15px;
	color: #fff;
}
.content-box{
	width: 90%;
	height: auto;
	margin: auto;
	padding: 20px 40px;
	border: 2px solid #aa6500;
}
.services-container .MCBN-1-bg{
	background: #aa6500;
	padding: 5px 15px;
	color: #fff;
	width: 90%;
	display: inline-block;
	margin-left: 5%;
	text-align: center;
}
.services-form{
	margin-top: 40px;
}
.Lab-diamonds-bg{
	width: 100%;
	height: auto;
	padding: 30px 20px 15px;
	background: url(../../upload/image/Lab-diamonds-pic2.png) no-repeat center bottom/cover;
}
.Lab-diamonds-bg p{
	width: 70%;
}
.Lab-diamonds-list{
	width: 100%;
	height: auto;
	margin-top: 30px;
}
.Lab-diamonds-list .Lab-diamonds-list-item{
	width: 100%;
	height: auto;
	margin-bottom: 40px;
	position: relative;
	text-align: right;
	padding-top: 5%;
}
.Lab-diamonds-list .Lab-diamonds-list-item .text{
	width: 80%;
	height: auto;
	background: #fafafa;
	border: 1px solid #000;
	box-shadow: 1px 2px 10px #333;
	padding: 25px 20px 10px 15%;
	display: inline-block;
	text-align: left;
}
.Lab-diamonds-list .Lab-diamonds-list-item .text img{
	margin-bottom: 15px;
}
.Lab-diamonds-list .Lab-diamonds-list-item .pic{
	width: 30%;
	height: auto;
	position: absolute;
	top: 0px;
	left: 0px;
}
.Lab-diamonds-list .Lab-diamonds-list-item .pic img{
	width: 100%;
	height: auto;
}
.Lab-diamonds-list .Lab-diamonds-list-item:nth-child(2n){
	text-align: left;
	padding-bottom: 10%;
	padding-top: 0px;
}
.Lab-diamonds-list .Lab-diamonds-list-item:nth-child(2n) .text{
	padding: 25px 15% 10px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.Lab-diamonds-list .Lab-diamonds-list-item:nth-child(2n) .text img{
	width: 80px;
	margin-right: 20px;
}
.Lab-diamonds-list .Lab-diamonds-list-item:nth-child(2n) .pic{
	left: auto;
	right: 0px;
	top: auto;
	bottom: 0px;
}
.services-detail-list1{
	width: 100%;
	height: auto;
}
.services-detail-list1 .detail-list1-item{
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	display: flex;
	align-items: stretch;
	background: #edb35d;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	box-shadow: 1px 5px 15px #ccc;
	overflow: hidden;
}
.services-detail-list1 .detail-list1-item .pic{
	width: 200px;
    flex-shrink: 0;
}
.services-detail-list1 .detail-list1-item .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.services-detail-list1 .detail-list1-item .text{
	width: 80%;
	padding: 20px 20px;
}
.services-detail-list1 .detail-list1-item .text h4{
	display: inline-block;
	border-bottom: 1px solid #fff;
	color: #fff;
	margin-bottom: 15px;
}
.services-detail-list1 .detail-list1-item .text p{
	color: #fff;
	margin-bottom: 0px;
}
.services-detail-list1 .detail-list1-item .text p.More{
	text-align: right;
	padding-bottom: 0px;
}
.services-detail-list1 .detail-list1-item .text p.More a{
	color: #fff;
	font-weight: bold;
}
.services-detail-list1 .detail-list1-item .text p.More a:hover{
	color: #ff9800;
}
.ullist p{
	padding-bottom: 0px;
}
.ullist.list-icon2{
	padding-left: 30px;
}
.ullist.list-icon2>li{
	padding-left: 0px;
	position: relative;
	list-style: none;
}
.ullist.list-icon2>li:before{
	content: '';
    position: absolute;
    top: 2px;
    left: -30px;
    width: 22px;
    height: 22px;
    background: url(../images/list-icon2.png) no-repeat 0px center/17px;
}
.services-container table p{
	padding-bottom: 0px;
}
.services-detail-list2{
	width: 100%;
	height: auto;
}
.services-detail-list2 .detail-list2-item{
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	background: #f2f2f2;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	overflow: hidden;
}
.services-detail-list2 .detail-list2-item .pic{
	width: 20%;
}
.services-detail-list2 .detail-list2-item .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.services-detail-list2 .detail-list2-item .text{
	width: 80%;
	padding: 15px 20px 10px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}
.services-detail-list2 .detail-list2-item .text h4{
	display: inline-block;
	border-bottom: 1px solid #fff;
	color: #000;
	margin-bottom: 15px;
	padding-bottom: 10px;
}
.services-detail-list2 .detail-list2-item .text p{
	color: #000;
	margin-bottom: 0px;
}
.services-detail-list3 .pic{
	width: 70%;
	height: auto;
	margin: 0px auto 25px;
}
.services-detail-list3 .pic img{
	width: 100%;
	height: auto;
}
.services-detail-list3 .text{
	text-align: center;
}
.services-detail-list3 .text p{
	text-align: center;
	color: #000;
	line-height: 22px;
	display: inline-block;
}
.services-detail-list3 .text p a{
	color: #000;
	font-weight: bold;
}
.services-detail-list3 .text p a:hover{
	color: #ff9800;
}
.services-detail-list4{
	width: 100%;
	height: auto;
	margin-bottom: 0px;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	justify-content: flex-start;
	column-gap: 3.5%;
}
.services-detail-list4.num2{
	justify-content:center;
	column-gap: 0%;
}
.services-detail-list4.num2 .detail-list4-item{
	margin: 0px 30px 25px;
}
.detail-list4-item{
	width: 31%;
	position: relative;
	margin-bottom: 25px;
}
.detail-list4-item .pic{
	width: 100%;
	height: 100%
}
.detail-list4-item .pic a{
	display: inline-block;
	width: 100%;
	height: 100%;
}
.detail-list4-item .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.detail-list4-item p{
	text-align: center;
	padding: 10px 15px;
	background: rgba(255,152,0,.7);
	border-radius: 8px;
	color: #fff;
	line-height: 22px;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	border-radius: 0px;
	font-size: 17px;
}
.detail-list4-item p a{
	color: #fff;
}
.detail-list4-item p a:hover{
	color: #fff;
}
.services-detail-list5{
	width: 100%;
	height: auto;
	margin-bottom: 25px;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	justify-content: space-between;
}
.detail-list5-item{
	width: 24%;
	position: relative;
}
.detail-list5-item .pic{
	width: 100%;
	height: auto;
	padding-bottom: 80%;
	position: relative;
}
.detail-list5-item .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0px;
	top: 0px;
}
.detail-list5-item p{
	text-align: center;
	padding: 10px 15px;
	background: #ff9800;
	border-radius: 0px;
	color: #fff;
	line-height: 22px;
	width: 100%;
}
.services-detail-list6{
	width: 100%;
	height: auto;
	margin-bottom: 25px;
	background: #f8f8f8;
	padding: 12px 12px;
}
.services-detail-list6 .detail-list6-item{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	background: #f8e8d1;
}
.services-detail-list6 .detail-list6-item .pic{
	width: 30%;
	padding: 8px;
	background: #f8f8f8;
}
.services-detail-list6 .detail-list6-item .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.services-detail-list6 .detail-list6-item p{
	width: 40%;
	padding: 10px 20px;
	display: flex;
	align-items: center;
}
.services-detail-list6 .detail-list6-item ul{
	width: 40%;
	padding: 10px 20px;
	display: flex;
	align-items: center;
}
.services-detail-list6 .detail-list6-item:nth-child(2n) p{
	width: 35%;
}
.services-detail-list6 .detail-list6-item ul{
	padding-left: 30px;
}
.services-detail-list6 .detail-list6-item:nth-child(2n) ul{
	width: 35%;
}
.services-detail-list6 .detail-list6-item .ullist.list-icon2>li:before{
	left: -20px;
	background: url(../images/list-icon2.png) no-repeat 0px center/14px;
}
table th{
	text-transform:none;
}
table .diagonal{
	padding: 0px 0px;
	position: relative;
}
table .diagonal .up{
	font-size: 14px;
	position: absolute;
	top: 0px;
	right: 3px;
}
table .diagonal .down{
	font-size: 14px;
	position: absolute;
	bottom: 0px;
	left: 3px;
}
table .diagonal .line{
	content: "";
    position: absolute;
    width: 1px;
    left: 0px;
    top: 1px;
    background-color: #fff;
    transform-origin: 0px 0px;
}
.section4-list{
	width: 100%;
	height: auto;
	padding: 30px 0px 0px;
	margin-bottom: 15px;
	margin: 60px 0px 20px;
}
.section4-list .maincon{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}
.section4-list .maincon .section4-list-item{
	width: 23%;
	padding-bottom: 18%;
	margin-bottom: 30px;
	position: relative;
	border: 3px solid #ff9800;
	box-shadow: 1px 3px 5px #808080;
}
.section4-list .maincon .section4-list-item .pic{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
}
.section4-list .maincon .section4-list-item .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .5s;
}
.section4-list .maincon .section4-list-item:hover .pic img{
	transform: scale(1.1); 
}
.section4-list .maincon .section4-list-item .text{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0px;
	top: -40px;
	text-align: center;
	line-height: 20px;
	margin-bottom: 0px;
	height: 50px;
}
.section4-list .maincon .section4-list-item:nth-child(n+5) .text{
	top: auto;
	bottom: -70px;
}
.section4-list .maincon .section4-list-item .text a{
	font-size: 16px;
	color: #000;
	font-weight: bold;
}
.section4-list .maincon .section4-list-item .text a:before{
	display: inline-block;
	content: '';
	width: 10px;
	height: 10px;
	background: #ff9800;
	margin-right: 5px;
}
.section4-list .maincon .section4-list-item:hover .text a{
	color: #ff9800;
}
.services-container .about-title{
	position: relative;
	padding-left: 20px;
	padding-bottom: 15px;
	margin-bottom: 30px;
	color: #0f1423 !important;
	font-size: 26px;
}
.services-container .about-title:before{
	content: '';
	position: absolute;
	width: 200px;
	height: 3px;
	background: #ffb345;
	left: 0px;
	bottom: 0px;
}
.about-section1{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}
.about-section1 .text{
	width: 100%;
}
.about-section1 .pic{
	width: 220px;
	margin-left: 5%;
	flex-shrink: 0;
}
.about-section1 .pic img{
	width: 100%;
	height: auto;
	box-shadow: 1px 2px 12px #8a8a8a;
}
.about-section2{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 40px;
	margin-top: 60px;
}
.about-section2 .pic{
	width: 300px;
	height: 200px;
	flex-shrink: 0;
	position: relative;
}
.about-section2 .pic span{
	width: 150px;
	height: 120px;
	display: inline-block;
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid #ffb345;
}
.about-section2 .pic span img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.about-section2 .pic span.pic1{
	position: absolute;
	left: 0px;
	top: 10px;
	z-index: 3;
}
.about-section2 .pic span.pic2{
	position: absolute;
	left: 130px;
	top: 0px;
	z-index: 1;
}
.about-section2 .pic span.pic3{
	position: absolute;
	left: 70px;
	top: 80px;
	z-index: 2;
}
.about-section2 .text{
	width: 100%;
	margin-left: 5%;
}
.about-section3{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 40px;
}
.about-section3 .about-section3-item{
	width: 24%;
}
.about-section3 .about-section3-item .pic{
	width: 150px;
	height: auto;
	position: relative;
	margin: 0px auto 20px;
}
.about-section3 .about-section3-item .pic img{
	width: 100%;
	height: auto;
}
.about-section3 .about-section3-item .pic span{
	position: absolute;
	display: inline-block;
	width: 100%;
	top: 32%;
	left: 0px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}
.about-section3 .about-section3-item p{
	text-align: center;
	max-width: 80%;
	margin: auto;
}
.product-list{
	width: 100%;
	height: auto;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-wrap: wrap;
	column-gap: 8%;
	margin-top: 30px;
}
.product-list .list-item{
	width: 28%;
	border: 2px solid #ffa014;
	padding: 20px 10px 30px 70px;
	position: relative;
	margin-bottom: 40px;
}
.product-list .list-item:hover{
	border: 2px solid #323232;
}
.product-list .list-item .pic{
	width: 90px;
	height: auto;
	position: absolute;
	left: -45px;
	top: 50%;
	transform: translateY(-50%);
	background: #fff;
}
.product-list .list-item .pic img{
	width: 100%;
	height: auto;
}
.product-list .list-item .text{
	width: 100%;
	height: auto
}
.product-list .list-item .text h2{
	text-align: center;
	margin-bottom: 30px;
	color: #0b0b0b;
	font-size: 18px;
	line-height: 1.3;
}
.product-list .list-item .text .text-description{
	text-align: center;
	margin-bottom: 20px;
}
.product-list .list-item .text .More{
	text-align: right;
	margin-bottom: 0px;
	padding-bottom: 0px;
	position: absolute;
	bottom: 15px;
	right: 10px;
}
.product-list .list-item .text .More span{
	color: #ffa014;
	font-weight: bold;
}
.product-list .list-item .text .More span:hover{
	color: #323232;
}

.mainsection6{
	width: 100%;
	height: auto;
	padding: 75px 0px 75px;
}
.mainsection6 .indextitle{
	text-align: left;
	color: #000;
	margin-bottom: 30px;
}
.mainsection6 .indextitle a{
	font-family: 'Poppins-SemiBold';
	color: #000;
}
.mainsection6 .indextitle a:hover{
	color: #11233A;
}
.mainsection6 .maincon .text h3 a{
	font-family: 'Poppins-SemiBold';
	color: #11233A;
}
.mainsection6 .maincon .text h3 a:hover{
	color: #000;
}
.mainsection6 .maincon{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
.mainsection6 .maincon .text{
	width: 65%;
	margin-bottom: 0px;
	padding: 30px 0px 0px 0px;
}
.mainsection6 .maincon .text h3{
	text-align: left;
	color: #11233A;
	margin-bottom: 15px;
	font-size: 24px;
}
.mainsection6 .maincon .text p{
	text-align: left;
	margin-bottom: 30px;
	margin-top: 0px;
	line-height: 30px;
	text-align: justify;
}
.mainsection6 .maincon .pic{
	width: 30%;
	overflow: hidden;
	position: relative;
	background: #fff;
	box-shadow: 1px 4px 12px #909090;
}
.mainsection6 .maincon .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0px;
	left: 0px;
	/*padding: 10px 10px;*/
}
.mainsection7{
	width: 100%;
	height: auto;
	padding: 80px 0px 50px;
}
.mainsection7 .indextitle{
	margin-bottom: 40px;
	color: #000;
	text-align: left;
}
.section7-list{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
}
.section7-list .list-item{
	width: 46%;
	margin-bottom: 30px;
}
.section7-list .list-item .pic{
	margin-bottom: 25px;
}
.section7-list .list-item .pic img{
	height: 70px;
	width: auto;
}
.section7-list .list-item .text h3{
	font-size: 18px;
	color: #11233A;
	margin-bottom: 15px;
}
.Cubic-Boron-list{
	width: 100%;
    height: auto;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
}
.Cubic-Boron-list .list-item{
	width: 31%;
    background: url(../images/Cubic-Boron-icon1.png) no-repeat 97% 97%/10% #e6b266;
    padding: 10px 10px 70px;
    box-shadow: 1px 2px 4px #d6d6d6;
    position: relative;
    margin-bottom: 30px;
}
.Cubic-Boron-list .list-item .text{
	width: 100%;
	height: 100%;
	background: #fff;
	padding: 20px 15px;
}
.Cubic-Boron-list .list-item .text ul {
	padding-bottom: 0px;
}
.Cubic-Boron-list .list-item .text ul li{
	color: #e6b266;
	margin-bottom: 5px;
	padding-bottom: 0px;
}
.Cubic-Boron-list .list-item .text ul li:last-child{
	margin-bottom: 0px;
}
.Cubic-Boron-list .list-item h4{
	position: absolute;
	left: 0px;
	bottom: 20px;
	text-align: center;
	color: #fff;
	text-shadow: -1px -1px 1px #989898;
	width: 100%;
	margin-bottom: 0px;
	font-size: 20px;
}
.Cubic-Boron-list.num2{
	justify-content: center;
}
.Cubic-Boron-list.num2 .list-item{
	margin: 0px 30px 30px;
}
.Cubic-Boron-list .list-item:hover{
    box-shadow: 1px 2px 4px #6b6b6b;
}

.inquiry-quantity{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.inquiry-quantity input.form_control {
	width: calc(100% - 90px);
	border-radius: 0px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 0px 12px;
}
.inquiry-quantity input.form_control::-webkit-input-placeholder,
.inquiry-quantity input.form_control::-webkit-input-placeholder,
.inquiry-quantity input.form_control::-webkit-input-placeholder {
	color: #004b8d
}
.service_foot_form .inquiry-quantity input.form_control::-webkit-input-placeholder,
.service_foot_form .inquiry-quantity input.form_control::-webkit-input-placeholder,
.service_foot_form .inquiry-quantity input.form_control::-webkit-input-placeholder {
	color: #999
}
.inquiry-quantity input.form_control:after {
	content: " ";
	position: absolute;
	z-index: 2;
	top: -25px;
	width: 110%;
	height: 50px;
	background-color: #fff;
	transform: rotate(-0.5deg)
}
.inquiry-quantity select.form_control {
	width: 90px;
	height: 40px;
	margin-left: -1px;
	border-radius: 0px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.service_foot_form .inquiry-quantity select.form_control{
	margin-left: -2px;
}
.services-container .title-icon1{
	padding-left: 30px;
	position: relative;
}
.services-container .title-icon1:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0px;
    width: 22px;
    height: 22px;
    background: url(../images/list-icon2.png) no-repeat 0px center/17px;
}

.info-item1{
	width: 100%;
	height: auto;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	background: #F2F2F2;
	margin-bottom: 25px;
}
.info-item1 .pic{
	width: 250px;
	position: relative;
}
.info-item1 .text{
	width: calc(100% - 250px);
	padding: 25px 40px;
}
.info-item1 .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0px;
	top: 0px;
	transition: all .5s;
}
.info-item1 .text-info{
	width: 100%;
	height: auto;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.info-item1 .text-info .text-info-pic{
	width: calc(100% - 400px);
	position: relative;
}
.info-item1 .text-info .text-info-pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0px;
	top: 0px;
	transition: all .5s;
}
.know-box{
	width: 400px;
	height: 200px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	max-width: 100%;
}
.know-box h3{
	margin-top: 0px;
}
.know-box:after{
	content: '';
	width: 55px;
	height: 60px;
	background: url(../images/arrow1.png) no-repeat center center/contain;
}
.info-item2{
	width: 100%;
	height: auto;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	margin-bottom: 25px;
	background: #F2F2F2;
}
.info-item2 .pic{
	width: calc(100% - 400px);
	position: relative;
}
.info-item2 .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0px;
	top: 0px;
	transition: all .5s;
}
.info-item3{
	width: 100%;
	height: auto;
	margin-bottom: 25px;
	padding: 25px 25px 10px;
	background: #F2F2F2;
}
.info-item4{
	width: 100%;
	height: auto;
	margin-bottom: 25px;
}
.info-item4 .pic{
	width: 100%;
	height: 350px;
}
.info-item4 .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.info-item4 .text{
	width: 100%;
	height: auto;
	margin-top: -160px;
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: flex-end;
}
.info-item4 .text .text-info{
	width: 60%;
	background: rgba(242,242,242,.64);
	margin-right: 5%;
	padding: 20px 20px 5px;
}
.info-item5{
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 25px;
}
.info-item5 .pic{
	width: 22%;
}
.info-item5 .pic img{
	width: 100%;
	height: auto;
}
.info-item5 .text{
	width: 75%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.info-item5 .text-info{
	width: 100%;
	height: auto;
	padding: 25px 25px 10px;
	background: rgba(255,255,255,.3);
}
.info-item6{
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 20px 20px;
	margin-bottom: 25px;
	background: #FFD699;
}
.info-item6 .pic{
	width: 180px;
}
.info-item6 .pic img{
	width: 100%;
	height: auto;
}
.info-item6 .text{
	width: calc(100% - 210px);
}
.info-item6 .text p:last-child{
	padding-bottom: 0px;
}

.info-item7{
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 25px;
}
.info-item7 .pic{
	width: 180px;
}
.info-item7 .pic img{
	width: 100%;
	height: auto;
}
.info-item7 .text{
	width: calc(100% - 200px);
}
.info-item7 .text p:last-child{
	padding-bottom: 0px;
}
.info-item8{
	width: 100%;
	height: auto;
}
.info-item8 .list-item{
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	position: relative;
	padding-left: 60px;
}
.info-item8 .list-item .list-num{
	font-size: 35px;
	color: #ff9800;
	font-family: 'Poppins-SemiBold';
	position: absolute;
	left: 0px;
	top: 0px;
}
.info-item8 .list-item .list-info{
	width: 100%;
	height: auto;
	padding: 20px 20px 5px;
	border: 1px solid #ff9800;
	background: linear-gradient(to bottom,#F2F2F2,rgba(255,240,218,1));
	border-radius: 20px;
}
.info-item9{
	width: 100%;
	height: auto;
	padding: 0px 20px 20px;
	position: relative;
}
.info-item9:after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: -2;
	background: #808080;
	clip-path: polygon(0% 200px,100% 0%,100% 100%,0% 100%);
}
.info-item9:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: -1;
	background: #FFC000;
	clip-path: polygon(0% 0%,100% 200px,100% 100%,0% 100%);
}
.info-item9 h3,.info-item9 h2{
	color: #fff;
}
.info-item9 p{
	color: #fff;
}
.services-container .info-item9 .ullist li{
	color: #fff;
}
.application-list{
	width: 100%;
	height: auto;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-wrap: wrap;
	column-gap: 1.33%;
	padding-top: 10px;
}
.application-list .list-item{
	width: 24%;
	margin-bottom: 40px
}
.application-list .list-item .pic{
	width: 100%;
	padding-bottom: 64%;
	overflow: hidden;
	position: relative;
}
.application-list .list-item .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0px;
	top: 0px;
	transition: all .5s;
}
.application-list .list-item:hover .pic img{
	transform: scale(1.1); 
}
.application-list .list-item h2{
	width: 100%;
	height: 60px;
	padding: 5px 60px 5px 10px;
	background: #FFEBCD;
	color: #FF9700;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 16px;
	line-height: 1.3;
	margin: 0px 0px;
}
.application-list .list-item h2:after{
	content: '';
	width: 50px;
	height: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	background: url(../images/arrow2.png) no-repeat center center/25% #FF9700;
}
.application-list .list-item:hover h2{
	background: #ffefd6;
}
.application-list .list-item2{
	width: 49.33%;
	background: #F2F2F2;
	padding: 20px 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 35px;
}
.application-list .list-item2 p{
	color: #FF9700;
	font-size: 22px;
	line-height: 1.5;
	font-family: 'Poppins-SemiBold';
	max-width: 700px;
	text-align: center;
}
.application-list .list-item2 .list-btn{
	text-align: center;
	width: 100%;
}
.application-list .list-item2 a{
	display: inline-block;
	padding: 8px 25px;
	background: #FF9700;
	color: #fff;
	margin-top: 20px;
	font-size: 16px;
}
.application-list .list-item2 a:hover{
	background: #FFEBCD;
	color: #FF9700;
}
.info-item10{
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 25px;
	background: #F2F2F2;
	box-shadow: 2px 3px 3px rgba(0,0,0,.2);
	padding: 25px 25px;
}
.info-item10 .pic{
	width: 200px;
}
.info-item10 .pic img{
	width: 100%;
	height: auto;
}
.info-item10 .text{
	width: calc(100% - 230px);
}
.info-item10 .text p:last-child{
	padding-bottom: 0px;
}
.info-item10 .text ul:last-child{
	padding-bottom: 0px;
	margin-bottom: 0px;
}


.info-item11{
	width: 100%;
	height: auto;
	margin-bottom: 0px;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	justify-content: flex-start;
	column-gap: 2%;
}
.info-item11 .list-item{
	width: 32%;
	position: relative;
	margin-bottom: 25px;
}
.info-item11 .list-item .pic{
	width: 100%;
	padding-bottom: 70%;
	overflow: hidden;
	position: relative;
}
.info-item11 .list-item .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0px;
	top: 0px;
	transition: all .5s;
}
.info-item11 .list-item:hover .pic img{
	transform: scale(1.1); 
}
.info-item11 .list-item p{
	text-align: center;
	padding: 5px 10px;
	background: rgba(242,242,242,.8);
	border-radius: 8px;
	color: #000;
	line-height: 1.3;
	min-height: 60px;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	border-radius: 0px;
	font-size: 16px;
	font-family: 'Poppins-SemiBold';
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.info-item11 .list-item:hover p{
	background: rgba(255,152,0,.8);
	color: #fff;
}
.info-item12{
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 25px;
}
.info-item12 .pic{
	width: 150px;
}
.info-item12 .pic img{
	width: 100%;
	height: auto;
}
.info-item12 .text{
	width: calc(100% - 170px);
}
.info-item12 .text p:last-child{
	padding-bottom: 0px;
}
.info-item12 .text ul:last-child{
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.info-item13{
	width: 100%;
	height: auto;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	column-gap: 2%;
}
.info-item13 .list-item{
	width: 32%;
	margin-bottom: 20px;
	padding: 20px 25px 30px;
	background: #FF9700;
	min-height: 130px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	line-height: 1.5;
	font-weight: bold;
	font-size: 16px;
	clip-path: polygon(10% 0%,100% 0%,90% 100%,0% 100%);
	position: relative;
}
.info-item13 .list-item:after{
	content: '';
	width: 34px;
	height: 34px;
	position: absolute;
	bottom: 10px;
	right: 40px;
	background: url(../images/arrow3.png) no-repeat center center/contain;
}
.info-item13 .list-item:hover{
	background: #ffb340;
	color: #fff;
}
.services-container .table-style1{
	border: none;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}
.services-container .table-style1 tr{
	border: none;
}
.services-container .table-style1 td{
	border: none;
	background: #fff;
}
.services-container .table-style1 th{
	border: none;
}
.services-container .table-style1 tr:first-child td{
	background: #FFD698;
	color: #000;
	border-bottom: 2px solid #000;
}
.services-container .table-center th,.services-container .table-center td,.services-container .table-center tr{
	text-align: center;
}

.services-container .table-style2{
	border: none;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}
.services-container .table-style2 tr{
	border: none;
}
.services-container .table-style2 td{
	border: none;
	background: #fff;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}
.services-container .table-style2 th{
	border: none;
}
.services-container .table-style2 tr:first-child td{
	background: #FFD698;
	color: #000;
	border-bottom: 2px solid #000;
	border-right: none;
}


.services-container .table-style3{
	border: 2px solid #000;
}
.services-container .table-style3 tr{
	border: none;
}
.services-container .table-style3 td{
	border: none;
	background: #fff;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	font-size: 14px;
	line-height: 22px;
}
.services-container .table-style3 th{
	border: none;
	font-size: 14px;
	line-height: 22px;
}
.services-container .table-style3 ul:last-child{
	padding-bottom: 0px;
}
.services-container .table-style3 ul li{
	text-align: left;
	font-size: 14px;
	line-height: 22px;
}
.info-item14{
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 30px;
	padding: 10px 0px;
}
.info-item14 .pic{
	width: auto;
	height: auto;
}
.info-item14 .pic img{
	width: auto;
	height: 80px;
}
.info-item14 .text{
	width: auto;
}
.info-item14 .text p{
	padding-bottom: 0px;
}
.info-item14 .text .style1{
	display: inline-block;
	padding: 4px 10px;
	background: #FF9700;
	color: #fff;
	margin-bottom: 10px;
}
.forms .form_control {
    width: 100%;
    height: 44px;
    border: none;
    border: 1px solid #cecece;
    padding: 0px 10px;
    margin-bottom: 0px;
    font-size: 16px;
    color: #000;
    box-shadow: none;
    border-radius: 0px;
    background: none;
}
.forms .form_group{
	margin-bottom: 30px;
}
.forms textarea.form_control{
	height: 80px;
	padding: 11px 10px;
	line-height: 22px;
	display: inherit;
}
.forms textarea.form_control.title{
	height: 48px;
}
.forms .form_control.file{
	padding-top: 10px;
}
.forms .inquiry-quantity{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.forms .inquiry-quantity select.form_control {
    width: 110px;
    font-size: 16px;
    outline: none;
}
.forms label{
	margin-bottom: 8px;
	font-size: 16px;
	color: #000;
	margin-left: 0px;
	display: block;
}
.forms .site-btn{
	background: #F9694D;
}
.forms .site-btn:before{
    background: #F93D27;
}
.forms .main-btn:hover{
	color: #fff;
    background: #536C57;
}
.forms{
	width: 100%;
}
.forms .inquiry-quantity{
	width: 100%;
}
.forms .inquiry-quantity input.form_control {
	width: 170px;
	margin-right: 10px;
}
.forms .inquiry-quantity input.form_control:after {
	content: " ";
	position: absolute;
	z-index: 2;
	top: -25px;
	width: 110%;
	height: 50px;
	background-color: #fff;
	transform: rotate(-0.5deg)
}
.forms #otherunit{
	margin-left: 25px;
	background: #F4F4F4;
}
.forms .form_button{
	margin-top: 10px;
	text-align: left;
}
.forms .submit-btn{
	padding: 8px 30px 8px;
	width: 250px;
	max-width: 100%;
	background: #11233A;
	color: #fff;
	border: none;
	outline: none;
	border-radius: 0px;
	font-weight: bold;
	position: relative;
	font-size: 16px;
}
.forms .submit-btn:hover{
	background: #2462b0;
}
 .verification-code{
	position: relative;
	width:100%;
	 margin-bottom: 20px;
}
 .verification-code input {
	width: 100%;
	 margin-bottom: 0;
}
.verification-code img{
	position: absolute;
	right: 0px;
	bottom: 0px;
	/*width: 110px !important;*/
	/*height: 44px !important;*/
}
 .verification-code i{
	font-size: 18px;
	position: absolute;
	right: 150px;
	top: 50%;
	transform: translateY(-50%);
	font-weight: bold;
}
.forms input::-webkit-input-placeholder {
  color: #ccc
}
.forms input:-moz-placeholder {
  color: #ccc
}
 .forms input::-moz-placeholder {
  color: #ccc
}
 .forms input::-ms-input-placeholder {
  color: #ccc
}
.forms textarea::-webkit-input-placeholder {
  color: #ccc
}
.forms textarea:-moz-placeholder {
  color: #ccc
}
.forms textarea::-moz-placeholder {
  color: #ccc
}
.forms textarea::-ms-input-placeholder {
 color: #ccc
}
.forms .inquiry-quantity input.form_control::-webkit-input-placeholder,
.forms .inquiry-quantity input.form_control::-webkit-input-placeholder,
.forms .inquiry-quantity input.form_control::-webkit-input-placeholder {
	color: #ccc
}

.formError .formErrorContent{
	white-space: nowrap;
}
.fc-red{
	color: #ff0000;
}
.order-form-box{
	width: 100%;
	max-width: 100%;
	margin: auto;
}
.order-form-box .forms .row>div{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	max-width: 100%;
	flex: none;
}
.order-form-box .forms .row>div label{
	width: 260px;
	flex-shrink: 0;
	margin-right: 20px;
	text-align: right;
	margin-top: 6px;
	line-height: 1.3;
	font-weight: bold;
}
.order-form-box .forms .row>div .form_group{
	width: 100%;
	position: relative;
}
.order-form-box .forms .form_control{
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 0px 10px;
}
.order-form-box .forms textarea.form_control{
	height: 80px;
	padding: 12px 10px;
}
.order-form-box .forms .form_button{
	width: 100%;
}
.order-form-box .forms .submit-btn{
	margin-left: 280px;
}
.contents .order-form-box .row>div {
    padding-left: 0px;
    padding-right: 0px;
}

.section-about-us {
	margin-bottom: 50px;
	font-size: 16px;
	margin-top: 60px;
}
.section-about-us h2 {
	margin-bottom: 30px;
}
.section-about-us .company {
	margin-top: 30px;
	box-shadow: 0 12px 20px -3px rgba(0, 0, 0, 0.1);
}
.section-about-us .company .image {
	position: relative;
	overflow: hidden;
	color: #fff;
	height: 230px;
}
.section-about-us .company .image h3 {
	position: absolute;
	z-index: 2;
	top: 25%;
	left: 30px;
	font-size: 30px;
	font-style: italic;
	color: #fff !important;
}
.section-about-us .company .image p {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 30px;
	font-size: 16px;
	color: #fff;
}
.section-about-us .company .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.section-about-us .company .image:before {
	position: absolute;
	z-index: 1;
	content: '';
	height: 102%;
	width: 72%;
	top: 0;
	left: -300px;
	background: #00bcff;
	opacity: .5;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
	transform: skew(-300deg);
}
.section-about-us .company .image:after {
	position: absolute;
	z-index: 1;
	content: '';
	height: 102%;
	width: 55%;
	top: 0;
	left: -50px;
	background: #00bcff;
	opacity: .78;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
	transform: skew(-12deg);
}
.section-about-us .company .info {
	padding: 50px 50px;
	background-color: #fff;
	margin-bottom: 30px;
}
.section-about-us .company .info a {
	display: inline-block;
}
.section-about-us .company .info p {
	margin-bottom: 5px;
	padding-bottom: 0;
}
.section-about-us .company .info .col-md-4:last-child p:nth-child(2) {
	padding-left: 47px;
}
.section-about-us .site-btn-monochrome {
	color: #fff;
	padding: 0 10px;
	display: inline-block;
	line-height: 26px;
	background-color: #666;
	transition: background-color ease-out .3s;
}
.section-about-us .site-btn-monochrome:hover {
	background-color: #2462b0;
	color: #fff;
}

.info-item15{
	width: 100%;
	height: auto;
	margin-bottom: 25px;
	background: #F2F2F2;
	box-shadow: 2px 3px 3px rgba(0,0,0,.2);
	padding: 20px 25px 25px;
}
.info-item15-info{
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.info-item15-info .pic{
	width: 200px;
}
.info-item15-info .pic img{
	width: 100%;
	height: auto;
}
.info-item15-info .text{
	width: calc(100% - 230px);
}
.info-item15-info .text p:last-child{
	padding-bottom: 0px;
}
.info-item15-info .text ul:last-child{
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.ullist.list-tyle1 li{
	padding-bottom: 0px;
}
.info-item16{
	width: 100%;
	height: auto;
}
.info-item16 .info-item16-click{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.info-item16 .info-item16-click span{
	display: inline-block;
	background: #ff9800;
	padding: 8px 25px;
	font-size: 16px;
	line-height: 1.3;
	color: #fff;
	cursor: pointer;
	border-radius: 5px;
	text-align: center;
	min-width: 90px;
	text-align: center;
	min-width: 115px;
	font-weight: bold;
}
.info-item16 .info-item16-click span:hover{
	background: #ffa31c;
}
.info-item16 .info-item16-content{
	width: 100%;
	height: auto;
	display: none;
}
.info-item16 .info-item16-content.shows{
	display: block;
}
.info-item16 .info-item16-content ul li{
	padding-bottom: 0px;
}
.productsList table th{
	background: #ff9800;
    color: #fff;
}
.productsList table tr td{
	background: #fff;
	color: #000;
}
.productsList table tr td a{
	color: #ff9800;
}
.productsList table tr td a:hover{
	color: #ffb64b;
}
.productsList table tr:nth-of-type(2n+2) td{
	background: #fcfcfc;
	color: #000;
}
.services-container .inquiry-btn{
	display: inline-block;
	padding: 6px 15px;
	background: #ff9800;
	color: #fff;
	line-height: 22px;
	border-radius: 5px;
}
.services-container .inquiry-btn:hover{
	background: #ffb64b;
	color: #fff;
}
.pagination>li{
	list-style: none !important;
}
.pagination>li>a, .pagination>li>span{
	margin-right: 8px;
	color: #666666;
	border: 1px solid #666;
	padding: 4px 14px;
	margin-bottom: 10px;
	font-size: 16px;
	display: inline-block;
}
.pages{
	text-align: center;
	margin: 30px 0px;
}
.pages .pagination{
	margin-top: 0px;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding-left: 0px !important;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    color: #fff;
    background-color: #ff9800;
    border-color: #ff9800;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{
	color: #fff;
    background-color: #ff9800;
    border-color: #ff9800;
}
.table-detail tr{
	border-bottom: 1px solid #e8e8e8;
}
.table-detail tr td{
	background: #fff;
	color: #000;
}
.table-detail tr:nth-of-type(2n+2) td{
	background: #fcfcfc;
	color: #000;
}






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

.toper .content{
	width: 100%;
	padding: 0px 30px;
}
	
}


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




.searchbox input{
	width: 220px;
}
.logos img{
	height: 40px
}
.sides.fixd{
	top: 120px;
	right: 6%;
	width: 26.4%;
}
.sides.fixd2{
	right: 6%;
	width: 26.4%;
	top: auto;
}
.content {
    width: 100%;
    padding: 0px 6%;
}
.maincon {
    width: 100%;
    padding: 0px 6%;
}
.navs>ul>li{
	margin-left: 15px;
}

	
}

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




.navs {
    margin-top: 40px;
}
.searchbox{
	position: absolute;
	top: 5px;
	right: 15px;
	height: 36px;
	margin-top: 7px;
}
.info-item4 .text .text-info{
	width: 80%;
}
.searchbox input{
	width: 220px;
}
.toper .content{
	padding: 0px 15px;
}
.index-title-table h2 {
    font-size: 30px;
    line-height: 40px;
}
.footlogo {
    width: 200px;
}
.section1title img{
	width: 50%;
}
.indextitle{
	font-size: 24px;
	line-height: 30px;
}
.section1text{
	width: auto;
    margin-left: 50px;
}
.section4list li p {
    font-size: 20px;
}


}




@media screen and (min-width:1000px){






.topnav{
	position: relative;
}
.topnav .content {
    position: static;
}	
.navs{
	position: static;
}
.navs>ul>li.spread-nav{
	position: static;
}
.navs>ul>li.spread-nav:after{
	content: none;
}
.navs>ul>li.spread-nav>ul{
	width: 1200px;
	max-height: calc(100vh - 100px);
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background: url(../images/nav-bg-icon.png) no-repeat right bottom/13%, #fff;
	padding: 20px 25px;
	top: calc(100% - 20px);
	box-shadow: 0 6px 12px rgb(138 138 138);
	flex-wrap: wrap;
	padding-bottom: 10px;
}
.navs>ul>li.spread-nav>ul>li{
	width: 33%;
	padding: 6px 25px 6px 15px;
	border-bottom: none;
	border-left: 3px solid #ff9800;
	margin-bottom: 30px;
	display: flex;
	align-items: center;
}
.navs>ul>li.spread-nav>ul>li>a{
	color: #333;
	font-weight: bold;
}
.navs>ul>li.spread-nav>ul>li>a:hover{
	color: #ff9800;
}
.navs>ul>li.spread-nav>ul>li>span:before{
	content: none;
}
.navs>ul>li.spread-nav>ul>li>ul{
	display: none;
	position: absolute;
	border: 2px solid #ff9800;
	width: auto;
	min-width: 300px;
	top: 30px;
	box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	padding: 10px 10px 10px 30px;
	left: 50%;
	z-index: 22;
}
.navs>ul>li.spread-nav>ul>li>ul>li{
	padding: 5px 0px;
	border-bottom: none;
}
.navs>ul>li.spread-nav>ul>li>ul>li:before{
	content: '';
	position: absolute;
	top: 12px;
	left: -19px;
	width: 8px;
	height: 8px;
	background: #ff9800;
	transform: rotate(45deg);
	border-radius: 0px;
} 
.navs>ul>li.spread-nav>ul>li>ul>li>a{
	word-break: keep-all;
    white-space: nowrap;
}
.navs>ul>li.spread-nav>ul>li>ul>li a{
	color: #666;
}
.navs>ul>li.spread-nav>ul>li>ul>li a:hover{
	color: #ff9800;
}
.navs>ul>li.spread-nav>ul>li>span{
	display: inline-block;
    width: 0;
    height: 0;
    margin-left: 10px;
    vertical-align: middle;
    border-top: 6px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    color: #ff9800;
}
.navs>ul>li.spread-nav>ul>li>ul>li>span{
	display: inline-block;
    width: 0;
    height: 0;
    margin-left: 6px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    color: #666;
}
.navs>ul>li.spread-nav>ul>li>ul>li>span:before{
	content: none;
}
.navs>ul>li.spread-nav>ul>li>ul>li>ul{
	left: 50%;
	z-index: 22;
	display: none;
	width: 300px;
	top: 25px;
	box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	padding: 10px 0px;
}
.navs>ul>li.spread-nav>ul>li>ul>li>ul>li{
	border-bottom: none;
	padding: 4px 10px;
}
.navs>ul>li.spread-nav>ul>li>ul>li>ul a{
	color: #333;
}
	
}


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




.application-list .list-item2{
	width: 66%;
}
.application-list{
	column-gap: 2%;
}
.application-list .list-item{
	width: 32%;
}

.section-about-us .company .image h3{
	font-size: 26px;
}
.navs>ul>li {
    margin-left: 10px;
}
.application-list .list-item2 a{
	margin-top: 0px;
}
.application-list .list-item2 p{
	font-size: 18px;
}
.application-list .list-item h2{
	font-size: 16px;
}
.info-item2 .pic {
    width: calc(100% - 300px);
}
.info-item1 .text-info .text-info-pic {
    width: calc(100% - 300px);
}
.know-box{
	width: 300px;
}
.mainsection6 .maincon .pic{
	width: 40%;
}
.mainsection6 .maincon .text{
	width: 55%;
}
.navs>ul>li.spread-nav>ul{
	width: 100%;
}
.product-list{
	justify-content: space-between;
	column-gap: 0;
	padding-left: 45px;
}
.product-list .list-item{
	width: 44%;
}
.section4-list{
	margin: 40px 0px 0px;
}
.section4-list .maincon .section4-list-item {
    width: 49%;
    padding-bottom: 35%;
}
.section4-list .maincon .section4-list-item .text{
	top: auto;
	bottom: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255,255,255,.5);
}
.section4-list .maincon .section4-list-item:nth-child(n+5) .text{
	top: auto;
	bottom: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255,255,255,.6);
}
.footercon .content{
	flex-wrap: wrap;
}
.footlogo {
    width: 100%;
    margin-bottom: 35px;
}
.section4list li{
	width: 48%;
	margin-bottom: 25px;
}
.right-container{
	width: 100%;
}
.left-container{
	width: 100%;
	margin-bottom: 10px;
}
.container {
    padding-top: 10px;
}
.contact-container {
    padding: 50px 0px;
}
.crumbnav{
	padding: 10px 0px;
}
.sides.fixd{
	position: static;
	width: 100%;
}
.sides.fixd2{
	position: static;
	width: 100%;
}
.container-left{
	width: 100%;
	margin-right: 0px;
	margin-bottom: 25px;
}
.container-right{
	width: 100%;
}
.index-title-table h2 {
    font-size: 24px;
    line-height: 32px;
}
.section1list{
	padding-bottom: 45px;
}
.section1text a{
	width: 100%;
	margin-right: 0px;
	margin-bottom: 20px;
}
.section1text {
    margin-left: 80px;
}
.mainsection1 {
    padding: 80px 0px 60px;
}
.section1title {
    margin-bottom: 20px;
}

}

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



.table-detail tr:first-child th{
	padding: 15px 10px;
}
.table-detail tr th{
	display: block;
	width: 100% !important;
    text-align: left;
    padding: 15px 10px 5px !important;
    border: none !important;
    background: none !important;
    color: #000 !important;
}
.table-detail tbody tr{
	padding: 10px 10px 5px;
	border-top: none;
	border-bottom: 1px solid #dee2e6;
	display: block;
}
.table-detail tr td{
	display: block;
	border: none !important;
	width: 100% !important;
	padding: 0px 0px 5px !important;
	background: none !important;
}
.tablebox table tr th{
	display: none;
}
.tablebox table tr{
    border-bottom: 1px solid #ccc;
    padding: 20px 0px 15px;
    display: block;
    width: 100%;
}
.tablebox table thead{
	display: none;
}
.tablebox table tr:last-child{
	border-bottom: 0px solid #ccc;
}
.tablebox table tr td{
	display: block;
	height: auto;
	width: auto !important;
    text-align: left;
    border: 0px solid #ccc;
    padding: 0px 10px 10px !important;
    background: none !important;
}
.tablebox table tr td .table-inquiry{
	display: inline;
}
.tablebox table tr td a{
	display: inline !important;
	    word-break: break-all;
}
.tablebox table{
	border: 1px solid #ccc;
}
.info-item15{
	padding: 25px 15px;
}
.info-item15-info{
	flex-wrap: wrap;
	justify-content: center;
}
.info-item15-info .pic{
	margin-bottom: 25px;
	max-width: 100%;
}
.info-item15-info .text{
	width: 100%;
}
.orderonline-form .form-group .col-sm-6{
	width: 100%;
	max-width: 100%;
	flex: none;
}
.order-form-box .forms .submit-btn {
    width: 200px;
    margin-left: 0px;
    max-width: 100%;
}
.order-form-box .forms .row>div label{
	width: 100%;
	text-align: left;
	margin-right: 0px;
	margin-top: 0px;
}
.order-form-box .forms .row>div{
	flex-wrap: wrap;
}
.info-item11{
	justify-content: space-between;
	column-gap: 0%;
}
.info-item11 .list-item{
	width: 48%;
}
.info-item10{
	flex-wrap: wrap;
	justify-content: center;
	padding: 25px 15px;
}
.info-item10 .pic{
	margin-bottom: 25px;
	max-width: 100%;
}
.info-item10 .text{
	width: 100%;
}
.application-list .list-item2{
	width: 100%;
	padding: 40px 15px;
}
.application-list{
	justify-content: space-between;
	column-gap: 0px;
}
.application-list .list-item{
	width: 48%;
}
.info-item5{
	flex-wrap: wrap;
	justify-content: center;
}
.info-item5 .pic{
	width: 230px;
	max-width: 100%;
}
.info-item5 .text{
	width: 100%;
	margin-bottom: 25px;
}

.info-item1 .pic{
	width: 100%;
	height: 200px;
}
.info-item1 .text{
	width: 100%;
}
.info-item1{
	flex-wrap: wrap;
}
.toper .searchbox form{
	border: 2px solid #fff;
}
.toper .searchbox input{
	color: #fff;
}
.toper .searchbox button{
	background: url(../images/search-white.svg) center center/28px no-repeat;
}
.toper .searchbox input::-webkit-input-placeholder {
	color: #fff;
}
.toper .searchbox input:-moz-placeholder {
	color: #fff;
}
.toper .searchbox input::-moz-placeholder {
	color: #fff;
}
.toper .searchbox input::-ms-input-placeholder {
	color: #fff;
}
.Diamond-Micron-Powder-list2{
	flex-direction: column;
	align-items: center;
}
.Diamond-Micron-Powder-list2 .Diamond-list2-item {
    width: 400px;
    margin-bottom: 30px;
    max-width: 100%;
}
.section7-list .list-item{
	width: 100%;
}
.mainsection6{
	padding: 50px 0px 20px;
}
.services-container .about-title{
	font-size: 20px;
}
.services-container .about-title:before{
	width: 160px;
}
.about-section1{
	flex-wrap: wrap;
}
.about-section1 .pic{
	margin: auto;
}
.about-section2{
	flex-wrap: wrap;
}
.about-section2 .text{
	margin-left: 0px;
	margin-top: 30px;
}
.about-section3 .about-section3-item{
	width: 49%;
	margin-bottom: 20px;
}
.Nanodiamond-Powder-list .Nanodiamond-list-item{
	width: 49%;
}
.Nanodiamond-Powder-pic{
	margin-bottom: 25px;
}
.Diamond-list .list-item{
	width: 48%;
}
.title_bottom{
	font-size: 22px !important;
}
.Service-list a .text{
	padding: 15px 0px;
}
.topnav{
	background: #fff;
}
.pagebanner {
    height: 400px;
}
.pagebannertext h1{
	font-size: 28px;
	padding: 20px 20px;
}
.contact_bottom p {
    margin-left: 0%;
}
.inquiry_form ul li {
    margin-left: 0%;
    margin-right: 5%;
}
.contact_bottom::before {
    width: 0;
}
.contact_bottom .maincon .row>div{
	width: 100%;
}
.index-title-table{
	margin-bottom: 25px;
}
.section4list li p {
    font-size: 18px;
}
.section4list li .pic{
	margin-bottom: 15px;
}
.mainsection4 .indextitle {
    margin-bottom: 30px;
}
.mainsection4 {
    padding: 60px 0px 45px;
}
.content {
    padding: 0px 30px;
}
.maincon{
	padding: 0px 30px;
}
.logos img {
    height: 40px;
}
.nav-right{
	display: flex;
} 
.searchbox{
	height: 36px;
}
.topnav {
    padding-top: 15px;
    padding-bottom: 15px;
}
.searchbox {
    right: 100px;
    top: 10px;
    left: auto;
}
.sp_nav {
    display: block;
    margin-top: 0px;
}	
.navs {
    width: 100%;
    height: auto;
    position: absolute;
    top: 100%;
    margin-top: 0px;
    right: 0px;
    bottom: auto;
    background: #000000;
    padding-top: 0px;
    padding-left: 0px;
    z-index: 999;
    transition: .15s ease-in-out;
    -webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transform: translateY(15px);
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
    opacity: 0;
    visibility: hidden;
    max-height: calc(100vh - 120px);
    overflow: auto;
}
.navs a{
    width: 100%;
    height: auto;
    border-bottom: 1px solid #d8d8d8;
    line-height: 50px;
    line-height: 50px;
    display: block;
    margin-left: 0px;
    z-index: 999;
    padding: 0px 20px;
    float: left;
    color: #fff;
    font-size: 16px;
    text-align: center;
}
.navs.visible{transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); opacity: 1; visibility: visible;}
.navs>ul{
	width: 100%;
	height: auto;
}
.toper.fixed .navs a{
	color: #fff;
}
.toper.fixed .navs>ul>li:hover>a{
	color: #fff;
}
.navs ul li a{
	font-size: 15px;
	line-height: 40px;
    color: #fff !important;
    display: inline-block;
    width: auto;
    text-align: left;
    border-bottom: none;
    padding: 0px 0px;
}
.navs ul{
	margin-top: 0px;
}
.navs ul li{
	width: 100%;
    height: auto;
    padding: 0px 0px 0px 15px;
    margin-bottom: 0px;
    position: relative;
    margin-left: 0px;
    line-height: 40px;
    border-bottom: 1px solid #3c3c3c;
    display: inline-block;
}
.navs ul li:last-child{
    margin-bottom: 0px;
}
.navs>ul>li:last-child{
	border-bottom: 1px solid #3c3c3c;
    margin-bottom: 0px;
}
.navs ul li img{
	height: 8px;
    cursor: pointer;
    transition: all 0.3s;
    line-height: 12px;
    top: 15px;
    position: absolute;
    right: 20px;
}
.navs ul li ul li img{
	height: 8px;
    cursor: pointer;
    transition: all 0.3s;
    line-height: 12px;
    top: 20px;
    position: absolute;
    right: 20px;
}
.navs ul li img.down{
	transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-o-transform:rotate(-90deg); 
}
.navs ul li ul{
	display: none;
	padding-left: 10px;
	overflow: hidden;
}
.navs ul li ul li{
	padding: 0px 0px;
}
.navs ul li ul li:last-child{
	border-bottom: none;
}
.navs ul li ul li a{
	line-height: 22px;
	padding: 8px 0px;
}
.navs>ul>li>ul{
	position: static;
	width: 100%;
	padding-left: 10px;
	background: none;
}
.navs ul li ul li ul{
	position: static;
}
.navs ul li ul li ul {
    position: static;
    width: 100%;
}
.navs>ul>li:hover{
	padding-bottom: 0px;
}
.navs>ul>li>ul>li>a{
	color: #fff;
}
.navs>ul>li>ul>li>ul>li>a{
	color: #fff;
}
.navs>ul>li>ul>li>ul>li>ul>li>a{
	color: #fff;
}
.navs>ul>li>ul>li>ul>li>ul>li>ul>li>a{
	color: #fff;
}
.navs>ul li span{
	float: right;
	margin-right: 15px;
}
.navs ul li span::before{
	color: #fff;
    content: "+";
    font-weight: bold;
    font-size: 16px;
}
.navs ul li span.down::before{
	color: #fff;
    content: "-";
    font-weight: bold;
}
.navs>ul>li:hover {
    background: none;
    border-bottom: 1px solid #3c3c3c;
}
.navs ul li ul li span::before{
	color: #fff;
	content: "+";
}
.navs ul li ul li span.down::before{
	content: "-";
}
.navs ul li ul li:hover>span::before{
	color: #fff;
}
.navs ul li ul li{
	border-bottom: 1px solid #3c3c3c;
}
.navs ul li ul li:hover {
    background: none;
    border-bottom: 1px solid #3c3c3c;
}
.navs>ul>li:after{
	content: none;
}
.navs ul li ul li ul{
	background: none;
	padding-left: 10px;
}
.navs ul li ul li span::before{
	top: 18px;
}
.navs a:hover{
	color: #fff;
}
.navs>ul>li:hover>a{
	color: #fff;
}
.navs ul li ul li:hover>a{
	color: #fff;
}
.service-tit h1{
	font-size: 24px;
}

}


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



.section-about-us .company .image p{
	position: relative;
	z-index: 2;
	left: auto;
	top: auto;
}
.section-about-us .company .image h3{
	position: relative;
	z-index: 2;
	left: auto;
	top: auto;
}
.section-about-us .company .image{
	padding: 50px 15px;
	height: auto;
}
.section-about-us .company .image>img {
	height: 100%;
	width: 100%; 
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: -1;
}
.section-about-us .company .info {
	padding-left: 20px;
	padding-right: 20px; 
}
.section-about-us .company .info p {
	padding-left: 0 !important; 
} 
.services-detail-list3>div{
	margin-bottom: 25px;
}	
.service-tit{
	flex-wrap: wrap;
	flex-direction: column;
}
.service-tit .btn{
	margin-left: 0px;
	margin-top: 10px;
}
	
	
}


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


.go_top{
	width: 30px;
	height: 30px;
	right: 0px;
}
.service_foot_form .input-box-style2{
	flex-wrap: wrap;
}
.service_foot_form .input-box-style2>div {
    width: 100%;
}
.section-about-us .company .image h3{
	font-size: 20px;
}
.info-item13{
	justify-content: space-between;
	column-gap: 0%;
}
.info-item13 .list-item{
	width: 48%;
}
.info-item12{
	flex-wrap: wrap;
	justify-content: center;
}
.info-item12 .pic{
	margin-bottom: 25px;
	max-width: 100%;
}
.info-item12 .text{
	width: 100%;
}

.info-item9{
	padding: 0px 10px 20px;
}
.info-item8 .list-item .list-info{
	padding: 20px 10px 5px;
}
.info-item8 .list-item{
	padding-left: 40px;
}
.info-item8 .list-item .list-num{
	font-size: 25px;
}
.info-item7{
	flex-wrap: wrap;
	justify-content: center;
}
.info-item7 .pic{
	margin-bottom: 25px;
	max-width: 100%;
}
.info-item7 .text{
	width: 100%;
}

.info-item6{
	flex-wrap: wrap;
	justify-content: center;
}
.info-item6 .pic{
	margin-bottom: 25px;
	max-width: 100%;
}
.info-item6 .text{
	width: 100%;
}

.info-item4 .text{
	padding: 0px 15px;
}
.info-item4 .text .text-info{
	width: 100%;
	margin-right: 0px;
}
.info-item3{
	padding: 25px 15px 10px;
}

.info-item2 .pic{
	width: 100%;
	height: 200px;
}
.info-item2{
	flex-wrap: wrap;
	justify-content: center;
}

.info-item1 .text-info .text-info-pic{
	width: 100%;
	height: 200px;
}
.info-item1 .text-info{
	flex-wrap: wrap;
	justify-content: center;
}
.Cubic-Boron-list .list-item{
	width: 100%;
}
.Cubic-Boron-list.num2 .list-item {
    margin: 0px 0px 30px;
}
.section7-list .list-item .pic img {
    height: 60px;
}
.mainsection6 .maincon .text h3{
	font-size: 19px;
}
.mainsection6 .maincon .pic{
	width: 350px;
	max-width: 100%;
}
.mainsection6 .maincon .text{
	width: 100%;
}
.mainsection6 .maincon .pic img{
	position: static;
}
.product-list .list-item{
	width: 100%;
}
.services-detail-list6 .detail-list6-item{
	flex-wrap: wrap;
}
.services-detail-list6 .detail-list6-item .pic{
	width: 300px;
}
.services-detail-list6 .detail-list6-item p{
	width: 100%;
}
.services-detail-list6 .detail-list6-item:nth-child(2n) p{
	width: 100%;
}
.services-detail-list6 .detail-list6-item ul{
	width: 100%;
}
.services-detail-list6 .detail-list6-item:nth-child(2n) ul{
	width: 100%;
}
.detail-list4-item{
	width: 100%;
	margin-bottom: 25px !important;
}
.services-detail-list4.num2 .detail-list4-item{
	margin: 0px 0px 25px;
}
.services-detail-list1 .detail-list1-item{
	flex-wrap: wrap;
}
.services-detail-list1 .detail-list1-item .text{
	width: 100%;
}
.services-detail-list1 .detail-list1-item .pic {
    width: 300px;
    padding: 15px 15px;
}
.detail-list5-item{
	width: 49%;
	margin-bottom: 25px;
}

.services-detail-list2 .detail-list2-item .text{
	width: 100%;
}
.services-detail-list2 .detail-list2-item .pic {
    width: 300px;
    padding: 15px 15px;
}


.Lab-diamonds-bg{
	background: url(../../upload/image/Lab-diamonds-pic2.png) no-repeat right bottom/cover;
}
.Lab-diamonds-bg p{
	width: 100%;
}
.Lab-diamonds-list .Lab-diamonds-list-item .pic{
	position: static;
	width: 100%;
	margin-top: 25px;
}
.Lab-diamonds-list .Lab-diamonds-list-item .text,.Lab-diamonds-list .Lab-diamonds-list-item:nth-child(2n) .text{
	width: 100%;
	padding: 25px 15px 10px 15px;
}

.content-box{
	width: 100%;
}
.services-container .MCBN-1-bg{
	margin-left: 0%;
	width: 100%;
}

.Nanodiamond-Powder-list .Nanodiamond-list-item{
	width: 100%;
}
.Diamond-list .Diamond-list-item{
	width: 100%;
}
.Diamond-list2 .Diamond-list2-item{
	width: 100%;
	margin-bottom: 25px;
}
.service_foot_form .input-box>div{
	width: 100%;
}
.Service-list a .pic{
	width: 100%;
	margin-bottom: 10px;
}
.Service-list a .text{
	width: 100%;
}
.Products-list a{
	width: 100%;
}
.footercon{
	padding: 45px 0px;
}
.footlogo img {
    width: 140px;
    margin-bottom: 25px;
}
.footercon .content{
	justify-content: flex-start;
}
.footlink{
	margin-right: 50px;
}
.footlogo {
    margin-bottom: 25px;
}
.footcontact {
    width: 100%;
    margin-bottom: 25px;
}
.foothead{
	font-size: 16px;
}
.footicon .contacticon a span{
	font-size: 18px;
}
.section1list{
	width: 100%;
}
.section1text a{
	padding: 15px 10px 15px 30px;
}
.section1text a:before{
	top: 22px;
    left: 10px;
}
.section1text a h3{
	margin-bottom: 10px;
}
.side-box{
	padding: 15px 0 10px;
}
.side-box .side-headline{
	padding: 0 10px;
}
.side-box .side-content{
	padding: 20px 10px 0;
	margin-top: 10px;
}
.container-row-a {
	-moz-column-count: 1;
	-webkit-column-count: 1;
	column-count: 1;
}
.contact-map {
    height: 400px;
}
.service-tit h1{
	font-size: 22px;
}
.contact-container {
    padding: 30px 0px;
}
.inquiry_form .file-input input {
    width: 100%;
}
.pagebannertext h1 {
    font-size: 22px;
    padding: 0px 0px;
    background: none;
}
.mainsection3{
	height: 300px;
}
.inquiry_form .submit{
	font-size: 16px;
}
.footlogo img{
    width: 170px;
}
.inquiry_form ul li{
	width: 100%;
	margin-right: 0px !important;
}
.inquiry_form textarea {
    width: 100%;
}
.mainsection4 {
    padding: 50px 0px 25px;
}
.section4list{
	flex-wrap: wrap;
}
.mainsection1 {
    padding: 60px 0px 40px;
}
.section1text a h3{
	font-size: 18px;
}
.indextitle {
    font-size: 20px;
    line-height: 26px;
}
.section1con{
	flex-wrap: wrap;
	justify-content: center;
}
.section1title .indextitle br{
	display: none;
}
.section1title img {
    display: block;
    margin: auto;
}
.section1text {
    margin-left: 0px;
    width: 100%;
}
.content {
    padding: 0px 15px;
}
.maincon{
	padding: 0px 15px;
}
.nav-right .searchicon{
	display: flex;
}
.searchbox {
	width: 100%;
    right: 0px;
    top: 100%;
    transform: translateY(0%);
    padding: 10px 15px;
    height: 56px;
    background: #f7f7f7;
    margin-top: 0px;
    display: none;
}
.searchbox input{
	width: 100%;
	padding: 0px 10px;
}
.searchbox button{
	left: auto;
	right: 0px;
	position: absolute;
}
.topnav {
    padding-top: 8px;
    padding-bottom: 8px;
}
.logos img {
    height: 34px;
}

}

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




.info-item13 .list-item:after{
	right: 50px;
}
.info-item13 .list-item{
	width: 100%;
	padding: 20px 35px 40px;
}
.info-item11 .list-item{
	width: 100%;
}
.application-list .list-item{
	width: 100%;
}
.info-item5 .text-info{
	padding: 25px 15px 10px;
}
.info-item1 .text {
    padding: 25px 15px;
}
.about-section1{
	margin-bottom: 40px;
}
.about-section3 .about-section3-item{
	width: 100%;
}
.section4-list .maincon .section4-list-item {
    width: 100%;
    padding-bottom: 65%;
}
.detail-list5-item{
	width: 100%;
}
.service-tit h1{
	font-size: 20px;
	line-height: 25px;
}
.services-container h3{
	font-size: 18px;
}
.Diamond-list .list-item {
    width: 100%;
}
.Products-list a .pic{
	width: 100%;
	height: 150px;
}
.Products-list a .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.Products-list a h3{
	font-size: 18px;
}
.Products-list a p{
	padding: 30px 10px 10px;
}
.topicon .content{
	flex-wrap: wrap;
}
.topicon .contacticon{
	width: 100%;
	text-align: right;
}
.topicon .contacticon a:last-child{
	border-right: none;
	padding-right: 0px;
}
.section4list li {
    width: 100%;
    margin-bottom: 15px;
}
.copyright .content{
	flex-direction: column;
	align-items: flex-end;
}
.copyright .content p{
	margin-bottom: 8px;
	width: 100%;
}
.validate input {
    width: 100%;
}
.validate {
    flex-wrap: wrap;
}
.validate img{
	margin-left: 0px;
	height: 34px;
}

}

.table-size-chart th,
.table-size-chart td {
	padding-left: 6px;
	padding-right: 6px;
}
.table-size-chart th {
	/*width: 70px;*/
	font-size: 15px;
}
.table-size-chart th:first-child{
	width: 100px;
}
.table-size-chart th:first-child{
	width: 100px;
	height: 55px;
}
.privacy-policy-html table{ border:1px solid #ddd;}
.privacy-policy-html table tr td{ border-bottom:1px solid #ddd; border-left:1px solid #ddd; background-color: transparent}
.privacy-policy-html table tr:nth-child(2n) td{ background-color: transparent}