/*--------------------------------------------------------------
1. Normalize
--------------------------------------------------------------*/

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
	word-wrap: break-word;

}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

q {
	font-style: italic;
	font-weight: bold;
	letter-spacing: 1px;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 5px;
	border: 2px double #f9f9f9;
	text-align: center;
}

/*--------------------------------------------------------------
2. Typography
--------------------------------------------------------------*/
body, button, input, select, textarea {
	color: #727272;
	font-size: 14px;
	line-height: 1.75;
	font-family: 'Open Sans', sans-serif;
}

h1 {
	font-size:40px;
}

h2 {
	font-size:29px;
}

h3 {
	font-size:20px;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 16px;
}

h6 {
	font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 10px 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	color: #272727;
	line-height: 1.5;
}

p {
	margin: 0 0 15px 0;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	text-align: center;
	position: relative;
	margin: 0 0 25px;
	font-size: 27px;
	font-weight: 100;
}

blockquote cite {
	font-size: 18px;
	line-height: 1.89;
	color: #888888;
}

blockquote cite {
	display: block;
	margin-top: 7px;
}

address {
	margin: 0 0 15px;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 15px;
	max-width: 100%;
	overflow: auto;
	padding: 15px;
}

code {
	padding: 2px 4px;
	font-size: 90%;
	color: #dc4357;
	background-color: #f51e4612;
	border-radius: 4px;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
3. Elements
--------------------------------------------------------------*/

html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote:before {
	content: "\201c";
	font-family: "Times New Roman";
	display: block;
	font-size: 93px;
	line-height: 50px;
	font-weight: 700;
}

blockquote:before {
	color: #00C2B8;
}

hr {
	background-color: #ECECEE;
	border: 0;
	height: 1px;
	margin: 60px 0;
	clear: both;
}

ul,
ol {
	/*margin: 0 0 30px 0;*/
	padding: 0 0 0 20px;
}
.mg0{
	margin:0px;
}

ul {
	list-style: none;
	padding-left: 0;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 15px;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 15px 15px;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
	vertical-align: middle;
}

figure {
	margin: 15px 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 15px;
	width: 100%;
}

/*便捷标签*/
.left{
  float: left;
}
.right{
  float: right;
}
.clear{
  clear: both;
}
.row{
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  margin:0px;
}
.roc{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.rob{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.tc{
  text-align: center;
}
.tl{
  text-align: left;
}
.tr{
  text-align: right;
}
.cici{overflow: hidden;}
.cici img{width: 100%;height: 100%;object-fit: cover;}
.cl1{
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.cl2{
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cl3{
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.cl4{
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.container{
  margin-left: auto;
  margin-right: auto;
}

.view-md{
  display: none;
}
.vis-xs{
  display: none;
}


/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/*--------------------------------------------------------------
4. Forms
--------------------------------------------------------------*/

input[type="button"],
input[type="reset"],
input[type="submit"],
button {
	background: #006CB0;
	color: #fff;
	font-size: 16px;
	line-height: 1.5;
	padding:10px 35px;
	border: none;
	height: auto;
	width: auto;
	cursor: pointer;
	display: inline-block;
}

input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:hover,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:focus,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
button:active {
	background-color: #00C2B8;
	color: #fff;
	outline: none;
}


input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
	color: #272727;
	border: 1px solid #e7e7e7;
	padding: 7px 10px 7px 15px;
}


select {
	border: 1px solid #f5f5f5;
	width: 100%;
}
[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	outline:none;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
4.1. Search Forms
--------------------------------------------------------------*/

form.search-form {
	position: relative;
}

input.search-field {
	width: 100%;
	border: 2px solid #f7f7f7;
	border-radius: 50px;
	padding: 12px 25px;
}

.search-submit {
	width: 100%;
	margin-top: 15px;
}

.searchform {
	width: 430px;
	margin: 0 auto;
	max-width: 100%;
}

.searchform-inner {
	position: relative;
}
input.search-submit, input.search-submit:visited {
	position: absolute;
	top: 0;
	margin: 0;
	right: 0;
	font-size: 13px;
	padding: 16px 20px;
	border-radius: 0 50px 50px 0;
}


/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
7. Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}
/**
* Print
*/

@media print {
	form,
	button,
	input,
	select,
	textarea,
	.navigation,
	.main-navigation,
	.social-navigation,
	.sidebar,
	.content-bottom-sections,
	.header-image,
	.page-links,
	.edit-link,
	.comment-respond,
	.comment-edit-link,
	.comment-reply-link,
	.comment-metadata .edit-link,
	.pingback .edit-link {
		display: none;
	}


}
/**
* Media Queries
*/

/**
* Does the same thing as <meta name="viewport" content="width=device-width">,
* but in the future W3C standard way. -ms- prefix is required for IE10+ to
* render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
* the meta tag. See https://core.trac.wordpress.org/ticket/25888.
*/

@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

.sticky-enabled{
	-webkit-transition: all 0.5s ease;
	-moz-transition: position 10s;
	-ms-transition: position 10s;
	-o-transition: position 10s;
	transition: all 0.5s ease;
}

#masthead.sticky-enabled.sticky-header, .sticky-enabled.sticky-header {
	position: fixed;
	top: 0;
	width: 100%;
	left: 0;
	background: #ffffff;
	box-shadow: 0 0 42px 0 rgba(0, 0, 0, 0.08);
	padding: 15px 0;
	animation: smoothScroll 1s forwards;
	z-index: 999;
}

@keyframes smoothScroll {
	0% {
		transform: translateY(-40px);
	}
	100% {
		transform: translateY(0px);
	}
}


/*--------------------------------------------------------------
7.1. Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 15px;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*banner*/
.banner .swiper-container { margin: 0 auto; overflow: visible;}
.banner .swiper-container:hover .swiper-button-next,.banner  .swiper-container:hover .swiper-button-prev { display: block;}
.banner .swiper-slide { position: relative; opacity: 0 !important;}
.banner .swiper-slide img { width: 100%;}
.banner .swiper-slide-active { opacity: 1 !important;}
.banner .swiper-slide .ren { position: absolute; left: 0; top: 0; width: 1436px; height: 840px;}
.banner .swiper-button-next, .banner .swiper-button-prev {display: none; width: 40px; height: 68px; background-size: contain;}
.banner .swiper-button-next { right: 100px; background-image: url(../images/next.png); width: 40px; height: 68px;font-size: 0px;}
.banner .swiper-button-prev { left: 100px; background-image: url(../images/prev.png);}
.banner .swiper-container-horizontal .swiper-pagination-bullets { bottom: 40px;}
.banner .swiper-pagination-bullet { width: 70px; height: 4px; margin: 0 10px !important; padding: 6px 0; border-radius: 0; background-color: transparent; opacity: 1;}
.banner .swiper-pagination-bullet:after { content: ""; display: block; height: 4px; background-color: #fff; opacity: 0.5;}
.banner .swiper-pagination-bullet:hover:after,.banner .swiper-pagination-bullet-active:after { background-color: #006CAF;}
.banner .banner .swiper-button-next:after, .banner .swiper-button-prev:after{font-size: 0;content: none;}
.banner:hover .swiper-button-prev::after{content: '';display: none;}
.swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after{content: '';}

/*--------------------------------------------------------------
8. company
--------------------------------------------------------------*/
.company{
	padding: 50px 0 90px 0;
	background: url(../images/comback.jpg) no-repeat center bottom;
}
.company h4{
	font-size: 24px;
	color: #006CAF;
	margin:0px;
}
.company h2{
	font-size: 34px;
}
.company .com-content{
	line-height: 27px;
}
.company .com-more{
	width: 165px;
	height: 50px;
	border-radius: 30px;
	background: #006BAF;
	text-align: center;
	color: #fff;
	font-size: 14px;
	margin-top: 60px;
	line-height: 50px;
	transition: all 0.8s ease;
}
.company .com-more:hover{
	background: #00C2B8;
}
.company .col-grid-5{
	padding-left: 0px;
	margin:0px;
}
.company .col-grid-7{
	padding-right: 0px;
	margin:0px;
}
.company .honorindex.col-grid-6,.company .equindex.col-grid-6{
	padding: 0 5px;
	margin:0px;
}
.company .border{
	border:1px solid #dddddd;
	padding-bottom: 26px;
}
.company .border .cici{
	width: 100%;
	height: 257px;
	overflow:hidden;
}
.company .border .cici img{
	width: 100%;
	height: 100%;
	transition: all 0.8s ease;
}
.company .border .po{
	position: relative;
}
.company .border h2{
	font-size: 24px;
	margin-top: 50px;
	transition: all 0.5s ease;
}
.company .border p{
	margin-bottom: 0px;
	padding: 0 25px;
}
.company .border span{
	margin-top: 20px;
	display: inline-block;
}
.company .border .honor-scroll{
	width: 100px;
	height: 100px;
	line-height: 82px;
	background: #fff;
	position: absolute;
	top: -100px;
	left: 50%;
	border-radius: 50%;
	margin-left: -50px;
	transition: all 0.8s ease;
}
.company .equindex .honor-scroll img{
	margin-top: 10px;
}
.company .honorindex:hover .honor-scroll,.company .equindex:hover .honor-scroll{
	 transform:rotateY(360deg);
}
.company .honorindex:hover .border img,.company .equindex:hover .border img{
	transform: scale(1.1);
}
.company .honorindex a:hover .border  h2,.company .equindex a:hover .border  h2{
	color:#006BAF;
}

/*product*/
.product{
	background: url(../images/product.jpg) no-repeat center;
	padding: 90px 0;
}
.product h2{
	font-size: 40px;
	color: #fff;
	font-weight: normal;
	margin-bottom: 0px;
}
.product  .testimonial-item{
	overflow: hidden;
	transition: all 0.5s ease;
	padding: 0 10px;
	margin:40px 0 50px 0;
}
.product  .testimonial-item .cici{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.product  .testimonial-item img{
	background: #fff;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s ease;
}
.product  .testimonial-item .pro-ab{
	position: absolute;
	bottom: -100%;
	left: 0px;
	width: 100%;
	box-sizing: border-box;
	background: rgba(8,111,170,.8);
	padding: 20px 15px;
	color: #fff;
	transition: all 0.5s ease;
}
.product  .testimonial-item .pro-ab h3{
	font-size: 20px;
	color: #fff;
	margin-bottom: 5px;
}
.product  .testimonial-item .pro-ab p{
	margin:0px;
	line-height: 21px;
}
.product  .testimonial-item:hover .pro-ab{
	bottom:0px;
}
.product  .testimonial-item:hover img{
	transform: scale(1.1);
}
.section-carousel-enabled .slick-prev.slick-arrow, .section-carousel-enabled .slick-next.slick-arrow {
	color: #000;
	cursor: pointer;
	display: block;
	font-weight: normal;
	line-height: 0.8;
	padding-top: 5px;
	position: absolute;
	text-align: center;
	top: 45%;
	z-index: 9;
	font-size: 17px;
	padding: 16px 20px;
	background: #ffffff;
	box-shadow: 0 0 40px #2422224a;
}
.section-carousel-enabled .slick-prev.slick-arrow:hover,
.section-carousel-enabled .slick-next.slick-arrow:hover {
	background: #006BAE;
	color: #fff;
}
.section-carousel-enabled .slick-prev.slick-arrow {
	left: -15px;
}
.section-carousel-enabled .slick-next.slick-arrow {
	right: -15px;
}
.product .com-more{
	width: 216px;
	height: 50px;
	border-radius: 30px;
	border:1px solid #fff;
	text-align: center;
	color: #fff;
	font-size: 14px;
	margin:0 auto;
	line-height: 50px;
	transition: all 0.5s ease;
}
.product .com-more:hover{
	background: #fff;
	color: #006BAE;
}
.seark{
	display: block;
	margin-bottom: 25px;
}
.seark span{
	color: #ef0000
}

/*分页*/
/*分页*/
.de-page-mian {
  overflow: hidden;
  text-align: center;
  font-size: 0;
  margin: 30px 0 0px;
}
.de-page-mian .page-inner {
  display: inline-block;
  overflow: hidden;
}
.de-page-mian .page-inner a {
  display: block;
  float: left;
  min-width: 26px;
  padding: 0 13px;
  height: 36px;
  border: 1px solid #dddddd;
  background: #fff;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin-right: -1px;
  overflow: hidden;
}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
  color: #fff;
  border-color: #006BAF;
  background: #006BAF;
}
.de-page-mian .page-inner a.prev {
  margin-right: 10px;
  background: #fff url(../images/prev.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev.on {
  background: #fff url(../images/prev-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.next {
  margin-left: 10px;
  margin-right: 15px;
  background: #fff url(../images/next.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next.on {
  background: #fff url(../images/next-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.page-btn {
  font-size: 12px;
  margin-right: 0;
  width: 63px;
  margin-left: 10px;
}
.de-page-mian .page-inner span {
  display: block;
  font-size: 12px;
  color: #333;
  float: left;
  line-height: 38px;
}
.de-page-mian .page-inner input {
  display: block;
  float: left;
  height: 36px;
  width: 36px;
  border: 1px solid #dddddd;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin: 0 5px;
}

.newsPage{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 50px;
	margin-top: 25px;
}
.page-a{
	display: block;
	width: 50%;
	padding: 20px 15px;
	background: #F4F6F6;
}
.page-a a{
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.page-a a:hover{
	color: #006BAF;
}
.page-a:last-child{
	text-align: right;
	border-left: 1px solid #ccc;
}
.no-goods{
	width: 100%;
	margin:200px 0;
	text-align: center;
}
.no-goods p{
	font-size: 14px;
	margin-top: 20px;
}
.toppage {
	width: 100%;
	text-align: center;
	margin-top: 40px;
}
.toppage .page-a{
	display: inline-block;
	width: 100px;
	height: 30px;
	padding: 0px;
	background: none;
	border:none;
	margin: 0 50px;
	text-align: center;
}
.toppage .page-a a{
	display: block;
	width: 100%;
	height: 55px;
	font-size: 0px;
}
.toppage .page-a:first-child a{
	background: url(../images/l11.png) no-repeat center;
	padding-right: 15px;
}
.toppage .page-a:last-child a{
	background: url(../images/r11.png) no-repeat center;
	width: 85%;
}
/*.toppage .page-a:first-child:hover a{
	background: url(../images/l2.png) no-repeat center;
}
.toppage .page-a:last-child:hover a{
	background: url(../images/r2.png) no-repeat center;
}*/
.toppage .page-a:hover{
	color: #006BAF;
}

/*--------------------------------------------------------------
 service
--------------------------------------------------------------*/
.service{
	padding: 50px 0 90px 0;
	background: #F7F7F7 url(../images/service.jpg)no-repeat center;
}
.glotitle h2{
	font-size: 40px;
	position: relative;
	text-align: center;
	font-weight: normal;
}
.glotitle h2:before{
	content: '';
	position: absolute;
	display: block;
	width: 65px;
	height: 0px;
	border-bottom: 1px solid #006BAE;
	top:50%;
	left: 37%;
}
.glotitle h2:after{
	content: '';
	position: absolute;
	display: block;
	width: 65px;
	height: 0px;
	border-bottom: 1px solid #006BAE;
	top:50%;
	right: 37%;
}
.glotitle h4{
	font-size: 15px;
	text-align: center;
	font-weight: normal;
	margin-bottom: 0px;
}

.tabs-list { list-style:none; }
.tabs-list li { display:inline-block; *display:inline; *zoom:1; margin-right:10px; margin-bottom:2px; }
.tabs-list li a { display:block; height:38px; background-color:#D6E7F2; color:#808080; text-decoration:none; font-size:24px;color: #000; transition:all 0.4s ease 0s; }
.tabs-list li a:hover { background-color:#006CAF; color: #fff;}
.tabs-list li.active a { background-color:#006CAF; color:#fff; }
.tabs .accordion-handle { display:none; }
.tabs-list li a span{
	width: 32px;
	height: 32px;
	transition: all 0.5s ease;
	display: inline-block;
	float: left;
	margin:32px 15px 0 0;
	background-size: cover;
	background-repeat: no-repeat;
}
.tabs-list li:nth-child(1) a span{
	background-image: url(../images/1-1.png);
}
.tabs-list li:nth-child(2) a span{
	background-image: url(../images/2-1.png);
}
.tabs-list li:nth-child(3) a span{
	background-image: url(../images/3-1.png);
}
.tabs-list li:nth-child(1):hover a span,.tabs-list li:nth-child(1).active a span{
	background-image: url(../images/1-2.png);
}
.tabs-list li:nth-child(2):hover a span,.tabs-list li:nth-child(2).active a span{
	background-image: url(../images/2-2.png);
}
.tabs-list li:nth-child(3):hover a span,.tabs-list li:nth-child(3).active a span{
	background-image: url(../images/3-2.png);
}

.tabs-vertical-left, .tabs-vertical-right {margin-top: 38px; }
.tabs-vertical-left:before, .tabs-vertical-left:after, .tabs-vertical-right:before, .tabs-vertical-right:after { visibility:hidden; display:block; font-size:0;content:" "; clear:both; height:0; }
.tabs-vertical-left .tabs-list, .tabs-vertical-right .tabs-list { width:25%; margin:0px;}
.tabs-vertical-left .tabs-list li, .tabs-vertical-right .tabs-list li { display:block; margin:0 0 0px 0;border-bottom: 1px solid #AFD3E6; width:100%; height: 95px;background: #D6E7F2;color: #000;}
.tabs-vertical-left .tabs-list li a, .tabs-vertical-right .tabs-list li a { box-sizing: border-box;height:100%; padding:0 15px 0 45px;line-height: 95px;}
.tabs-vertical-left .tabs-container, .tabs-vertical-right .tabs-container { width:71%; }
.tabs-vertical-left .tabs-list { float:left; }
.tabs-vertical-left .tabs-container { float:right; min-height: 380px;}
.tabs-vertical-left .tabs-container .rob{height: 100%;}
.tabs-vertical-right .tabs-list { float:right; }
.tabs-vertical-right .tabs-container { float:left; }
.tabs-vertical-right .tabs-container .tab-content { margin:0 15px 0 0; }
.tabs-vertical-left .tabs-container .tab-content .cici{
	width: 46%;
	height: 100%;
	transition: all 0.5s ease;
}
.tabs-vertical-left .tabs-container .tab-content .ser-right{
	width: 50%;
	position: relative;
	background: #fff;
	padding: 33px 45px 40px 45px;
	box-sizing: border-box;
}
.tabs-vertical-left .tabs-container .tab-content .ser-right:before{
	content: "";
	display: block;
	border-right: 15px solid #ffffff;
	border-bottom: 15px solid transparent;
	border-top: 15px solid transparent;
	left: -15px;
	position: absolute;
	top: 12%;

}
.tabs-vertical-left .tabs-container .tab-content .ser-right h3{
	font-size: 24px;
}
.tabs-vertical-left .tabs-container .tab-content .ser-cont p{
	font-size: 14px;
	line-height: 24px;
}
.tabs-vertical-left .tabs-container .tab-content .ser-more{
	width: 125px;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	color: #fff;
	background: #006CB0;
	text-align: center;
	margin-top: 30px;
	transition: all 0.5s ease;
}
.tabs-vertical-left .tabs-container .tab-content .ser-more:hover{
	border-radius: 15px;
	background: #00C2B8;
}

.accordion-handle { position:relative; margin-bottom:10px; background-color:#ebebeb; text-decoration:none; color:#808080; cursor:pointer; transition:all 0.4s ease 0s; }
.accordion-handle:hover { background-color:#d9d9d9; }
.accordion-handle.active { background-color:#0d7eff; color:#fff; }
.accordion-content { margin-bottom:15px; display:none; }


@media only screen and ( max-width:768px ){
	/*.responsive-tabs .tabs-list { display:none; }
	.responsive-tabs .accordion-handle { 
		display:block; 
		padding: 15px 15px;
		background: #D5E7F1;
	}	
	.responsive-tabs .accordion-handle.active{
		background: #006CAF;
		color: #fff;
	}
	.responsive-tabs .accordion-handle h4{
		margin-bottom: 0px;
	}
	.responsive-tabs .accordion-handle.active h4{
		color: #fff;
	}*/
	.responsive-tabs.tabs-vertical-left .tabs-container, .responsive-tabs.tabs-vertical-right .tabs-container { width:100%; float:none; }
	.responsive-tabs.tabs-vertical-left .tabs-container .tab-content, .responsive-tabs.tabs-vertical-right .tabs-container .tab-content { margin:10px 0 15px; }	
}


/*--------------------------------------------------------------
news
--------------------------------------------------------------*/
.news{
	padding: 50px 0 90px 0;
}
.news .newsbox{
	margin-top: 28px;
}
.news .newslist{
	margin-bottom: 0px;
}
.news .newslist img{
	transition: all 0.5s ease;
}
.news .newstime{
	width: 17.8%;
	text-align: center;
	border:1px solid #DDDDDD;
}
.news .newsinner{
	width: 78%;
}
.news .newstime p:first-child{
	background: #006BAF;
	color: #fff;
	font-size: 44px;
	margin:0px;
}
.news .newstime p:last-child{
	line-height: 56px;
	font-size: 14px;
	margin:0px;
}
.news .newsinner h3{
	font-size: 16px;
	margin:10px 0;
	transition: all 0.5s ease;
}
.news .newsinner .newsinfo p{
	font-size: 14px;
	line-height: 24px;
	color: #666666;c
}
.news .newsinner span{
	color: #000;
	transition: all 0.5s ease;
}
.news .newslist:hover img{
	transform: scale(1.1);
}
.news .newslist:hover h3{
	color: #006CB0;
}
.news .newslist:hover span{
	color: #006CB0;
	margin-left: 15px;
}
.news .newsinner .newsinfo{
	margin-bottom: 10px;
}
.news .morenews{
	width: 216px;
	height: 54px;
	font-size: 14px;
	line-height: 54px;
	border:1px solid #dddddd;
	border-radius: 30px;
	margin:40px auto 0;
	text-align: center;
	transition: all 0.5s ease;
}
.news .morenews:hover{
	background: #006BAF;
	color: #fff;
	border:1px solid #006BAF;
}

.box-shadow-block {
	-webkit-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
	-moz-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
	-ms-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
	-o-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
	box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
	-webkit-transition: box-shadow 0.3s, transform 0.3s;
	-moz-transition: box-shadow 0.3s, transform 0.3s;
	-ms-transition: box-shadow 0.3s, transform 0.3s;
	-o-transition: box-shadow 0.3s, transform 0.3s;
	transition: box-shadow 0.3s, transform 0.3s;
	padding: 0;
	background: #fff;
	position: relative;
}

.box-shadow-block:hover {
	-webkit-box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2);
	box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2);
	transform: translateY(-8px);
}


/*--------------------------------------------------------------
contact
--------------------------------------------------------------*/
.contact-index{
	padding: 43px 0;
	background: url(../images/adc.jpg) no-repeat center;
}
.contact-index .leftinfo{
	color: #fff;
	margin:0px;
}
.contact-index .leftinfo p:first-child{
	font-size: 30px;
	margin:0px;
}
.contact-index .leftinfo p img{
	float: left;
	margin:5px 15px 0 0;
}
.contact-index .leftinfo p:last-child{
	font-size: 20px;
	margin:0px;
}
.contact-index  .rightinfo {
	margin:0px;
}
.rightinfo a{
	display: block;
	height: 50px;
	line-height: 50px;
	background: #fff;
	color: #006CAF;
	text-align: center;
	border-radius: 30px;
	margin-top: 22px;
	transition: all 0.5s ease;
}
.rightinfo a:hover{
	background: #006CAF;
	color: #fff;
}

#btn-scrollup {
	display: none;
}

a.scrollup, a.scrollup:visited {
	background-color: #006BAF;
	bottom: 50px;
	color: #ffffff;
	float: right;
	line-height: 1.2;
	padding: 12px 17px;
	position: fixed;
	right: 32px;
	text-align: center;
	z-index: 999;
}

a.scrollup:hover,
a.scrollup:focus,
a.scrollup:active {
	background-color:#333;
	color: #ffffff;
}

.scrollup i {
	font-size: 20px;
}

/*--------------------------------------------------------------
foot
--------------------------------------------------------------*/
.footer{
	padding: 75px 0;
	background: #252F37;
}
.footer .foot-nav-4{
	width: 26%;
	margin-right: 3%;
}
.footer .foot-nav-6{
	width: 20%;
	margin-right: 3%;
}
.footer .foot-nav-3{
	width: 15%;
	margin-right: 3%;
}
.footer .foot-nav-5{
	width: 30%;
}
.footer .foot-nav-4 .btlogo{
	margin-bottom: 25px;
	max-height: 60px;
	max-width: 100%;
}
.footer .foot-nav-4 p{
	margin-bottom: 0px;
	font-size: 14px;
	color: #AAAAAA;
	line-height: 25px;
}
.footer .foot-nav-4 .wx{
	width: 140px;
	height: 140px;
	margin-top: 15px;
}
.footer .foot-nav-3 h3,.footer .foot-nav-6 h3,.footer .foot-nav-5 h3{
	color: #fff;
	font-size: 18px;
	margin-bottom: 30px;
}
.footer .foot-nav-3 li a,.footer .foot-nav-6 li a{
	color: #AAAAAA;
	line-height: 35px;
	font-size: 14px;
	transition: all 0.5s ease;
}
.footer .foot-nav-3 li a:hover{
	color: #fff;
}
.footer .foot-nav-6 li a:hover{
	color: #fff;
}
.footer .foot-nav-5 input{
	background: #323E47;
	height: 48px;
	line-height: 48px;
	border:none;
	color: #AAAAAA;
	text-indent: 30px;
	margin-bottom: 8px;
	padding: 0px;
	width: 100%;
}
.footer .foot-nav-5 textarea{
	background: #323E47;
	line-height: 48px;
	height: 90px;
	border:none;
	color: #AAAAAA;
	text-indent: 30px;
	margin-bottom: 8px;
	padding: 0px;
	width: 100%;
}
.footer .foot-nav-5 .code input{
	width: 50%;
}
.footer .foot-nav-5 .code .verify{
	width: 40%;
}
.footer .foot-nav-5 .submit{
	background: #006BAF;
	line-height: 48px;
	height: 48px;
	border:none;
	color: #AAAAAA;
	text-align: center;
	padding: 0px;
	width: 100%;
	display: block;
	transition: all 0.5s ease;
}
.footer .foot-nav-5 .submit:hover{
	color: #fff;
}
.bottom{
	background: #252F37;
	color: #aaaaaa;
	padding: 15px 0;
	border-top:1px solid #3E4C56;
}
.bottom p{
	margin:0px;
	width: 50%;
}
.bottom p a{
	color: #aaaaaa;
	transition: all 0.5s ease;
}
.bottom p a:hover{
	color: #fff;
}
.bottom p:last-child{
	text-align: right;
}


#hide-foot{
  display: none;
}
#hide-foot{
	margin-bottom: -15px;
  width: 100%;
  background: none;
  color: #fff;
  padding: 0px;
  position: relative;
}
#hide-foot .conta .inner-box{
  width: 100%;
}
#hide-foot .accordion-box .block .acc-btn{
  background: #252F37;
  text-align: center;
  border-bottom: 1px solid #464646;
}
#hide-foot .accordion-box .block .acc-btn .icon-outer{
  color: #fff;
}
#hide-foot .accordion-box .block .acc-content{
  padding: 15px 20px;
}
#hide-foot .block{
  margin:0px;
  background: none;
}
#hide-foot h5{
  color: #fff;
  font-weight: normal;
}
#hide-foot ul li ul li{
  width: 49%;
  display: inline-block;
  padding: 5px 0;
  text-align: center;
}
#hide-foot ul li ul li a{
  color: #B8B8B8;
}
.faq-section#hide-foot .accordion-box .block .acc-content{
	background:#252F37;
}


/*--------------------------------------------------------------
内页开始
--------------------------------------------------------------*/
/*内部公共*/
.insidebanner{
	height: 340px;
	color: #fff;
	text-align: center;
	padding-top: 70px;
	box-sizing: border-box;
}
.insidebanner h2{
	font-size: 40px;
	color: #fff;
	margin-bottom: 0px;
}
.insidebanner p,.insidebanner p a{
	color: #fff;
}

.comside.container{
	background: #E4EEF3;
	padding: 0 40px;
	box-sizing: border-box;
	margin:-88px auto 50px;
}
.comside a{
	display: block;
	width: 20%;
	color: #666666;
	transition: all 0.5s ease;
}
.comside a.active,
.comside a:hover{
	color: #006CAF;
}
.comside a.active li,
.comside a:hover li{
	border-bottom: 2px solid #006CAF;
}
.comside li{
	text-align: center;
	line-height: 86px;
	position: relative;
	font-size: 20px;
	border-bottom: 2px solid #E4EEF3;
	box-sizing: border-box;
	transition: all 0.5s ease;
}
.comside li:after{
	content: '';
	display: block;
	width: 0px;
	height: 18px;
	top: 35px;
	right: 0px;
	border-right: 1px solid #AAAAAA;
	position: absolute;
}
.comside a:last-child li:after{
	display: none;
}

/*简介开始*/
.company-in{
	margin-bottom: 80px;
}
.company-in .col-grid-6{
	margin:0px;
}
.company-in img{
	max-width: 100%;
}
.company-in h4{
	font-size: 24px;
	color: #006CAF;
	margin:0px;
	text-transform: uppercase;
}
.company-in h2{
	font-size: 33px;
}
.company-in .com-content{
	line-height: 27px;
}
.company-in .com-more{
	width: 165px;
	height: 50px;
	border-radius: 30px;
	background: #00C2B8;
	text-align: center;
	color: #fff;
	font-size: 14px;
	margin-top: 60px;
	line-height: 50px;
	transition: all 0.5s ease;
}
.company-in .com-more:hover{
	background: #006CAF;
}

/*市场导向*/
.market{
	padding: 60px 0;
	text-align: center;
}
.market .container{
	background: rgba(255,255,255,0.8);
	padding: 65px 8%;
	color: #000;
}
.market h2{
	font-size: 30px;
	color: #006CAF;
}
.mar-tel{
	padding: 12px 55px;
	background-image: url(../images/gr.jpg);
	background-size: cover;
	text-align: center;
	display: inline-block;
	margin:0 auto;
	color: #fff;
	font-size: 16px;
	margin-top: 20px;
	border-radius: 5px;
	overflow: hidden;
}

/*选择我们*/
.choose{
	padding: 60px 0;
}
.choose-title h4{
	font-size: 18px;
	font-weight: normal;
	color: #006CAF;
	margin:0px;
}
.choose-title h2{
	font-size: 36px;
}
.chooselist h2{
	font-size: 24px;
	margin-top: 25px;
	font-weight: normal;
	margin-bottom: 0px;
	transition: all 0.5s ease;
}
.chooselist img{
	transition: all 0.5s ease;
}
.chooselist .choosebox:hover img{
	transform: scale(1.1);
}
.chooselist:hover h2{
	color: #006CAF;
}


/*荣誉资质*/
.col-grid-4.honor-in{
	margin-top: 0px;
}
.col-grid-4.honor-in img{
	transition: all 0.5s ease;
}
.col-grid-4.honor-in .cici{
	position: relative;
}
.col-grid-4.honor-in .cici .mb{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(63,198,197,.6);
	left: 0px;
	top: 0px;
	opacity: 0;
	transition: all 0.5s ease;
}
.col-grid-4.honor-in .cici .mb img{
	position: absolute;
	width: 32px;
	height: 32px;
	top: 40%;
	left: 50%;
	margin:-16px 0 0 -16px;
}
.honor-box{
	padding: 20px 0px 20px 0px;
	box-sizing: border-box;
	background: #EDEDED;
	position: relative;
	overflow: hidden;
}
.honor-box h3{
	font-size: 20px;
	margin-bottom: 0px;
	position: relative;
	z-index: 1;
	transition: all 0.5s ease;
}
.honor-box p{
	margin-bottom: 0px;
	position: relative;
	z-index: 1;
	transition: all 0.5s ease;
}
.honor-box:before{
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	transform: translateX(-100%);
	top: 0px;
	background: #006BAF;
	transition: all 0.5s ease;
	z-index: 0;
}
.col-grid-4.honor-in:hover .honor-box:before{
	transform: translateX(0);
}
.col-grid-4.honor-in:hover h3,.col-grid-4.honor-in:hover p{
	color: #fff;
}
.col-grid-4.honor-in:hover .cici .mb{
	opacity: 1;
}
.col-grid-4.honor-in:hover .cici .mb img{
	top: 50%;
}

/*设备展示*/
.col-grid-4.equ-in{
	margin-top: 0px;
}
.col-grid-4.equ-in a{
	display: block;
	position: relative;
}
.col-grid-4.equ-in img{
	transition: all 0.5s ease;
}
.col-grid-4.equ-in:hover .cici img{
	transform: scale(1.1);
}
.col-grid-4.equ-in .abs{
	text-align: center;
	width: 100%;
	padding: 10px 15px;
	box-sizing: border-box;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: rgba(63,198,197,.6);
	color: #fff;
	font-size: 14px;
	transition: all 0.5s ease;
}
.col-grid-4.equ-in:hover .abs{
	background: rgba(8,111,170,.8);
}

/*人才招聘*/
.accordion-box .block{
  position: relative;
  display: block;
  background: #fff;
  margin-bottom: 15px;
  transition: all 500ms ease;
}

.accordion-box .block:last-child{
  margin-bottom: 0px;
}

.accordion-box .block .acc-content{
  position:relative;
  display:none;
  padding: 17px 20px 16px 35px;
}

.accordion-box .block .acc-content.current{
  display:block;  
}

.accordion-box .block .acc-btn .icon-outer{
  position: absolute;
  top: 23px;
  right: 29px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  color: #fff;
  z-index: 1;
  transition: all 500ms ease;
}

.accordion-box .block.active-block .acc-btn .icon-outer{
  transform: rotate(-180deg);
}

.accordion-box .block .acc-btn{
  position: relative;
  display: block;
  background: #006BAF;
  padding: 21px 35px;
  padding-right: 60px;
  cursor: pointer;
  transition: all 500ms ease;
}

.faq-section{
  position: relative;
  padding: 105px 0px 102px 0px;
}

.faq-section .top-inner{
  position: relative;
  margin-bottom: 36px;
}

.faq-section .top-inner .text{
  position: relative;
  display: block;
  margin-top: 42px;
  padding-left: 40px;
}

.faq-section .top-inner .text p{
  font-size: 19px;
  line-height: 30px;
}

.faq-section .accordion-box .block .acc-content {
  padding: 27px 20px 26px 25px;
  background: #F8F8F8;
}

.faq-section .accordion-box .block .acc-btn{
  padding-left: 25px;
}
.faq-section .accordion-box .block .acc-btn.active{
  padding-left: 25px;
  background: #00BBB8;
}

.faq-section .accordion-box .block .acc-btn h5{
	margin-bottom: 0px;
	font-size: 18px;
	color: #fff;
}
.faq-section .accordion-box .block .acc-btn span{
	font-size: 14px;
	margin-left: 40px;
	font-weight: normal;
}

.faq-section .accordion-box .block .acc-btn .icon-outer{
  transform: rotate(-180deg);
}

.faq-section .accordion-box .block.active-block .acc-btn .icon-outer {
  transform: rotate(0deg);
}

.faq-section.style-two{
  padding: 0px 0px 110px 0px;
}
.faq-section .title{
	margin-bottom: 50px;
}
.faq-section .title h1{
	font-size: 36px;
	font-weight: normal;
}
.faq-section .title p{
	font-size: 16px;
	margin-bottom: 0px;
	color: #000;
}


/*产品中心*/
.common-inner .product-in{
	background: #fff;
	margin-top: -88px;
	padding: 40px 40px 90px 40px;
	box-sizing: border-box;
}
/*产品侧边栏*/
.inner-left{
	width: 22%;
}
.pro-sider{
	border:1px solid #DDDDDD;
	border-radius: 10px;
	overflow: hidden;
	padding: 0px;
}
.pro-sider .in-title{
	width: 100%;
	padding: 24px;
	box-sizing: border-box;
	background: #006BAF;
}
.pro-sider .in-title h3{
	font-size: 24px;
	color: #fff;
	margin-bottom: 0px;
}
.pro-sider .in-title h3 img{
	float: right;
	margin-top: 10px;
}
.pro-sider ul {
	margin-bottom: 10px;
}
.pro-sider ul li{
	padding: 10px 0 10px 45px;
	border-bottom: 1px solid #ccc;
	position: relative;
	transition: all 0.5s ease;
}
.pro-sider ul a:last-child li{
	border-bottom: none;
}
.pro-sider ul li:before{
	content: '';
	display: block;
	width: 13px;
	height: 13px;
	position: absolute;
	background: url(../images/s1.jpg) no-repeat center;
	top: 16px;
	left: 15px;
	transition: all 0.5s ease;
}
.pro-sider ul li:hover{
	color: #00BBB8;
	padding-left: 65px;
}
.pro-sider ul li.active{
	color: #00BBB8;
}
.pro-sider ul li:hover:before{
	background: url(../images/s2.jpg) no-repeat center;
}

.inner-right{
	width: 77%;
}
.pro_cont a{
    background: #fff;
}
.pro_cont a.col-grid-4{
	padding: 0 10px 0 0;
	margin: 0 0 20px 0;
	overflow: hidden;
}
/*.pro_cont a.col-grid-4:nth-child(3n){
	padding-right: 0px;
}*/
.pro_cont .img_jz{
	display: block;
	position: relative;
	overflow: hidden;
}
.pro_cont a>b{
    width:100%;
    /*height: 280px;*/
    background: #e8e8e8;
}
.pro_cont a>b>img{
    width: 100%;
    min-height: 100%;
}
.pro_cont a>b>div{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-transition: 350ms 0s all ease;
    -moz-transition: 350ms 0s all ease;
    -ms-transition: 350ms 0s all ease;
    -o-transition: 350ms 0s all ease;
    transition: 350ms 0s all ease;
    opacity: 0;
}
.pro_cont a>b>div i{
    display:block;
    position: absolute;
    background: #006BAF;
    -webkit-transition: 450ms 0s all linear;
    -moz-transition: 450ms 0s all linear;
    -ms-transition: 450ms 0s all linear;
    -o-transition: 450ms 0s all linear;
    transition: 450ms 0s all linear;
}
.pro_cont a>b>div i:first-of-type,.pro_cont a>b>div i:nth-of-type(3){ width:0;height:2px;}
.pro_cont a>b>div i:nth-of-type(1){
    left:20px;
    top:30px;
}
.pro_cont a>b>div i:nth-of-type(3){
    right:20px;  bottom:30px;
}
.pro_cont a:hover>b>div i:first-of-type,.pro_cont a:hover>b>div i:nth-of-type(3) { width:413px;}
.pro_cont a>b>div i:nth-of-type(2),.pro_cont a>b>div i:nth-of-type(4){ height:0;width:2px;}
.pro_cont a>b>div i:nth-of-type(2){
    top:21px;
    left:35px;
}
.pro_cont a>b>div i:nth-of-type(4){
    bottom:21px;
    right:35px;
}
.pro_cont a:hover>b>div i:nth-of-type(2),.pro_cont a:hover>b>div i:nth-of-type(4) { height:237px;}
.pro_cont a:hover>b>div {
    opacity: 1;
}
.pro_cont a>p{
    width:100%;
    font-size: 16px;
    color: #434343;
    line-height: 50px;
    min-height: 50px;
    padding:0 18px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background:#f5f5f5;
    -webkit-transition: 350ms 0s all ease;
    -moz-transition: 350ms 0s all ease;
    -ms-transition: 350ms 0s all ease;
    -o-transition: 350ms 0s all ease;
    transition: 350ms 0s all ease;
}
.pro_cont a:hover>p{
    color: #fff;
    background:#006BAF;

}


/*产品详情页*/
.product-in .swiper-container-wrapper.col-grid-7{
	margin:0px;
}
.product-in .col-grid-5{
	margin:0px;
}
.product-in .swiper-container-wrapper{
	padding: 0px;
	max-height: 420px;
}
.product-in .swiper-container-wrapper img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.swiper-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 480px) {
  .swiper-container {
    min-height: 320px;
  }
}
.swiper-container-wrapper {
  display: flex;
  flex-flow: column nowrap;
  height: 100vh;
  width: 100vw;
}
@media (min-width: 480px) {
  .swiper-container-wrapper {
    flex-flow: row nowrap;
  }
}

.swiper-button-next, .swiper-button-prev {
  color: #000;
}

.swiper-slide-duplicate,
.swiper-slide {
  text-align: center;
  background-size: cover;
  background-position: center;
  background-color: #fff;
  /* Center slide text vertically */
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  /* Slide content */
}
.swiper-slide-duplicate .description,
.swiper-slide-duplicate .title,
.swiper-slide .description,
.swiper-slide .title {
  display: block;
  opacity: 0;
  transition: 0.5s ease 0.5s;
}
.swiper-slide-duplicate-active .description,
.swiper-slide-duplicate-active .title,
.swiper-slide-active .description,
.swiper-slide-active .title {
  opacity: 1;
}
.swiper-slide-duplicate-active .title,
.swiper-slide-active .title {
  margin-bottom: 0.5rem;
  font-size: 24px;
  color: #000;
  transition: opacity 0.5s ease 0.5s;
}
.swiper-slide-duplicate-active .description,
.swiper-slide-active .description {
  font-size: 16px;
  color: #777;
  transition: opacity 0.5s ease 0.75s;
}
.product-in .swiper-pagination{
	text-align: right;
	padding-right: 10px;
	color: #fff;
}

.gallery-top {
  width: 100%;
  height: 100%;
}
.product-in .gallery-top img{
	width: 100%;
}
@media (min-width: 480px) {
  .gallery-top {
    width: 85%;
    height: 100%;
    margin-right: 10px;
  }
}

.gallery-thumbs {
  width: 100%;
  height: 100%;
  padding-top: 10px;
}
@media (min-width: 480px) {
  .product-in .gallery-thumbs {
    width: 15%;
    height: 100%;
    padding: 0;
    margin-right: 10px;
  }
}
.gallery-thumbs .swiper-wrapper {
  flex-direction: row;
}
@media (min-width: 480px) {
  .gallery-thumbs .swiper-wrapper {
    flex-direction: column;
  }
}
.gallery-thumbs .swiper-slide {
  width: 25%;
  flex-flow: row nowrap;
  height: 100%;
  opacity: 0.75;
  cursor: pointer;
}
@media (min-width: 480px) {
  .gallery-thumbs .swiper-slide {
    flex-flow: column nowrap;
    width: 97%;
    border:1px solid #eeeeee;
  }
}
.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
  border: 1px solid #c70000;
}

.goods-info-right h2{
	font-size: 30px;
	font-weight: normal;
	border-bottom: 1px solid #EDEDED;
	padding: 0 0 20px 0;
}
.goods-info-right .type{
	padding: 6px 20px;
	background: #006BAF;
	display: inline-block;
	color: #fff;
	margin:30px 0 20px 0;
}
.goods-info-right p{
	line-height: 26px;
	color: #666666;
	padding-bottom: 50px;
	border-bottom: 1px solid #EDEDED;
}
.goods-info-right .condiv{
	margin-top: 45px;
}
.goods-info-right .condiv .order-btn,.goods-info-right .condiv a{
	width: 47%;
	display: block;
	background: #00BBB8;
	color: #fff;
	transition: all 0.5s ease;
	line-height: 40px;
	height: 40px;
	text-align: center;
	cursor: pointer;
}
.goods-info-right .condiv .order-btn:hover ,.goods-info-right .condiv a:hover{
	background: #006CB0;
	border-radius: 15px;
}


.good-info-des{
	margin-top: 45px;
	height: 50px;
	background: #EEEEEE;
}
.good-info-des span{
	display: block;
	height: 50px;
	line-height: 50px;
	color: #fff;
	width: 150px;
	background: #006BAF;
	text-align: center;
}
.goods-info-content{
	margin:40px 0;
}
.goods-info-content p{
	margin:0px;
}
.goods-info-content table .firstRow th{
	background: #006BAF !important;
	color: #fff;
	text-align: center !important;
}
.goods-info-content table .firstRow td{
	background: #006BAF !important;
	color: #fff;
}
.goods-info-content strong,.goods-info-content strong span{
	font-size: 16px !important;
	color: #000 !important;
}
.goods-info-content p img{
	display: block;
	margin: 0 auto;
	height: auto !important;
	margin-top: 15px !important;
}
.goods-info-content table{
	width: 100% !important;
}

.about-goods .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.suppro .testimonial-item{
	padding: 0 10px;
}
.suppro .testimonial-item h3{
	font-size: 14px;
	font-weight: normal;
	margin-top: 10px;
}
.suppro .testimonial-item .cici{
	border:1px solid #EEEEEE;
}
.suppro .testimonial-item img{
	transition: all 0.5s ease;
}
.suppro .testimonial-item:hover img{
	transform: scale(1.1);
}



/*联系我们*/
.contact-mess-left.col-grid-6{
	margin:0px;
	padding: 0 35px 0 0;
}
.contact-mess-left.col-grid-6 h2{
	font-size: 36px;
	margin-bottom: 0px;
}
.contact-mess-left.col-grid-6 h4{
	font-size: 24px;
	color: #006CAF;
	margin-bottom: 15px;
}
.contact-mess-left.col-grid-6 p{
	font-size: 14px;
	color: #666666;
}
.contact-mess-left.col-grid-6 input{
	background: #fff;
	height: 48px;
	line-height: 48px;
	border:none;
	color: #888888;
	text-indent: 30px;
	margin-bottom: 8px;
	padding: 0px;
	border:1px solid #DDDDDD;
	width: 100%;
}
.contact-mess-left.col-grid-6 textarea{
	background: #fff;
	line-height: 48px;
	height: 90px;
	border:none;
	color: #888888;
	text-indent: 30px;
	margin-bottom: 5px;
	padding: 0px;
	width: 100%;
	border:1px solid #DDDDDD;
}
.contact-mess-left.col-grid-6 .code input{
	width: 50%;
}
.contact-mess-left.col-grid-6 .code .verify{
	width: 48%;
}
.contact-mess-left.col-grid-6 .code .verify img{
	height: 48px;
}
.contact-mess-left.col-grid-6 .submit{
	background: #006BAF;
	line-height: 48px;
	height: 48px;
	border:none;
	color: #fff;
	text-align: center;
	padding: 0px;
	width: 100%;
	display: block;
	transition: all 0.5s ease;
}
.contact-mess-left.col-grid-6 .submit:hover{
	color: #fff;
}

.contact-mess-right.col-grid-5{
	margin:0px;
	background: url(../images/cat.jpg) no-repeat center;
	padding: 78px 60px;
	color: #fff;
}
.contact-mess-right.col-grid-5 h2{
	font-size: 32px;
	color: #fff;
	margin-bottom: 10px;
}
.contact-mess-right.col-grid-5 p{
	font-size: 18px;
	margin-bottom: 0px;
}
.contact-mess-right.col-grid-5 .wx{
	width: 140px;
	height: 140px;
	margin-top: 50px;
}
.contact-mess-right.col-grid-5 .sys{
	margin-top: 40px;
}
.contact-map {
  overflow: hidden;
}
.contact-map #dituContent {
  height: 475px;
  margin: 0 auto 0px;
}
.container.ditu{
	font-size: 32px;
	color: #000;
	font-weight: bold;
	margin:70px auto 10px auto;
}


/*临床案例*/
.casebox .col-grid-4{
	padding: 0 10px;
	margin-top: 0px;
	box-sizing: border-box;
}
.case-in{
	border:1px solid #DDDDDD;
	padding: 15px;
	box-sizing: border-box;
	position: relative;
}
.case-in img{
	transition: all 0.5s ease;
}
.case-in:hover img{
	transform: scale(1.1);
}
.case-in .abs{
	font-size: 16px;
	font-weight: bold;
	margin-top: 40px;
	padding: 0 10px;
	box-sizing: border-box;
}
.case-in .casecont{
	font-size: 14px;
	margin-top: 10px;
	padding: 0 10px;
	box-sizing: border-box;
	line-height: 24px;
}
.case-in .coco {
	position: relative;
}
.case-in .coco .more{
	position: absolute;
	width: 66px;
	height: 66px;
	border-radius: 50%;
	background: #006CAF;
	text-align: center;
	line-height: 66px;
	color: #fff;
	bottom: 0;
	left: 50%;
	margin: 0px 0 -33px -33px;
	transition: all 0.5s ease;
	text-transform: uppercase;
}
.case-in:hover .more{
	background: #00C2B8;
}
.case-t {
	padding-bottom: 50px;
}

/*服务支持*/
/*客户关爱*/
.ser-right{
	position: relative;
}
.ser-right h2{
	font-size: 32px;
}
.ser-right .ser-abs{
	width: 244px;
	height: 120px;
	position: absolute;
	bottom:105px;
	left: 288px;
	color: #fff;
	text-align: center;
}
.ser-right .ser-abs p{
	font-size: 18px;
	margin-bottom: 0px;
	margin-top: 10px;
}
.ser-right .ser-abs p:last-child{
	font-size: 30px;
	margin-top: -6px;
}
.service-b .com-more{
	background: #006CAF;
	width: 100%;
}

.care-box{
	background: #F1F1F1;
	padding: 90px 0;
}
.care-box .col-grid-3{
	padding: 0 10px;
	margin:0px;
	height: 100%;
}
.care-box .care-list{
	padding: 40px 25px;
	background: #fff;
	box-sizing: border-box;
	border-bottom: 4px solid #006BAF;
	transition: all 0.5s ease;
}
.care-box .care-list .care-img{
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #EFF2F8;
	margin-bottom: 20px;
	position: relative;
}
.care-box .care-list .care-img img{
	margin: 10px 0 0 45px;
	transition: all 0.5s ease;
}
.care-box .care-list h2{
	font-size: 20px;
}
.care-box .care-list:hover img{
	transform: rotateY(180deg);
}
/*.care-box .care-list:hover{
	padding-bottom: 50px;
}*/



/*新闻中心*/
.newsinner.container{
	padding-bottom: 60px;
}
.newsleft{
	background: #F3F3F3;
	padding:40px 25px;
	box-sizing: border-box;
}
.newsleft.col-grid-3{
	padding: 0px;
	margin:0px;
}
.nns.col-grid-3{
	padding: 0px;
	margin:0px;
}
.nns.col-grid-3 li{
	margin-bottom: 25px;
}
.nns.col-grid-3 .box{
	padding: 0px 0 25px 0;
	border-bottom: 1px solid #D8D8D8;
}
.nns.col-grid-3 li:last-child .box{
	padding: 0px;
	border:none;
}
.newsleft h2{
	font-size: 24px;
}
.newsleft h2 img{
	margin-right: 10px;
	float: left;
	margin-top: 2px;
}
.newsleft .cici{
	width: 32%;
}
.newsleft .rightinfo-img{
	width: 63%;
	padding-top: 5px;
}
.newsleft .rightinfo-img h4{
	font-size: 16px;
	font-weight: normal;
	transition: all 0.5 ease;
}
.nns.col-grid-3 .box:hover h4{
	color: #006BAF;
}
.newsleft .rightinfo-img p{
	font-size: 14px;
	color: #888888;
	margin-bottom: 0px;
}
.newsleft .rightinfo-img p img{
	float: left;
	margin-right: 10px;
	margin-top: 3px;
}
.newsright.col-grid-9{
	margin:0px;
	padding: 0 15px;
}
.newsright.col-grid-9 .col-grid-12{
	margin-top: 0px;
}
.newsright .col-grid-6{
	margin:0px 0 40px 0;
	padding: 0 15px;
}
.newsright .box{
	border-bottom:1px solid #D8D8D8;
}
.newsright .box img{
	transition: all 0.5s ease;
}
.newsright .box:hover h3{
	color: #0A618C;
}
.newsright .bbox .cl2{
	margin-bottom: 10px;
}
.newsright .box .cici{
	position: relative;
	padding: 0px;
}
.newsright .box .cici img{
	height: auto;
}
.newsright .col-grid-6 .box .cici .abb{
	position: absolute;
	width: 110px;
	height: auto;
	text-align: center;
	padding: 18px 0;
	color: #fff;
	top: 0px;
	left: 0px;
	background: rgba(8,111,170,.8);
}
.newsright .col-grid-6 .box .cici .abb img{
	width: auto;
}
.newsright .col-grid-6 .box .bbox{
	padding: 20px 25px;
}
.newsright .col-grid-6 .box h3{
	font-size: 18px;
	font-weight: normal;
}
.newsright .col-grid-6 .box p{
	font-size: 14px;
	margin-bottom: 0px;

}
.newsright .col-grid-6 .box .bbox span{
	font-size: 14px;
	margin-top: 10px;
	display: block;
	transition: all 0.5s ease;
}
.newsright .col-grid-6 .box:hover .a{
	transform: scale(1.1);
}
.newsright .col-grid-6 .box:hover .bbox span{
	color: #006CAF;
	font-weight: bold;
}

/*新闻详情页*/
.news-detail-title{
	text-align: center;
}
.news-detail-title{
	padding-bottom: 20px;
	border-bottom: 1px dashed #ccc;
}
.news-detail-title .h3{
	font-size: 30px;
	color: #000;
}
.news-detail{
	padding: 0 15px;
	margin-top: 20px;
}


/*faq*/
.faqlist li{
	padding: 35px 0;
	border-bottom: 1px solid #DCDCDC;
}
.faqlist li .cici{
	max-width: 12%;
	height: 100px;
}
.faqlist li .cici img{
	transition: all 0.5s ease;
}
.faqlist li .faq{
	width: 86%;
	padding: 19px 0 0 0;
}
.faqlist li p:first-child{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 9px;
	transition: all 0.5s ease;
}
.faqlist li p:last-child{
	margin-bottom: 0px;
}
.faqlist li p:first-child span{
	display: inline-block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	font-weight: normal;
	font-size: 18px;
	color: #fff;
	background: #006CAF;
	margin-right: 20px;
}
.faqlist li p:last-child span{
	display: inline-block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	font-weight: normal;
	font-size: 18px;
	color: #fff;
	background: #707070;
	margin-right: 20px;
}
.faqlist li:hover img{
	transform: scale(1.1);
}
.faqlist li:hover p:first-child{
	color: #237CB2;
}

/*helthy*/
.col-grid-4.hel-co{
	margin-top: 0px;
}
.hel-co{
	position: relative;
}
.hel-co .box{
	position: relative;
}
.hel-co .cici{
	background: #E9F6FA;
}
.hel-co .title{
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #000;
}
.hel-co .abt{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(8,111,170,1);
	top: 0px;
	left: 0px;
	color: #fff;
	padding-top: 50px;
	box-sizing: border-box;
	text-align: center;
	transition: all 0.5s ease;
	opacity: 0;
}
.hel-co .abt h3{
	color: #fff;
	font-size: 16px;
	margin-bottom: 0px;
}
.hel-co .abt .content{
	padding:0 15px;
	line-height: 24px;
	margin-top: 26px;
}
.hel-co .abt .more{
	width: 110px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	border:1px solid #3F99C9;
	border-radius: 30px;
	margin:20px auto 0;
	transition: all 0.5 ease;
}
.hel-co:hover .abt{
	opacity: 1;
}
.hel-co .abt .more:hover{
	background: #fff;
	color: #3F99C9;
	border:1px solid #fff;
}

/*--------------------------------------------------------------
20. Galleries
--------------------------------------------------------------*/

.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	margin: 0;
	padding: 5px;
	float: left;
}
.gallery-item img {
	vertical-align: middle;
}

.gallery-item:hover {
	opacity: 0.7;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

.gallery-caption {
	display: block;
	background: #f9f8f8;
	padding: 8px;
	font-size: 18px;
}

.gallery-columns-3 .gallery-item:nth-child(3n+1) {
	clear: both;
}

/*--------------------------------------------------------------
9. Custom Button
--------------------------------------------------------------*/

.custom-button,
.custom-button:visited,
a.button,
.custom-button.custom-primary-button,
.custom-button.custom-primary-button:visited {
	transition: all 0.3s ease 0s;
	background: #00C2B8;
	color: #fff;
	font-size: 14px;
	line-height: 1.8;
	padding: 10px 35px;
	border: none;
	height: auto;
	width: auto;
	cursor: pointer;
	display: inline-block;
	min-width: 135px;
	text-align: center;
	margin: 0;
	position: relative;
	font-weight: 600;
	vertical-align: middle;
}

a.custom-button:before {
	content: "\f0a9";
	font-family: "Font Awesome 5 Free";
	margin-right: 13px;
	font-weight: 900;
}

/*Circle button style*/

.button-curved  .custom-button,
.button-curved .custom-button:visited,
.button-curved a.button.custom-button,
.button-curved a.button.custom-button:visited
.button-curved .custom-button.custom-primary-button,
.button-curved .custom-button.custom-primary-button:visited,
.button-curved input[type="button"],
.button-curved input[type="reset"],
.button-curved input[type="submit"],
.button-curved a.scrollup, a.scrollup:visited,
.button-curved  {
	border-radius: 50px;
}

.button-semi-curved {
	border-radius: 5px;
}

.button-circle,.button-circle-enabled .slick-arrow  {
	border-radius: 100%;
}

.section-carousel-enabled.button-circle .slick-prev.slick-arrow,
.section-carousel-enabled.button-circle .slick-next.slick-arrow{
	border-radius: 100%;
}

.custom-button:hover,
.button:hover, button:focus,
.button:focus,
.custom-button:focus,
.custom-button:active,
.custom-button.custom-primary-button:hover,
.custom-button.custom-primary-button:active,
.custom-button.custom-primary-button:focus {
	background-color: #222;
	color: #fff;
	box-shadow: 0px 2px 7px 0px rgba(162, 160, 160, 0.54);
}

.overlay-enabled .custom-button:hover,
.overlay-enabled a.button:hover,
.overlay-enabled button:focus,
.overlay-enabled a.button:focus,
.overlay-enabled .custom-button:focus,
.overlay-enabled .custom-button:active,
.overlay-enabled .custom-button.custom-primary-button:hover,
.overlay-enabled .custom-button.custom-primary-button:active,
.overlay-enabled .custom-button.custom-primary-button:focus,
.dark-background .custom-button:hover,
.dark-background a.button:hover,
.dark-background button:focus,
.dark-background a.button:focus,
.dark-background .custom-button:focus,
.dark-background .custom-button:active,
.dark-background .custom-button.custom-primary-button:hover,
.dark-background .custom-button.custom-primary-button:active,
.dark-background .custom-button.custom-primary-button:focus {
	background-color: #fff;
	color: #222;
	box-shadow: 0px 2px 7px 0px rgba(162, 160, 160, 0.54);
}

/*custom-secondary*/

.custom-button.custom-secondary-button,
.custom-button.custom-secondary-button:active,
.custom-button.custom-secondary-button:visited {
	background-color: #fff;
	color: #2c3038;
	margin-left: 15px;
}

.custom-button.custom-secondary-button:hover {
	background: #00C2B8;
	color: #fff;
}

a.more-link {
	border: 2px solid;
	padding: 9px 29px;
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	display: inline-block;
	margin-top: 15px;
}

.more-link:after {
	content: "\f30b";
	font-family: 'Font Awesome 5 Free';
	padding-left: 6px;
	font-size: 11px;
	font-weight: 900;
}

a.more-link:hover::after {
	content: "\f00c";
}

.custom-button.custom-default {
	background: #ddd;
	color: #222;
}

.custom-button.custom-success {
	background: #0fb661;
}

.custom-button.custom-info {
	background: #30b4da;
}

.custom-button.custom-warning {
	background: #f0b02f;
}

.custom-button.custom-danger {
	background: #ff4f39;
}

.custom-button.custom-dark {
	background: #222222;
}

.custom-button.custom-purple {
	background: #9261c6;
}

.custom-button.custom-pink {
	background: #ff6b98;
}

.custom-button.custom-default:hover,
.custom-button.custom-pink:hover,
.custom-button.custom-purple:hover,
.custom-button.custom-dark:hover,
.custom-button.custom-danger:hover,
.custom-button.custom-warning:hover,
.custom-button.custom-info :hover,
.custom-button.custom-success:hover,
.custom-button.custom-default:hover {
	opacity: 0.8;
}

.custom-button-demo h4 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.custom-button.button-large {
	padding: 20px 50px;
	font-size: 20px;
}

.custom-button.button-medium {
	padding: 15px 35px;
}

button.custom-button.button-extra-small {
	padding: 5px 15px;
	font-size: 13px;
}


/*--------------------------------------------------------------
10. Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1. Links
--------------------------------------------------------------*/
a {
	color:#323232;
	text-decoration: inherit;
}

a:visited {
	color: #323232;
}

a:focus {
	outline: none;
}

/*a:hover,
a:focus,
a:active {
	color: #00C2B8;
}*/

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
9.2. Menus
--------------------------------------------------------------*/

div#mob-menu-quick,
#mobile-trigger-quick {
	display: none;
}

#mob-menu2,
#mobile-trigger-quick {
	display: none;
}

.main-navigation ul {
	display: block;
	margin: 0;
	padding: 0;
}

.main-navigation {
	float: left;
}

#main-navigation {
	display: table;
	float: right;
	padding: 0;
}

.main-navigation ul ul.sub-menu {
	padding: 10px 25px;
	background-color: #fff;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	top: 150%;
	left: 0;
	-webkit-box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25);
	-moz-box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25);
	box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25);
	width: 200px;
	position: absolute;
	z-index: 999;
}

.main-navigation ul ul.sub-menu.prod{
	width: 250px;
}

.main-navigation ul > li:hover > ul.sub-menu {
	opacity: 1;
	left: 0;
	z-index: 9999;
	visibility: visible;
	top:130%
}

.main-navigation ul li{
	text-align: center;
}

.main-navigation ul li p{
	font-size: 16px;
	margin-bottom: 0px;
	margin-top: 6px;
}

.main-navigation ul ul ul {
	left: 100%;
	top: 0;
	box-shadow: 2px 1px 2px #222;
}

.main-navigation li {
	position: relative;
	display: inline-block;
	margin-bottom:0;
}

.main-navigation ul > li:hover > ul {
	opacity: 1;
	left:0;
	z-index: 9999;
}

.main-navigation ul ul ul ul  {
	display: none;
}

.main-navigation ul ul ul li:hover > ul {
	display: block;
}

.main-navigation ul ul li:hover > ul {
	opacity: 1;
	left:100%;
}

.main-navigation li li {
	float: none;
	display: block;
}

.main-navigation ul li li:last-child > a {
	border: none;
}

.main-navigation ul li a {
	color: #222;
	display: block;
	font-size: 14px;
	font-weight: 600;
	position: relative;
	z-index: 99;
	text-transform: uppercase;
	margin: 0 20px 0 0;
	font-family: 'Montserrat', sans-serif;
}

.main-navigation ul ul a {
	border-bottom: 1px solid #f5f2f2;
	border-left: medium none;
	border-right: medium none;
	box-shadow: 0 1px 1px rgba(255, 255, 255, 0.18) inset;
	transition: padding 0.2s ease-in-out 0s;
	height: auto;
	padding: 10px 0;
	text-align: left;
	width: 100%;
	margin: 0;
	color: #666666;
	font-size: 14px;
	text-transform: capitalize;
}

.main-navigation ul li.menu-item-has-children > a,
.main-navigation ul li.page-item-has-children > a {
	padding-right: 30px;
}

.main-navigation li > a:hover, .main-navigation li.current-menu-item > a,
.main-navigation li.current-page-item > a, .main-navigation li:hover > a {
	color: #006BAF;
}

.main-navigation li li > a:hover,
.main-navigation li li.current-menu-item > a,
.main-navigation li li.current-page-item > a,
.main-navigation li li:hover > a {
	color:#006BAF;
}

.main-navigation li li > a:hover,
.main-navigation li li.current-menu-item > a,
.main-navigation li li.current-page-item > a,
.main-navigation li li:hover > a {
	padding-left: 5px;
}

#main-navigation ul ul::after {
	content: "";
	display: block;
	position: absolute;
	top: -6px;
	border-left: 1px solid #f1f0f0;
	border-top: 1px solid #f1f0f0;
	z-index: 9999;
	left: 20px;
	transform: rotate(45deg);
	background: #fff;
	height: 12px;
	width: 12px;
}

.main-navigation ul li.menu-item-has-children > a::before,
.main-navigation ul li.page-item-has-children > a::before {
	content: "\f107";
	font-family: 'Font Awesome 5 Free';
	margin-left: 10px;
	margin-right: 0;
	position: absolute;
	right: 5px;
	top: 16px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	font-size: 12px;
	font-weight: 900;
	display: none;
	padding: 0px;
	margin: 0px;
}

.main-navigation ul ul a:before {
	content: "\f105";
	font-family: 'Font Awesome 5 Free';
	position: absolute;
	opacity: 0;
	transition: all 0.2s ease-in-out 0s;
	font-weight: 900;
	left: -15px;

}
.main-navigation ul ul a:hover:before {
	opacity: 1;
	left: -6px;
}

.main-navigation ul li li.menu-item-has-children > a::after,
.main-navigation ul li li.page-item-has-children > a::after {
	content: "\f105";
	top: 12px;
	right: 15px;
}

.main-navigation ul li.menu-item-has-children a,
.main-navigation ul li.page-item-has-children a {
	padding-right: 0px;
}
.main-navigation ul li img{
	transition: all 1s ease;
}
.main-navigation ul li:hover img{
	transform: rotateY(180deg);
}
.main-navigation .menu-toggle,
.main-navigation .dropdown-toggle {
	display: none;
}

#mobile-trigger {
	display: none;
}

#mob-menu {
	display: none;
}

/*Mega Menu*/
.site-header .container {
	position: relative;
}

.main-navigation ul li.has-mega-menu {
	position: inherit;
}

.main-navigation ul li.has-mega-menu .flat-mega-memu ul {
	float: left;
	width: 25%;
	padding: 0 40px;
	border-right: 1px solid #f5f5f5;
	margin: 30px 0;
}

#main-navigation ul li.has-mega-menu ul::after {
	display: none;
}

.main-navigation ul li.has-mega-menu .flat-mega-memu {
	width: 1180px;
	left: 25px!important;
	background-color: #fff;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	top: 150%;
	-webkit-box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25);
	-moz-box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25);
	box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25);
	position: absolute;
	z-index: 999;
	overflow: hidden;
}

.main-navigation ul li.has-mega-menu:hover .flat-mega-memu {
	opacity: 1;
	z-index: 9999;
	visibility: visible;
	overflow: hidden;
	top: 130%;
}

.main-navigation ul li.has-mega-menu .flat-mega-memu ul li a {
	border: none;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*Page/Post Navigation*/

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	clear: both;
	overflow: hidden;
	padding: 0;
	border-bottom: 1px solid #f7f7f7;
	padding: 70px 0;
}

.nav-links a {
	display: inline-block;
}

.nav-links span.meta-nav {
	display: none;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-previous a::before,
.posts-navigation .nav-previous a::before,
.post-navigation .nav-previous a::before{
	content: "\f30a";
	display: inline-block;
	font-family: 'Font Awesome 5 Free';
	margin-right: 10px;
	font-weight: 900;
}

.comment-navigation .nav-next a::after,
.posts-navigation .nav-next a::after,
.post-navigation .nav-next a::after{
	content: "\f30b";
	display: inline-block;
	font-family: 'Font Awesome 5 Free';
	margin-left: 10px;
	font-weight: 900;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.pagination .nav-links .page-numbers {
	padding: 5px;
	background: #fff;
}

.pagination .nav-links .page-numbers.dots {
	background-color: inherit;
	border:none;
	color:#272727;
}

.pagination .nav-links .page-numbers {
	padding: 6px 18px;
	color: #272727;
	display: inline-block;
	background: #f5f5f5;
	margin: 5px;
}
.pagination .nav-links .current,
.pagination .nav-links a:hover,
.pagination .nav-links a:active,
.pagination .nav-links a:focus {
	background: #00C2B8;
	color: #fff;
	border-color: #00C2B8;
}

.pagination .nav-links {
	text-align: center;
	clear: both;
}

nav.navigation.pagination {
	margin:0;
	clear: both;
	float: left;
	width: 100%;
}

/*--------------------------------------------------------------
11. Header Section
--------------------------------------------------------------*/
/*--------------------------------------------------------------
11.1. Top Header
--------------------------------------------------------------*/
#tophead {
	background: #006BAF;
	padding: 3px 0;
	line-height: 40px;
}

#tophead .toplink{
	float: left;
	font-size: 14px;
	color: #fff;
}
#tophead .toplink p{
	margin:0px;
	font-size: 14px;
}
#tophead .toplink p i{
	font-size: 21px;
	margin-right: 10px;
}

/*multi-language*/

.multi-language-current:after {
	content: '';
	vertical-align: middle;
	display: inline-block;
	border: 5px solid transparent;
	border-top: 5px solid #fff;
	position: absolute;
	right: 0;
	top: 17px;
}

a.multi-language-current {
	color: #fff;
	padding: 9px;
	position: relative;
	padding-right: 20px;
}

.multi-language {
	float: right;
	position: relative;
}

.multi-language img {
	margin-right: 9px;
}

.multi-language-sub {
	padding:10px 20px;
	background-color: #ffffff;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	top: 130%;
	right: 0;
	-webkit-box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25);
	-moz-box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25);
	box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25);
	width: 170px;
	position: absolute;
	z-index: 9999;
	margin: 0;
}

.multi-language:hover .multi-language-sub {
	visibility: visible;
	opacity: 1;
	top: 110%;
	right: 0;
}

.multi-language-sub li {
	display: block;
	width: 100%;
	float: none;
	border: none;
	margin: 6px 0;
	border-top: 1px solid #f1f1f1;
}

.multi-language-sub li:first-child {
	border: none;
}

.multi-language-sub ul li a {
	display: block;
	font-size: 13px;
	padding-left: 10px;
	position: relative;
	text-transform: capitalize;
	z-index: 99;
	margin-top: 5px;
}

/*quick contact*/

#tophead a.search-icon {
	float: right;
	display: block;
	color: #928f8f;
	padding: 11px 15px;
	font-size: 13px;
}

#header-search {
	position: relative;
	float: right;
	margin-left: 15px;
}

.search-box-wrap {
	background: #ffffff;
	display: none;
	position: absolute;
	right: 0;
	top: 43px;
	padding: 25px 30px 25px;
	z-index: 9991;
	box-shadow: 0 0 6px #00000036;
}

#header-search a.search-icon {
	padding: 0px 0 0;
	display: block;
	font-size: 16px;
	color: #fff;
}

.header-social-wrapper .social-links ul li a::before {
	color: #fff;
}

/*--------------------------------------------------------------
11.1. Header
--------------------------------------------------------------*/

#masthead {
	clear: both;
	width: 100%;
	z-index: 999;
	position: relative;
	transition: all 0.2s ease-in-out 0s;
	padding: 25px 0;
	background: #fff;
}

#main-navigation ul ul {
	top:80px;
	max-height: 350px;
}
#main-navigation ul ul.prod{
	overflow-y: auto;
}

.header-social-wrapper {
	float: right;
	margin-top: 2px;
}

#site-identity {
	float: left;
}

.site-branding {
	margin: 0;
	text-align: center;
	margin-bottom:0px;
}

.site-title {
	font-size: 27px;
	font-weight: 700;
	margin: 0;
}

.site-title a,
.site-title a:visited {
	color: #191d3d;
}

.site-title a:hover,
.site-title a:focus,
.site-title a:active{
	color: #00C2B8;
}
.site-title .wz{
	border-left:1px solid #ccc;
	text-align: left;
	padding-left: 10px;
	margin-left: 10px;
}
.site-title .wz p{
	font-size: 18px;
	color: #000;
	margin-bottom: 0px;
}
.site-title .wz p:last-child{
	font-size: 18px;
	color: #006BAF;
}

.site-description {
	color: #777;
	font-size: 14px;
	font-style: inherit;
	font-weight: 300;
	letter-spacing: 1.5px;
	margin: 0;
	text-align: left;
}

#main-navigation .container {
	position: relative;
}

/*--------------------------------------------------------------
12. Custom Header
--------------------------------------------------------------*/

#custom-header {
	position: relative;
	background: url(images/custom-header/custom-header.jpg);
	padding: 133px 0;
	clear: both;
	background-size: 100%;
}

#custom-header img {
	vertical-align: middle;
}

#custom-header::after {
	background: #000000;
	content: "";
	display: block;
	height: 100%;
	opacity: 0.7;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 8;
}

.custom-header-content {
	position: relative;
	text-align: center;
	z-index: 9;
}

.page-title {
	color: #fff;
	text-transform: capitalize;
	font-size: 43px;
	margin: 0;
}

/*--------------------------------------------------------------
13. Content
--------------------------------------------------------------*/

.home-boxed #page {
	max-width: 1230px;
	margin: 50px auto;
	box-shadow: 0 0 53px #d8d8d8;
}

body.home-boxed {
	background: #fbfbfb;
}

#content {
    padding: 70px 0;
    background: #fff;
}

#primary {
	float: left;
	padding-left: 25px;
	padding-right: 25px;
	width: 70%;
}

.site-layout-boxed  .container {
	padding: 0 30px;
}

body.site-layout-boxed {
	background: rgb(234, 234, 234);
}

/*--------------------------------------------------------------
13.1. Custom Gird
--------------------------------------------------------------*/

.full-with-stretch .container {
	padding:0;
	width: 100%;
}

.boxed-with {
	max-width: 1180px;
}

.container {
	width: 100%;
	padding: 0;
}

.container {
	width: 1350px;
	margin: 0 auto;
	padding-left: 25px;
	padding-right: 25px;
	max-width: 100%;
	box-sizing: border-box;
}

.container::after,
.inner-wrapper::after {
	clear: both;
	content: "";
	display: table;
}

.boxed-layout #page {
	width: 1300px;
	margin: 30px auto;
	max-width: 100%;
	background: #fff;
	box-shadow: 0 0 26px #d8d7d7;
}

.inner-wrapper {
	margin-left: -25px;
	margin-right: -25px
}

.inner-wrapper:before,
.inner-wrapper:after {
	content: " ";
	display: table
}

.inner-wrapper:after {
	clear: both
}

.wrapper-fluid {
	margin: 0;
	padding: 0;
}

.wrapper-fluid .col-grid-1,
.wrapper-fluid .col-grid-2,
.wrapper-fluid .col-grid-3,
.wrapper-fluid .col-grid-4,
.wrapper-fluid .col-grid-5,
.wrapper-fluid .col-grid-6,
.wrapper-fluid .col-grid-7,
.wrapper-fluid .col-grid-8,
.wrapper-fluid .col-grid-9,
.wrapper-fluid .col-grid-10,
.wrapper-fluid .col-grid-11,
.wrapper-fluid .col-grid-12 {
	margin: 0;
}

.col-grid-1,
.col-grid-2,
.col-grid-3,
.col-grid-4,
.col-grid-5,
.col-grid-6,
.col-grid-7,
.col-grid-8,
.col-grid-9,
.col-grid-10,
.col-grid-11,
.col-grid-12 {
	padding-left: 25px;
	padding-right: 25px;
	float: left;
	margin: 25px 0 25px 0;
	transition: all 0.4s ease-in-out 0s;
}

.col-grid-1 {
	width: 8.33333%
}

.col-grid-2 {
	width: 16.66667%
}

.col-grid-3 {
	width: 25%
}

.col-grid-4 {
	width: 33.33333%
}

.col-grid-5 {
	width: 41.66667%
}

.col-grid-6 {
	width: 50%
}

.col-grid-7 {
	width: 58.33333%
}

.col-grid-8 {
	width: 66.66667%
}

.col-grid-9 {
	width: 75%
}

.col-grid-10 {
	width: 83.33333%
}

.col-grid-11 {
	width: 91.66667%
}

.col-grid-12 {
	width: 100%
}


@media only screen and (max-width:1920px){
	.product .container{
		width: 1700px;
	}
}

@media only screen and (max-width:1720px){
	.product .container{
		width: 1420px;
	}
	.product .testimonial-item .pro-ab h3{
		font-size: 17px;
	}
	.product h2{
		font-size: 34px;
	}
	.service h2{
		font-size: 34px;
	}
}

@media only screen and (max-width:1370px){
	.container{
		width: 1200px;
	}
	.product .container{
		width: 100%;
	}
	.company .border p{
		padding: 0px;
	}
	.company .col-grid-7{
		padding-left: 10px;
	}
	.tabs-vertical-left .tabs-container .tab-content .ser-right{
		padding-bottom: 40px;
	}
	.news .newsinner .newsinfo p{
		word-break: break-all;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		overflow: hidden;
	}
	.contact-mess-right.col-grid-5 h2{
		font-size: 29px;
	}
	.swiper-pagination .swiper-pagination-bullet{
		width: 12px;
		height: 12px;
		margin:0 4px !important;
	}
	.swiper-pagination .swiper-pagination-bullet:hover::after, .swiper-pagination .swiper-pagination-bullet-active::after{
		background: none;
	}
	.swiper-pagination .swiper-pagination-bullet::after{
		color: none;
	}
	.product-in .swiper-slide{
		opacity: 1 !important;
	}
	.newsleft .rightinfo-img h4{
		margin-bottom: 0;
	}
	.hel-co .abt .content{
		margin-top: 5px;
	}
}

@media only screen and (max-width:1220px){
	.container{
		width: 900px;
		padding: 0 15px;
	}
	.insidebanner{
		height: 280px;
	}
	.col-md-12{
		width: 100%;
		padding: 0px;
	}
	.col-md-6{
		width: 49%;
	}
	.col-md-4{
		width: 30%;
	}
	.col-md-8{
		width: 70%;
	}
	.hidden-md{
		display: none;
	}
	#main-navigation{
		display: block;
		width: 100%;
		margin-top: 20px;
	}
	#site-identity{
		float: none;
		margin:0 auto;
	}
	.site-title{
		justify-content: center;
		display: flex;
	}
	.main-navigation{
		display: block;
		width: 100%;
	}
	.main-navigation ul li{
		width: 13.5%;
	}
	.main-navigation li li{
		width: 100%;
	}
	#masthead.sticky-enabled.sticky-header .site-branding, .sticky-enabled.sticky-header .site-branding{
		display: none;
	}
	.sticky-enabled.sticky-header #main-navigation{
		margin-top: 0px;
	}
	.company .col-grid-5.col-md-12{
		text-align: center;
	}
	.company .col-grid-5.col-md-12 .com-content{
		text-align: left;
	}
	.company .com-more{
		margin:20px auto;
	}
	.company .col-grid-7{
		padding-left: 0px;
	}
	.tabs-vertical-left .tabs-list{
		float: none;
		width: 100%;
	}
	.tabs-vertical-left .tabs-list li{
		display: inline-block;
		width: 33%;
	}
	.tabs-vertical-left .tabs-container{
		float: none;
		width: 100%;
		margin-top: 25px;
	}
	.glotitle h2::after{
		right: 30%;
	}
	.glotitle h2::before{
		left: 30%;
	}
	.news .col-md-6.newslist:last-child{
		display: none;
	}
	.contact-index .rightinfo{
		padding: 0px;
	}
	.footer .col-md-6{
		width: 49%;
		margin-right: 1%;
		margin-bottom: 25px;
	}
	.footer .foot-nav-3 ul li{
		display: inline-block;
		width: 49%;
	}
	.footer .foot-nav-6 ul{
		margin-top: 0px;
	}
	.company-in {
		margin-bottom: 30px;
	}
	.company-in .com-more{
		margin-top: 30px;
	}
	.choose .col-grid-4.choosebox{
		padding: 0 10px;
		margin-bottom: 0px;
	}
	.faq-section .title h1{
		font-size: 32px;
	}
	.contact-mess-right.col-grid-5{
		padding: 80px 20px 0 40px;
	}
	.contact-mess-right.col-grid-5 h2{
		font-size: 29px;
	}
	.container.ditu{
		margin-top: 50px;
	}
	.common-inner .product-in{
		padding: 40px 20px 50px 20px;
	}
	.goods-info-right h2{
		font-size: 26px;
	}
	.goods-info-right p{
		padding-bottom: 25px;
	}
	.goods-info-right .type{
		margin-top: 15px;
	}
	.case-t {
		padding-bottom: 50px;
	}
	.case-t .comside a{
		width: 25%;
	}
	.case-t .comside.container{
		padding: 0 15px;
	}
	.news-detail-title .h3{
		font-size: 26px;
		margin-bottom: 10px;
	}
	.care-box .col-md-6{
		margin-bottom: 25px;
	}
	.service-b .company-in{
		padding-bottom: 40px;
	}
	.faqlist li:first-child{
		padding-top: 0px;
	}
	.toppage .page-a{
		margin:0px;
	}
}

/* Smaller  standard 1024 (devices and browsers) */
@media only screen and (max-width:1024px) {
	.section-project .featured-project-section {
		padding: 35px;
	}

	.header-v2 #quick-contact li {
		padding: 0;
		margin-left: 20px;
	}

	.header-v2 .main-navigation ul li a {
		padding-right: 10px;
		margin-right: 10px;
	}

	#content .section-title {
		font-size: 30px;
	}

	h1 {
		font-size:30px;
	}

	h2 {
		font-size:20px;
	}

	h3 {
		font-size: 19px;
	}

	h4 {
		font-size: 18px;
	}

	h5 {
		font-size: 16px;
	}

	h6 {
		font-size: 14px;
	}

	.header-social-wrapper {
		margin-top: 5px;
	}
}

/* Smaller than standard 1024 (devices and browsers) */
@media only screen and (max-width:1023px){

	.col-grid-3 {
		width: 50%;
	}

	.col-grid-7,
	.col-grid-5 {
		width: 100%;
	}

	.col-grid-8 {
		width: 100%;
	}

	.col-grid-4.recent-events {
		width: 100%;
	}

	.section-plan .pricing-plan-price {
		font-size: 37px;
	}

	#tophead {
		padding: 0 15px;
	}

	.sidebar,
	#primary,
	.three-columns-enabled .sidebar,
	.three-columns-enabled #primary {
		width: 100%;
		float: left;
		margin-bottom: 20px;
	}

	.three-columns-enabled .sidebar {
		width: 50%;
	}

	#primary .hentry.post.blog-gird {
		width: 50%;
		padding: 10px 15px;
	}

	.section-featured-slider .cycle-caption.text-alignleft {
		left: 10%;
	}

	.section-featured-slider .cycle-caption.text-alignright {
		right: 10%;
	}

	.section-featured-slider h3,
	.section-featured-banner h3 {
		font-size: 37px;
	}

	.section-featured-slider p,
	.section-featured-banner p {
		font-size: 15px;
		margin-bottom: 15px;
	}

	.section-featured-slider .slider-buttons .custom-button,
	.section-featured-banner .custom-button {
		padding: 9px 24px;
	}

	.section-featured-page img.alignleft,
	.section-featured-page img.alignright {
		max-width: 100%;
		text-align: inherit;
		display: block;
		margin: 0 auto 20px;
	}

	.section-plan .pricing-plan-content {
		padding: 20px 15px 20px 0;
		text-align: left;
	}

	.section-plan .pricing-plan-content li i {
		margin-right: 8px;
		font-size: 12px;
	}

	.custom-button, .custom-button:visited, a.button,
	.custom-button.custom-primary-button, .custom-button.custom-primary-button:visited {
		min-width: inherit;
		padding: 6px 23px;
		font-size: 14px;
	}

	.section-featured-slider .cycle-prev, .section-featured-slider .cycle-next {
		opacity: 1;
	}

	.col-md-6{
		width: 49%;
	}
}

/* Smaller than standard 900 (devices and browsers) */
@media only screen and (max-width:900px){

	.container{
		width: 768px
	}

	.col-grid-6 {
		width: 100%;
	}
	.col-sm-6{
		width: 49%;
	}
	.hidden-sm{
		display: none;
	}

	#mobile-trigger{
		display: inline-block;
		/*background: #222;*/
		color: #fff;
		padding: 20px 12px;
	}
	#tophead .toplink{
		display: none;
	}
	#main-navigation{
		margin-top: 0px;
	}
	#header-search a.search-icon{
		font-size: 16px;
	}
	.banner .swiper-container{
		min-height: auto;
	}
	.market .container{
		padding: 45px 15px;
	}
	.honor-t{
		padding-bottom: 50px;
	}
	.faq-section.style-two{
		padding-bottom: 50px;
	}
	.faq-section .accordion-box .block .acc-btn span{
		display: block;margin:10px 0 0 0 ;
	}
	.faq-section .title h1{
		font-size: 26px;
	}
	.contact-map{
		padding: 0 15px;
		margin-bottom: 50px;
	}
	.contact-map #dituContent{
		height: 300px;
	}
	.contact-mess-left.col-grid-6{
		margin-bottom: 50px;
	}
	.comside li{
		font-size: 16px;
	}
	.news-detail-title .h3{
		font-size: 24px;
	}
	.insidebanner h2{
		font-size: 24px;
	}
	.faqlist li .cici{
		max-width: 18%;
	}
	.faqlist li .faq{
		width: 80%;
	}
	.contact-mess-right.col-grid-5{
		width: 100%;
		padding: 40px;
	}
	.contact-mess-left.col-grid-6{
		padding-right: 0px;
	}



	.tabs-vertical-left .tabs-list li{
		width: 32.7%;
	}
	.tabs-vertical-left .tabs-container .tab-content .ser-right{
		padding-left: 20px;
		padding-right: 20px;
	}

	
	.header-v2 #quick-contact li {
		padding: 0;
		margin: 0 10px;
		display: inline-block;
		float: none;
	}

	.item-inner-wrapper .portfolio-content {
		padding: 0 5px;
	}

	.item-inner-wrapper:hover .portfolio-content {
		bottom: 10px;
	}

	.portfolio-content h3 {
		margin-bottom: 0;
		font-weight: 600;
		font-size: 18px;
	}

	.portfolio-content p {
		font-size: 13px;
	}

	.header-v3 #header-search a.search-icon {
		padding: 8px;
	}
	.inner-wrapper {
		margin-left: -15px;
		margin-right: -15px;
	}

	.col-grid-1, .col-grid-2, .col-grid-3,
	.col-grid-4, .col-grid-5, .col-grid-6,
	.col-grid-7, .col-grid-8, .col-grid-9, .col-grid-10, .col-grid-11, .col-grid-12 {
		padding-left: 15px;
		padding-right: 15px;
		float: left;
		margin: 15px 0 15px 0;
		transition: all 0.4s ease-in-out 0s;
	}

	#content .section-subtitle {
		font-size: 14px;
		margin: 0 auto 20px;
		max-width: 700px;
	}
	.section-counter .counter-item {
		width: 50%;
	}

	.pricing-plan-features {
		font-size: 13px;
	}

	#footer-widgets .footer-widget-area {
		width: 50%;
	}

	.section-associate-logo .associate-logo-item {
		width: 33.33%;
	}

	#footer-widgets {
		padding: 40px 0;
	}

	.header-social-wrapper {
		float: none;
		text-align: center;
		width: 100%;
		clear: both;
	}

	#quick-contact {
		text-align: center;
		width: 100%;
		margin-top: 0;
	}

	.sticky-header #masthead {
		position: inherit;
	}

	#tophead .social-links {
		clear: both;
		float: none;
	}

	#tophead .social-links li {
		display: inline-block;
		float: none;
	}

	.social-links li {
		display: inline-block;
	}

	#mobile-trigger{
		/*display: inline-block;*/
		/*background: #222;*/
		color: #fff;
		padding: 20px 12px;
	}

	#tophead {
		padding: 0;
		clear: both;
	}

	#header-search a.search-icon {
		padding: 3px 0 0 0;
	}

	img.alignnone {
		margin: 0 auto;
		display: block;
	}
	.section-featured-page-grid .featured-page-grid-text-content {
		padding: 25px;
	}

	.header-social-wrapper {
		clear: inherit;
		float: left;
		width: auto;
		margin: 0;
	}

	#masthead {
		padding: 15px 0;
	}

	#masthead.sticky-enabled.sticky-header, .sticky-enabled.sticky-header {
		padding: 0;
		position: inherit;
		padding: 15px 0;
	}

	.header-v4 #masthead,
	.header-v5 #masthead {
		position: inherit;
		padding: 0;
		background: #222;
		padding: 15px 0;
	}

	.section-featured-slider .slider-buttons {
		margin-top: 0;
	}

	.section-featured-slider h3, .section-featured-banner h3 {
		font-size: 35px;
	}

	.quick-link,
	.main-navigation {
		display: none;
	}

	#mob-menu {
		display: block;
	}

	.flat-mega-memu {
		display: none;
	}

	.logged-in.sidr-main-open #mobile-trigger {
		position: relative;
		z-index: 999999;
	}

	.logged-in.sidr-open.sidr-main-open {
		margin-top: -46px;
	}

	#mobile-trigger i,
	#mobile-trigger-quick i {
		font-size: 23px;
		line-height: 0;
		display: block;
	}


	#mobile-trigger-quick {
		float: right;
	}

	.sidr ul li a {
		padding-right: 50px;
	}

	.sidr ul li {
		position: relative;
	}

	.sidr .dropdown-icon {
		height: 50px;
		width: 50px;
		background: #333333;
		z-index: 999;
		display: block;
		box-shadow: 0 0 37px #464444 inset;
		cursor: pointer;
	}

	.sidr ul li ul .dropdown-icon {
		height: 41px;
	}

	.sidr .dropdown-icon::after {
		content: "\f107";
		display: block;
		text-align: center;
		font-family: 'Font Awesome 5 Free';
	}

	.sidr .toggle-on .dropdown-icon::after {
		content: "\f106";
	}

	.sidr .dropdown-toggle {
		position: absolute;
		right: 0;
		top: 0;
		padding: 0;
	}

	.sidr ul li ul {
		display: none;
	}

	#mob-menu.sidr ul li.has-mega-menu ul {
		display: block;
	}
	#mob-menu ul {
		display: none;
	}
	.sidr-open #mob-menu .sidr-inner > ul{
		display: block;
	}
	.home-landing #mobile-trigger {
		width: 100%;
	}

}

/* Smaller than standard 768 (devices and browsers) */
@media only screen and (max-width:767px){
	.bottom{
		display: none;
	}
	.inner-wrapper {
		margin-left: -15px;
		margin-right: -15px;
	}
	.hidden-xs{
		display: none;
	}
	.vis-xs{
		display: block; 
	}
	#tophead .container{
		padding-left: 5px;
	}

	#mobile-trigger{
		display: inline-block;
		/*background: #222;*/
		color: #fff;
		padding: 20px 12px;
	}

	#header-search a.search-icon{
		font-size: 17px;
	}
	#hide-foot{
		display: block;
	}

	.col-grid-1,
	.col-grid-2,
	.col-grid-3,
	.col-grid-4,
	.col-grid-5,
	.col-grid-6,
	.col-grid-7,
	.col-grid-8,
	.col-grid-9,
	.col-grid-10,
	.col-grid-11,
	.col-grid-12 {
		padding-left: 15px;
		padding-right: 15px;
		float: left;
		margin: 15px 0 15px 0;
		transition: all 0.4s ease-in-out 0s;
	}

	.col-grid-4,
	.col-grid-3{
		width: 50%;
	}

	.col-grid-4:nth-child(2n+1),
	.col-grid-3:nth-child(2n+1),
	.col-grid-5:nth-child(2n+1){
		clear: both;
	}

	.col-grid-1,
	.col-grid-2,
	.col-grid-5,
	.col-grid-6,
	.col-grid-7 ,
	.col-grid-8,
	.col-grid-9,
	.col-grid-10,
	.col-grid-11,
	.col-grid-12 {
		width: 100%;
	}
	.banner .swiper-button-next, .banner .swiper-button-prev{
		background: none;
	}
	.company,.service{
		padding: 50px 0;
	}
	.company h2{
		font-size: 22px;
	}
	.company .honorindex.col-grid-6{
		margin-bottom: 25px;
	}
	.company .border h2{
		font-size: 22px;
	}
	.company .com-more{
		margin-bottom: 30px;
	}
	.product h2{
		font-size: 22px;
	}
	.product{
		padding: 50px 0;
	}
	.service h2{
		font-size: 22px;
	}
	.glotitle h2::after{
		right: 10%;
	}
	.glotitle h2::before{
		left: 10%;
	}
	.tabs-vertical-left .tabs-list li{
		width: 32.3%;
	}
	.tabs-list li a{
		font-size: 14px;
	}
	.tabs-vertical-left .tabs-list li a, .tabs-vertical-right .tabs-list li a{
		padding: 0 10px;
		height: 60px;
		line-height: 60px;
	}
	.tabs-vertical-left .tabs-list li, .tabs-vertical-right .tabs-list li{
		height: 60px;
		line-height: 60px;
	}
	.tabs-list li a span{
		width: 18px;
		height: 18px;
		background-size: contain;
		margin-right: 5px;
		margin-top: 21px;
	}
	.tabs-vertical-left .tabs-container .tab-content .cici{
		width: 100%;
	}
	.tabs-vertical-left .tabs-container .tab-content .ser-right{
		width: 100%;
	}
	.tabs-vertical-left .tabs-container .tab-content .ser-right::before{
		content: '';
		display: none;
	}
	.tabs-vertical-left .tabs-container .tab-content .ser-right h3{
		font-size: 22px;
	}
	.glotitle h2{
		font-size: 22px;
	}
	.news .newstime{
		display: none;
	}
	.news .newsinner{
		width: 100%;
	}
	.news .newsbox{
		margin-top: 10px;
	}
	.news{
		padding-bottom: 50px;
	}
	.contact-index{
		display: none;
	}
	.comside.container {
		margin-top: 0px;
	}
	.comside.container .row,.comside.container .roc{
		display: none;
	}
	.insidebanner{
		height: 180px;
	}
	.insidebanner{
		padding-top: 55px;
	}
	.company-in h2{
		font-size: 22px;
	}
	.company-in .col-grid-6{
		padding:0px;
	}
	.care-box{
		padding: 50px 0;
	}
	.market h2{
		font-size: 22px;
	}
	.market{
		padding: 20px 0 0 0;
	}
	.choose-title h2{
		font-size: 22px;
	}
	.choose .col-grid-4.choosebox{
		padding: 0px;
	}
	.col-grid-4.honor-in,.col-grid-4.equ-in{
		padding: 0px;
	}
	.faq-section .title h1{
		font-size: 22px;
	}
	.faq-section .title p{
		font-size: 14px;
	}
	.common-inner .product-in{
		padding: 50px 15px;
		margin-top: 0px;
	}
	.gallery-thumbs{
		height: auto;
		margin-bottom: 20px;
	}
	.gallery-top{
		height: auto;
	}
	.product-in .swiper-container-wrapper{
		max-height: 350px;
	}
	.product-in .swiper-container-wrapper.col-grid-7{
		margin-bottom: 25px;
	}
	.product-in .col-grid-5{
		padding: 0px;
	}
	.goods-info-right h2{
		font-size: 22px;
	}
	.goods-info-right .condiv{
		margin-top: 20px;
	}
	.common-inner .product-in{
		padding-bottom: 0px;
	}
	.good-info-des span{
		width: 100px;
	}
	.newsright .col-grid-6,.newsright.col-grid-9{
		padding: 0px;
	}
	.casebox .col-grid-4{
		padding: 0px;
	}
	.faqlist li .cici{
		display: none;
	}
	.faqlist li .faq{
		width: 100%;
	}
	.news .newslist{
		padding: 0px;
	}
	.newsinner.container{
		padding: 0 15px 0;
	}
	.newsinner.container .newsright{
		margin-top: 0px;
		padding: 0px;
	}
	.news-detail-title .h3{
		font-size: 22px;
	}
	.news-detail{
		padding: 0px;
	}
	.col-grid-4.hel-co{
		padding: 0px;
	}
	.hel-co .abt{
		display: none;
	}
	.contact-mess-left.col-grid-6 h2{
		font-size: 22px;
	}
	.contact-mess-left.col-grid-6 h4{
		font-size: 18px;
	}
	.contact-mess-left.col-grid-6{
		padding: 0px;
	}
	.contact-mess-right.col-grid-5 h2{
		font-size: 22px;
	}
	.contact-mess-right.col-grid-5{
		padding: 40px 15px;
	}
	.contact-mess-right.col-grid-5 img{
		display: none;
	}
	.container.ditu{
		font-size: 22px;
	}
	.featured-page-section h3.feature-title {
		visibility: visible;
		font-size: 14px;
		padding: 5px;
		bottom: 0;
	}
	#masthead.sticky-enabled.sticky-header, .sticky-enabled.sticky-header{
		position: fixed;
	}
	#masthead.sticky-enabled.sticky-header .site-branding, .sticky-enabled.sticky-header .site-branding{
		display: block;
	}
	#masthead.sticky-enabled.sticky-header, .sticky-enabled.sticky-header{
		padding-top: 60px;
	}
	#tophead{
		min-height: 45px;
	}
	#tophead .container{
		position: fixed;
		background: #006BAF;
		z-index: 9999;
	}

	.section-project .project-thumb {
		width: 100%;
		max-width: 100%;
		float: none;
		margin: 0;
	}

	.project-section .alignright:after,
	.project-section .alignleft:after {
		display: none;
	}

	#content .section-title {
		font-size: 26px;
	}

	#content .section-subtitle {
		font-size: 14px;
		margin-bottom: 20px;
	}

	footer.comment-meta {
		margin-bottom: 15px;
	}

	.sidr ul li ul.mega-menu-sub {
		display: block;
	}

	#masthead.fixed {
		position: inherit;
		top: inherit;
		width: 100%;
		left: inherit;
	}

	#quick-contact {
		float: left;
		width: 100%;
		clear: both;
		margin-top: 20px;
	}

	#masthead {
		padding: 15px 0;
	}

	#masthead:after,
	#masthead:before {
		visibility:visible;
		display: none;
	}

	#footer-widgets .footer-widget-area {
		width: 50%;
		margin-bottom: 15px;
	}

	#footer-contact .contact-title {
		display: block;
		margin: 0;
		margin-bottom: 15px;
	}

	#footer-widgets .footer-widget-area {
		width: 100%;
		border-bottom: 1px solid #50505059;
		padding: 0 15px 20px;
	}

	#footer-widgets .footer-widget-area:last-child {
		border: none;
	}

	#footer-widgets .widget-title {
	    margin-bottom: 10px;
	}

	.section-featured-slider .slider-buttons .custom-button,
	.section-featured-banner .custom-button {
		padding: 9px 20px;
		text-transform: capitalize;
		margin: 0;
	}

	.section-featured-slider .cycle-prev, .section-featured-slider .cycle-next {
		visibility: visible;
		opacity: 1;
		display: block;
		width: 40px;
		height: 40px;
		line-height: 1.5;
	}

	.section-featured-slider .cycle-prev {
		left: 0;
	}

	.section-featured-slider .cycle-next {
		right: 0;
	}

	.section-plan .pricing-plan-item,
	.section-plan .pricing-plan-item.pricing-plan-recommended {
		width: 100%;
		max-width: 400px;
		margin: 25px auto;
		float: none;
	}
	.pricing-plan-cost span.pricing-plan-price-currency {
		font-size: 20px;
		margin-top: 0;
		position: relative;
		top: -17px;
	}
	.site-title {
		font-size: 22px;
	}

	.section-featured-slider .cycle-pager {
		display: none;
	}


}

@media only screen and (max-width:550px){
	.site-title{
		display: block;
		text-align: center;
	}
	.site-title img{
		float: none;
		margin:0 auto;
		max-height: 35px;
	}
	#masthead{
		padding: 7px 0;
	}
	.site-title .wz{
		display: none;
	}
}

/* Smaller than standard 480 (devices and browsers) */
@media only screen and (max-width:479px){

	.contact-form-area.contactdesc {
	    padding: 25px;
	}

	h3.contact-title {
	    margin: -25px -25px 24px;
	}

	#contactform input[type="text"],
	 #contactform input[type="email"] {
	    width: 100%;
	    margin-bottom: 20px;
	}

	.recent-posts-widget h4 {
		font-size: 14px;
	}

	#content .section-title {
		font-size: 25px;
	}

	.section.section-services.service-layout-2 .service-block-item a.service-icon {
		float: left;
		margin: 0 30px 0 0;
		font-size: 23px;
		width: 70px;
		height: 70px;
		padding: 20px 0;
	}

	.header-v1 #tophead {
		padding: 0 0 0px 0;
		clear: both;
	}

	.col-grid-1
	.col-grid-2,
	.col-grid-4,
	.col-grid-3,
	.col-grid-5,
	.col-grid-6
	.col-grid-7,
	.col-grid-8,
	.col-grid-9,
	.col-grid-10,
	.col-grid-11,
	.col-grid-12 {
		width: 100%;
	}

	input.news-letter-submit {
		position: inherit;
		border-radius: 25px;
		width: 100%;
		padding: 10px;
	}

	input.news-letter-email {
		width: 100%;
		margin-bottom: 15px;
		padding: 12px 28px;
		border-radius: 25px;
	}

	.portfolio-filter ul {
		display: block;
		border: none;
	}

	.portfolio-filter ul li {
		border: none;
	}

	.section-portfolio .portfolio-item {
		width: 100%;
	}

	.item-inner-wrapper:hover .portfolio-content {
	    bottom: 35px;
	}

	.quick-contact-widget {
	    padding: 0;
	}

	.section-project .featured-project-section {
	    padding: 40px;
	}

	.video-widget a.media-zoom-icon {
		position: absolute;
		top: 26%;
		left: 34%;
		border: 5px solid #ffffffab;
	}

	a.media-zoom-icon i {
		height: 60px;
		width: 60px;
		text-align: center;
		padding: 22px;
		background: #fff;
		margin: 9px;
		border-radius: 100%;
		font-size: 19px;
	}

	.portfolio-filter ul li:first-child a {
		border: none;
	}

	.counter-icon {
		display: block;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.section-counter .counter-nos {
		font-size: 29px;
	}

	.section-associate-logo .associate-logo-item {
		width: 50%;
	}
	#quick-contact  .header-box-info strong {
		display: none;
	}

	.header-box-icon {
		margin-right: 15px;
	}

	.header-box-info {
		float: left;
		line-height: 1.5;
	}

	.header-v1 #quick-contact li {
		display: inline-block;
		float: none;
		padding: 0;
		margin: 3px 0!important;
		width: auto;
		text-align: left;
		font-size: 11px;
	}

	#quick-contact li i {
		border: none;
		height: auto;
		width: auto;
	}

	#quick-contact li {
		display: inline-block;
		float: none;
		padding: 0;
		margin: 3px!important;
		width: 100%;
		text-align: left;
		font-size: 12px;
	}

	#quick-contact {
		text-align: center;
		width: 100%;
		margin: 0;
	}

	#main-slider h3 br {
		display: none;
	}

	.section-featured-slider h4 {
		font-size: 13px;
		margin-bottom: 5px;
	}

	a.custom-button:before {
		margin-right: 5px;
	}

	#quick-contact {
		text-align: center;
		width: 100%;
	}

	.section-featured-slider p,
	.section-featured-banner p {
		display: none;
	}

	#main-slider h3,
	.section-featured-banner h3 {
		font-size: 18px;
		padding: 0;
		margin-bottom: 10px;
	}

	.header-v2 .header-box-info {
		float: left;
		line-height: 2;
		font-size: 12px;
	}

	.header-v2 .header-box-icon {
		float: left;
		font-size: 34px;
		margin-right: 5px;
		text-align: center;
		padding-top: 3px;
	}

	#main-slider .cycle-caption {
		bottom: 25px;
	}

	.header-v2 #quick-contact {
		float: right;
		margin-top: 15px;
	}

	.header-v2 #quick-contact li i {
		font-size: 16px;
	}

	.header-v2 .custom-button.apply-now {
		float: right;
		margin-left: 15px;
		min-width: inherit;
		padding: 5px 14px;
		font-size: 12px;
	}

	.header-v2 #quick-contact li {
		padding: 0;
		margin: 0 6px!important;
		text-align: left;
		float: none;
		display: inline-block;
		width: auto;
	}

	.header-v2 #masthead {
		padding: 20px 0 15px;
	}

	.searchform {
		width: 230px;
		margin: 0 auto;
		max-width: 100%;
	}

	.search-box-wrap {
		padding: 20px;
	}

	.section-featured-slider .slider-buttons .custom-button {
		padding: 6px 15px;
		text-transform: capitalize;
		font-size: 13px;
		margin: 0;
	}

	.section-featured-slider .cycle-prev,
	.section-featured-slider .cycle-next {
		visibility: visible;
		opacity: 1;
		display: block;
		width: 35px;
		height: 35px;
		bottom: 45%;
		font-size: 16px;
	}

	#tophead .social-links li a {
		border: none;
		margin: 0;
		width: 30px;
		height: initial;
		padding: 0;
		margin: 0;
	}

	.multi-language {
		padding-top: 2px;
	}

	.header-v4 .site-branding img,
	.header-v5 .site-branding img  {
		max-width: 95px;
	}

	.portfolio-filter ul li a {
		border: none;
		display: block;
		padding: 5px;
	}

	.quick-contact-widget .quick-contact-item {
		width: 100%;
	}

	.inner-quick-contact-wrapper {
		text-align: center;
	}

	.global-layout-right-sidebar .entry-content-wrapper,
	.global-layout-left-sidebar .entry-content-wrapper,
	.default-full-width.blog-full-width .entry-content-wrapper {
		padding: 0;
		margin: 0;
	}

	.recent-posts-widget img {
		max-width: 100%;
		margin: 0 0 15px;
	}

	#footer-navigation {
		text-align: center;
	}

	#footer-navigation li a {
		margin-right: 10px;
		padding: 0;
		font-size: 13px;
	}

	#colophon {
		font-size: 12px;
		padding: 10px 0;
	}

	.author-avatar {
		float: none;
		margin: 0 auto 20px;
		display: block;
		text-align: center;
	}

	.vcard .avatar {
		float: none;
		display: block;
		margin: 0 auto 30px;
	}

	.entry-title {
		font-size: 20px;
		margin-bottom: 0;
	}

	.entry-meta > span {
		font-size: 13px;
	}

	.authorbox {
		padding: 0 0 15px;
	}

	.site-main .comment-navigation,
	.site-main .posts-navigation,
	.site-main .post-navigation {
		padding: 15px 0;
	}

	.comments-title {
		padding: 10px 0;
	}

	ol.comment-list .children {
		border: medium none;
		float: left;
		margin: 0;
		width: 100%;
		padding: 0;
	}

	.sidebar input.search-submit {
		position: inherit;
		width: 100%;
		border-radius: 50px;
		margin-top: 15px;
		padding: 11px;
	}

	.sidebar input.search-field {
		padding: 7px 25px;
	}

	.featured-page-section h3.feature-title {
		font-size: 18px;
		padding: 10px;
	}

	.col-grid-6.no-margin.features-item {
		width: 100%;
	}
}

/* Smaller than standard 320 (devices and browsers) */
@media only screen and (max-width:219px){

	.container{
		width: 310px;
		max-width: 310px;
	}
}

/*--------------------------------------------------------------
Main css ends form here
--------------------------------------------------------------*/