@media (min-width:1200px) {
	.container {width: 1170px!important;margin: 0 auto;} 
	.reco_up {margin-top: -245px;}
	.reco_up .title-box .index-pro-title a{font-size: 20px;	color: #fff;}
	.reco_intro {    /* text-align: center; */color: #bbb;font-size: 18px;line-height: 30px;margin: 17px auto;width: 95%;}
	.learn_more {font-size: 20px; margin: 18px auto; width: 95%; text-align: center;}
	.learn_more a {color: #fff; font-size: 20px;text-transform: uppercase;}
	.container-recom img{width: 320px;height: 320px;display: block;border-radius: 50%;}
	.page-down {clear: both;padding: 200px 0 0 0;}
	
}
@media (max-width:640px) {
	.container-recom {
		display: flex;
		background-color: #ec0000;
		width: 100%!important;
		background: url(/images/pages/in_recom_pro.jpg) no-repeat;
		background-size: cover;} 
	.reco_top {width: 55%;left: 22%;}
	.m-hi {display: none !important;}
	body {margin: 0;overflow-x: hidden;}
}


@media (max-width:1200px) {
	.container-recom img{width: 100%;height: 100%; display: block; border-radius: 50%;}
	.reco_up .title-box .index-pro-title a{font-size: 20px;	color: #fff;}
	.page-down {clear: both;padding: 250px 0 20px 0;}
	.reco_intro, .learn_more{display: none!important;}
}



.container-recom {
	display: flex;
	background-color: #181818;
	width: 100%!important;
	background: url(/images/pages/in_thomas_building.jpg) no-repeat;
	background-size: cover;
} 
.layout-header {
    height: 88px;
}
.center{
	text-align: center;
}
.left{
	text-align: left;
}
.right{
	text-align: right;
}
.reco_top {
    position: relative;
}

.promo_banner-box .container{
	padding: 15px 0;
}
.am-u-md-right {
	    width: 700px;
}
.am-u-lg-index {
	width:33.3333%;
}
.header-box {
	width: 100%;
	box-shadow: 0 1px 3px #e9e9e9;
	background: #fff;
	top: 0px; left: 0px; 
}
.footer {
	width: 100%;
	background-size: cover;
	position: relative;
	padding-bottom: 10px
}


.header {
    padding: 18px 0px 10px 0px;
	max-width: 1170px;
}


.header a{
	color: #000000;
}
.header .logo {
	width: 360px;
    height: 60px;
	background: url(/images/assets/logo.png) no-repeat 0 0;
}
.header .logo a{
	display: block;
	width: 348px;
    height: 60px;
}

@media screen and (max-width:640px) {
	.header {
		padding: 10px 0px 10px 0px;
		max-width: 1170px;
	}
	.header .logo {
		width: 250px;
		height: 48px;
		background: url(/images/assets/logo.png) no-repeat 0 0;
		background-size: contain;
	}
	.header .logo a{
		display: block;
		width: 348px;
		height: 45px;
	}
	.header .menu-bars{
		text-align: right;
	}
	.am-u-lg-index {
		width:76%;
	}
	.layout-header {
		height: 65px;
	}
	.header .am-icon-bars {
		font-size: 30px;
		color: #262626;
	}
	.am-menu li {
		text-align: left;
	}
}



.header .logo h1 {
	display: none;
}

.header .header-right {
	text-align: center
}

.header .header-right .header-contact {
	float: left;
	text-align: center;}

.header .header-right .header-contact .header_contacts--item {
	float: left;
	vertical-align: middle
}

.nav-contain .nav-inner {
	float: right;
}

.nav-contain .nav-inner .am-nav li {
	padding: 15px 10px;
	list-style: none;
	position: relative
}

.nav-contain .nav-inner .am-nav li:hover .sub-menu {
	display: block
}

.nav-contain .nav-inner .am-nav li .sub-menu {
	display: none;
	padding-left: 0;
	position: absolute;
	box-shadow: 0 0 7px rgba(0,0,0,.15);
	top: 100%;
	left: -20px;
	z-index: 1000!important;
	background: #fff;
	border-radius: 0 0 3px 3px;
	margin: 0
}

.nav-contain .nav-inner .am-nav li .sub-menu li {
	min-width: 260px;
	border-top: 1px solid #eaeaea;
	position: relative;
	padding: 8px 5px
}

.nav-contain .nav-inner .am-nav li .sub-menu li a {
	display: block;
	padding: 0 5px 0 10px;
}

.nav-contain .nav-inner .am-nav li a {
	color: #555;
	padding: 0;
	font-size: 18px;
}

.nav-contain .nav-inner .am-nav li a:hover {
	color: #ff0100;
	background: #fff
}

@font-face {
	font-family:fontawesome;src:url(https://cdnjs.cloudflare.com/ajax/libs/amazeui/2.7.2/fonts/fontawesome-webfont.ttf),url(https://cdnjs.cloudflare.com/ajax/libs/amazeui/2.7.2/fonts/fontawesome-webfont.woff)
}

.page-header {
	text-align: center;
	padding: 40px 0 10px;
	font-weight: 300;
	background: rgb(0 0 0 / 50%);
}
@media screen and (max-width:640px) {
	.page-header{background: rgb(0 0 0 / 20%);}
}
.page-header-sin {
	text-align: center;
	background: #0066ac;
}
.breadcrumb-box {
	border-bottom: 1px solid #e9e9e9
}

.breadcrumb-box .am-breadcrumb {
	padding: 16px 0 0;
	float: left;
	margin-bottom: 1rem
}

.breadcrumb-box .am-breadcrumb a {
	padding: 0 6px;
	font-size: 14px;
	color: #262626
}
.breadcrumb-box .am-breadcrumb span {
	padding: 0 0 0 6px;
	font-size: 14px
}

.breadcrumb-box .am-breadcrumb .am-active {
	color: #555864
}
.section {
	padding: 60px 0;
}
.section .section--header .section--title {
	font-size: 50px;
	font-weight: 300;
	text-align: center
}
.section .section--header .section--description {
	font-size: 20px;
	line-height: 30px;
	color: #9b9b9b;
	text-align: center;
	margin: 13px 0 0
}
.section .section--header p {
	font-size: 16px;
	line-height: 30px;
	color: #5d5d5d;
	margin: 20px 0 20px 0;
}

.section .section--header h2 {
	font-size: 28px;
    font-weight: 300;
    text-align: center;
}
.section .section--header img {
	width: 100%;
	height: auto;
}

@media screen and (max-width:640px) {
	.section {
		padding: 30px 0!important
	}

	.section .section--header {
		padding: 0 15px
	}
	.section .section--contact {
		padding: 0 0
	}
	.section .section--header .section--title {
		font-size: 30px!important
	}
	.section .section--header .section--description {
		font-size: 16px;
		line-height: 32px;
		color: #535353;
	}

	.section--description {
		font-size: 16px
	}
}

.footer .am-u-md-3 {
	padding-left: 5px
}

.footer .footer--bg {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: .95;
	top: 0;
	left: 0
}

.footer .footer--inner {
	position: relative;
	z-index: 1
}

.footer .footer--inner .footer_main {
	position: relative
}

.footer .footer_main--column {
	margin: 25px 0 0 15px
}

.footer .footer_main--column_title {
	color: #fff;
	font-size: 23px;
	line-height: 29px;
	font-weight: 700;
	display: block
}
.footer .textwidget {
	position: relative;
	padding: 8px 10px 10px 0
}
.footer .custom-html-widget .followus{
	font-size: 15px;
	color: #b0afaf;
}
.footer .custom-html-widget .followus i{
	margin: 0 5px;
	font-size: 20px;
}
 .footer .footer_about--text {
	font-size: 15px;
	line-height: 25px;
	color: #fff;
	padding: 0 0 16px;
}
.footer .footer_about--text a {
 color:#ccc;
}
.footer .service {
	padding: 0;
}

.footer .footer_navigation {
	padding: 6px 15px 0 0
}

.footer .footer_navigation--item {
	display: block;
	position: relative;
	padding: 8px 25px 8px 0;
	text-align: left;
	border-bottom: 1px solid rgba(255,255,255,.1);
	width: 80%;
}

.footer .footer_navigation--item::before {
	position: absolute;
	content: "\f054";
	display: block;
	right: 10px;
	top: 50%;
	transform: translate(0,-50%);
	margin-top: 3px;
	color: #fff;
	font-size: 12px;
	font-family: fontawesome
}

.footer .footer_navigation--link {
	color: #fff;
	font-size: 15px;
	line-height: 22px
}

.footer .footer_navigation--link:hover {
	text-decoration: underline
}
.footer .footer_contact_info {
	padding: 5px 0 0
}

.footer .footer_contact_info--item {
	padding: 10px 0;
	position: relative;
	font-size: 15px;
	line-height: 23px;
	list-style: none
}

.footer .footer_contact_info--item i {
	display: block;
	position: absolute;
	left: -2px;
	top: 12px;
	color: #FFF;
}

.footer .footer_contact_info--item span {
	display: inline-block;
	vertical-align: text-top;
	padding: 0 0 0 28px;
	color: #FFF;
}

.contact_card {
	background: #fff;
	border-radius: 3px;
	position: relative;
	text-align: center;
	padding:130px 0 15px;
	margin: 0px
}

.contact_card .contact_card--icon {
	position: absolute;
	font-size: 56px;
	display: block;
	top: 37px;
	left: 50%;
	transform: translate(-50%,0);
	color: #666666
}

.contact_card .contact_card--title {
	font-size: 20px;
	display: inline-block;
	color:#666666
}

.contact_card .contact_card--text {
	padding: 0 0 10px;
	color: #969696;
	font-size: 16px;
	line-height: 23px
}

.contact_card .contact_card--text a {
	color: #969696
}

.contact_card .am-btn-secondary {
	background-color: transparent;
	color: #59bcdb;
	border-color: #59bcdb;
	border-width: 2px;
	padding: 12px 18px
}

.contact_card .am-btn-secondary:hover {
	background-color: #59bcdb;
	color: #fff
}


[class*="index-service"] {
	width: 25%;
	padding-left: 0px;
    padding-right: 0px;
	/* padding-right: 1rem; */
	float: left;
	position: relative;
  }

  [class*="index-aboutus-3"] {
	width: 33.3333%;
	padding-left: 0px;
    padding-right: 0px;
	/* padding-right: 1rem; */
	float: left;
	position: relative;
  }

  [class*="service_item--icon"] {
	font-size: 38px;
    display: block;
    color: #2574A9;
    position: absolute;
    top: 9px;
    left: 50%;
    transform: translate(-50%,0);
  }

  [class*="service_item--title"] {
	font-size: 16px;
	text-align: center;
	color: #262626;
	margin: 0 0 8px 0;
  }

  [class*="page-header-title"] {
	font-size: 40px;
    color: #fff;
    font-weight: 400;
	}
	[class*="page-cat-title"] {
		font-size: 20px;
		color: #fff;
		font-weight: 400;
		margin: 20px 0 -5px 0;
		}
	[class*="page-aboutus-title"] {
	font-size: 28px;
    color: #fff;
    font-weight: 400;
  }

  [class*="contact-title"] {
	font-size: 20px;
	margin:0 0 10px 10px;
  }
  [class*="contactus"] {
	font-size: 18px;
    line-height: 45px;
    color: #636262;
    margin: 0.0.0.0;
  }

.index-center{
	display: flex;
	justify-content: center;
}
@media screen and (max-width:640px) {
.index-aboutus {
	height: 50px;
	background: url(/images/pages/aboutus-001.png) no-repeat;
	width: 450px;
	background-size: contain;
	}
}

@media only screen and (min-width: 641px) {
.news {padding: 80px 0 10px 0;}
.index-aboutus {
	width: 690px;
	height: 83px;
	background: url(/images/pages/aboutus-001.png) no-repeat 0 0;
}

.index-service {
	width: 25%;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	}
.index-aboutus-3 {
	width: 33.3333%;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	}
.service_item--icon {
	font-size: 68px;
    display: block;
    color: #2574A9;
    position: absolute;
    top: 9px;
    left: 50%;
    transform: translate(-50%,0);
    }
.service_item--title {
	font-size: 20px;
	text-align: center;
	color: #262626;
	margin-top: 2em;
	}
.page-header .page-header-title {
	font-size: 60px;
    color: #fff;
    font-weight: 400;
}
.page-header .page-cat-title {
	font-size: 30px;
	color: #fff;
	font-weight: 400;
	padding-top: 20px;
}
.page-header .page-cat-dis {
	text-align: left;
	color: #f5f5f5b5;
}

.page-header .page-aboutus-title {
	font-size: 60px;
    font-weight: 400;
    text-align: center;
	color: #ffffff;
}

.page-header {

	height: 300px;
}

.pro_trans img{
	height: 200px;
	width: auto;
}
.page-header-sin {
	text-align: center;
	padding: 30px 0 10px;
	font-weight: 300;
	background: #0066ac;
}


.footer .footer_main--column {
	margin: 65px 0 0;
}
.footer .textwidget{
	position: relative;
    padding: 25px 5px 0 0;
}


.section .section--header h2 {
	font-size: 50px;
    font-weight: 300;
    text-align: center;
}

.section .section--header p {
	font-size: 20px;
    line-height: 30px;
    color: #9b9b9b;
    margin: 20px 0 40px 0;
}
.section .section--header img {

	width: auto;
}
.section .section-container .am-u-md-5 {
    padding-left: 0;
    padding-right: 1.5rem;
}

.section .section-container .am-u-md-5 .contactus {
    font-size: 18px;
    line-height: 35px;
    color: #5f5f5f;
    margin: 0.0.0.0;
}
.contactus i{
	font-size: 20px;
	margin-right: 10px;
	color: #c13d41;
}
.section .section--header .contact-title {
    font-size: 30px;
}

.contact .followus{
	margin: 20px;
}
.contact .followus a{
	margin-right: 20px;
	font-size: 35px;
	color: rgb(117, 117, 117);
}
.contact .followus a:hover{
color: #0c81e0;
}
.contact_card {
	background: #fff;
/*! border: 1px solid #e9e9e9; */
	border-radius: 3px;
	position: relative;
	text-align: center;
	padding: 138px 0 48px;
	margin: 30px
}

.am-gotop-fixed{
	bottom: 80px;
  }
.contact-erweima {
	  margin: 0 5px;
	  text-align: center;
}

.product1-show-container {
	margin-top: 60px;
}

.product1-show-container ul li {
	position: relative
}

.product1-show-container ul li:hover .product-img-box {
	display: none
}

.product1-show-container ul li .product-img-box {
	background: #000;
	opacity: .5;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.product1-show-container ul li img {
	width: 100%;
	height: 100%;
}
	}

@media screen and (max-width:640px) {
.product1-show-container ul li a img {
	width: 100%;
}
.contact-erweima {
	margin: 0 5px;
}
.contact-erweima img {
	width: 100%;
}
.pro_trans img{
	height: auto;
	width: 100%;
}
	}

	.am-navbar {
    line-height: 44px;
	}

	 /* 底部目录按钮呼出样式 */

	.nav-pro-list a{
		display: inline-block;
		height: 44px!important;
    line-height: 44px!important;
    text-align: left;
    text-indent: 20px;
    padding: 0;
    position: relative;
		border-top: 1px solid rgba(0,0,0,.3);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
}

.nav-pro-list h2{
	clear: both;
	width: 150px;
	color: #fFF;	text-align: center;
	padding: 10px 0 0 0;
	margin: 0;
}

.zimulu {
	padding-left: 10px;
	margin-top: 0;
}

.zimulu .lable{
    display: inline-block;
    font-size: 20px;
    border-bottom: #0c81e0;
    border-bottom-style: solid;
    margin-right: 10px;
}
.zimulu .cat-item-none{
	display:none;
}

.zimulu .cat-item{
    clear: both;
    background-color: #cacaca;
    padding: 10px 0;
    list-style: none;
    color: #ffffff;
    width: fit-content;
    margin-top: 15px;
    display: inline-block;
}
.zimulu .current-cat{
	background-color:#0c81e0!important;


}
.zimulu .cat-item a{
	color: #ffffff;
	padding: 10px 20px;
	}

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

.zimulu .cat-item{
    clear: both;
    background-color: #cacaca;
    padding: 10px 0;
    list-style: none;
    color: #ffffff;
    width: fit-content;
    margin-top: 15px;
    display: inline-block;
}

.zimulu .cat-item a{
	color: #ffffff;
	padding: 10px 10px;
	}
	}
.s-media {
	text-align: center;
}
.s-media i {
	font-size: 50px;
	margin: 0 30px;
  }

.twitter{
	color: #00acee;
}
.facebook{
	color: #1278f3;
}
.linkedin{
	color: #0b66c1;
}
.youtube{
	color: #f00;
}
.instagram{
	color: #fca556; 
}
.post tbody .con-brands{
	color: #0066ac;
	font-size: 1.6em;
	text-align: center;
	font-weight: 600;
}
/* Start post table */
.post table{margin: 30px 0;display: block;overflow-x: auto;white-space: nowrap;border-collapse: collapse;width: 100%;}
.post tr{border-bottom: solid 1px #9f9f9f;border-top: solid 1px #9f9f9f;}
.post th,.post td {
	padding: 5px;
	text-align: center;
	border-left: solid 1px #9f9f9f; /* Add left border for inner vertical lines */
}
/* Remove left and right outer borders */
.post th:first-child,.post td:first-child {border-left: none;}
.post th:last-child,.post td:last-child {border-right: none;}

.post th{background: #88d6eb;}
/* End post table */
.post .ez-toc-list-level-3{
	margin: 5px 0;
}
.post .ez-toc-heading-level-3 {
	list-style-type: decimal;
}

.post .ez-toc-page-1 .ez-toc-list-level-4{
	margin: auto;
}
.post .ez-toc-page-1 .ez-toc-list-level-4 li{
	list-style-type: initial;
}

/* index.css below */
.am-with-fixed-navbar{
	padding: 0
}
.index-page {
	width: 100%;
	border-bottom: 1px solid #e9e9e9
}
.index-page div[class^=am-tab-pane] {
	padding: 0
}
.index-page [data-am-widget=tabs] {
	margin: 0
}
.index-page .index-banner {
	width: 100%;
	height: 550px;
	background-size: cover;
}

.index-page .index-banner .index-mask {
	height: 100%;
	/* background: rgba(0,0,0,.5); */
}

a.am-btn-danger:visited {
  color: #fff;
}
.am-btn-danger:hover,
.am-btn-danger:focus,
.am-btn-danger:active,
.am-btn-danger.am-active,
.am-dropdown.am-active .am-btn-danger.am-dropdown-toggle {
  color: #fff;
  border-color: #3196c9;
}
.am-btn-danger:hover,
.am-btn-danger:focus {
  background-color: #fff;
  border-color: #ec0000;
  color: #ec0000;
}
.am-btn-danger:active,
.am-btn-danger.am-active,
.am-dropdown.am-active .am-btn-danger.am-dropdown-toggle {
  background-image: none;
  color: #fff;
  background-color: #ec0000;
  border-color: #ec0000;
}
.am-btn-danger.am-disabled,
.am-btn-danger[disabled],
fieldset[disabled] .am-btn-danger,
.am-btn-danger.am-disabled:hover,
.am-btn-danger[disabled]:hover,
fieldset[disabled] .am-btn-danger:hover,
.am-btn-danger.am-disabled:focus,
.am-btn-danger[disabled]:focus,
fieldset[disabled] .am-btn-danger:focus,
.am-btn-danger.am-disabled:active,
.am-btn-danger[disabled]:active,
fieldset[disabled] .am-btn-danger:active,
.am-btn-danger.am-disabled.am-active,
.am-btn-danger[disabled].am-active,
fieldset[disabled] .am-btn-danger.am-active {
  background-color: #3eb4f0;
  border-color: #3eb4f0;
}
.index-tab,.index-tab .am-active a {
	background-color: #fff!important
}

.index-page .index-banner .slide_simple--title {
	font-size: 46px;
	color: #fff;
	font-weight: 400;
	text-align: center;
	padding-top: 90px;
}
.index-page .index-banner .slide_simple--text {
	font-size: 18px;
	opacity: .6;
	color: #fff;
}
.slide_simple--buttons {
	margin-top: 35px;
	text-align: center;
}
.slide_simple--buttons button {
	font-size: 16px;
	letter-spacing: 2px;
	padding: 15px 25px;
	border-radius: 5px;
}
.index-tab {
	width: 1170px!important;
	margin: 0 auto!important
}
.index-tab .am-active {
	border-bottom: 4px solid #59bcdb
}
.index-tab a {
	position: relative;
	margin: 10px 0 10px 10px;
	border-right: 1px solid #e9e9e9
}

.index-tab a i {
	margin-top: 20px;
	color: #59bcdb;
	font-size: 38px
}
.index-tab a strong {
	font-size: 16px;
	display: inline-block;
	color: #262626;
	margin-top: 7px
}

.index-tab a p {
	color: #969696;
	font-size: 14px;
	margin-bottom: 0;
	margin-top: -10px
}

@media screen and (max-width:640px) {
	.index-page .index-banner {
		height: auto
	}

	.slide_simple--buttons {
		margin-bottom: 20px;
	}

	.index-page .index-tab {
		width: 100%!important
	}

	.index-page .index-tab li {
		display: none!important
	}

	.index-page .index-tab .am-active {
		display: block!important
	}
}


.index-container {
	margin-top: 30px
}

.index-container .features_item--title {
	font-size: 16px;
	color: #262626;
	margin: 20px 0 -10px
}

.index-container .features_item--text {
	font-size: 15px;
	line-height: 23px;
	color: #969696
}

.index-container .index-more {
	text-align: center;
	padding: 70px 0 0
}

.index-container .index-more .am-btn-secondary {
	padding: 10px 26px;
	border-radius: 23px;
	background-color: #3196c9;
	border-color: #3196c9
}

.promo_detailed {
	position: relative;
	min-height: auto;
}

.promo_detailed .promo_detailed-container {
	position: relative;
	z-index: 10;
	height: 100%
}

.promo_detailed .am-g {
	margin-left: -15px;
	margin-right: -15px
}

.promo_detailed .am-g .promo_detailed--list .promo_detailed--list_item {
	position: relative;
	padding: 0 0 12px 80px;
	margin-top: 10px;
	list-style: none
}

.promo_detailed .am-g .promo_detailed--list .promo_detailed--list_item .promo_detailed--list_item_icon {
	display: block;
	top: 9px;
	left: 0;
	border: 2px solid #ec0000;
	border-radius: 3px;
	width: 56px;
	height: 56px;
	box-sizing: border-box;
	position: absolute;
}

.promo_detailed .am-g .promo_detailed--list .promo_detailed--list_item .promo_detailed--list_item_icon i {
	color: #ec0000;
	font-size: 32px;
	top: 50%;
	left: 50%;
	margin-top: -2px;
	margin-left: 8px;
}

.promo_detailed .am-g .promo_detailed--list .promo_detailed--list_item dl,.promo_detailed .am-g .promo_detailed--list .promo_detailed--list_item dl dt {
	font-size: 20px;
	color: #262626;
}

.promo_detailed .am-g .promo_detailed--list .promo_detailed--list_item dl dd {
	font-size: 16px;
	line-height: 23px;
	color: #969696;
	margin-top: 0.3em;
}

.promo_detailed .promo_detailed--cta {
	padding: 0 25px;
	height: 380px;
	position: relative;
}
.promo_detailed .promo_detailed--products {
	padding: 0 25px;
	height: 380px;
	position: relative;
}
.cate_border{position:absolute;width:94%;height:94%;top:3%;left:3%;box-sizing:border-box;text-align:-webkit-center;z-index:100;}
.mid_content{position:absolute;width:100%;height: 100%;text-align: center;-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}
.cate_right .li-4{width:48%;margin-left:2%;height: 180px;padding-left: 0;padding-right: 0;overflow:hidden;margin-bottom:2%;position:relative;box-shadow:1px 5px 10px rgba(0,0,0,.2)}




.cate_right .li-4 .catmid{}
.cate_right .li-4 a{display:inline-block;margin-top: 18%;color:#fff;padding:5px 0px;border:2px solid #fff;transition:all .6s}
.cate_right .li-4 a:hover{background:#fff;color:#ec0000}
.cate_right .li-4:hover .mid_content{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
.cate_right .li-4:nth-child(3),.cate_right li:nth-child(4){margin-bottom:0;bottom:0}
.cate_right .li-4 img{width:75%;display:block;height:100%;object-fit:cover;display: block; margin: 0 auto;}
.cate_right{width:100%;height:100%;}
.mask{position:absolute;width:100%;height:100%;top:0;left: 0;background:#000;z-index:99;transition:all .5s;transform:scale(0)}
.cate_right .li-4:hover .mask{opacity:.6;transform:scale(1)}



.promo_detailed .promo_detailed--cta .promo_detailed--cta_wrap {
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
	text-align: center
}

.promo_detailed .promo_detailed--cta .promo_detailed--cta_wrap .promo_detailed--cta_text {
	background: rgba(27,31,32,.7);
	border-radius: 3px;
	padding: 38px 20px 38px 28px;
	max-width: 495px;
	color: #fff;
	font-size: 20px;
	line-height: 36px;
	font-weight: 300;
	text-align: left
}

.promo_detailed .promo_detailed--cta .promo_detailed--cta_wrap .promo_detailed--cta_footer {
	padding-top: 50px
}

.promo_detailed .promo_detailed-img {
	background-size: cover;
	width: 50%;
	height: 100%;
	background-color: #7d7e75;
	position: absolute;
	top: 0;
	right: 0
}

@media screen and (max-width:640px) {
	.promo_detailed .promo_detailed--list {
		padding-left: 15px!important
	}

	.promo_detailed .promo_detailed--list .promo_detailed--list_item {
		padding: 0 0 0 80px!important
	}

	.promo_detailed .am-g {
		margin: 0
	}

	.index-container .index-more {
		padding: 35px 0 0
	}

	.promo_detailed-img {
		width: 100%!important;
		z-index: -1
	}

	.promo_detailed--cta_wrap {
		position: relative!important
	}

	.promo_detailed .promo_detailed--cta {
		height: 390px
	}
}

.index-container .service_item {
	border-radius: 3px;
	padding: 80px 6px 10px;
	position: relative
}

.index-container .service_item .service_item--text {
	font-size: 16px;
	text-align: center;
	color: #969696;
	line-height: 23px
}

.index-container .service_item .service_item--footer {
	padding-top: 14px;
	text-align: center
}
.aboutus_banner {
	position: relative;
	background: url(/images/pages/in_recom_pro.jpg) 50% 0 no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	padding: 0;
}

.promo_banner-container {
	position: relative;
	background: url(/images/products/aboutus_bar1.jpg) 50% 0 no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	padding:0;
}
.promo_banner-box {
	height: 100%;
	padding: 100px 0 120px;
	color: #fff;
	background: rgb(0 0 0 / 70%);
	text-align: center
}

.promo_banner-box .promo_banner--title {
	font-size: 40px;
	font-weight: 400
}

.promo_banner-box .promo_banner--text {
	font-size: 22px;
	line-height: 30px;
	opacity: .8;
	padding: 32px 0 43px;
	font-weight: 300
}

.promo_banner-box .promo_banner--footer .am-btn-secondary {
	border-radius: 4px
}

@media screen and (max-width:640px) {
	.section.promo_banner-container {
		padding: 0!important
	}

	.promo_banner-box .promo_banner--title {
		font-size: 34px!important
	}

	.promo_banner-box .promo_banner--text {
		font-size: 16px
	}

	.promo_banner-box {
		padding: 40px 0
	}

	.promo_banner-box .container {
		padding: 0 20px
	}
}

[class*="am-index-"] {
	width: 100%;
	float: left;
	position: relative;
  }

  @media only screen and (min-width:641px) {
	.am-index-md-4 {
	width: 33.33333333%;
	padding-left: 1rem;
    padding-right: 1rem;
	}
  }

/* ====== index products tabs ====== */
.am-tabs-default .am-tabs-nav {
	width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    display: block;
}
.am-tabs-default .am-tabs-nav .am-btns {
    display: inline-block;
	border: 1px solid transparent;
	padding: 0 5px;
}
.am-tabs-default .am-tabs-nav .am-btns a{
	background-color: #cacaca;
	padding: 0 15px;
	color: #fff;
	line-height: 40px;
}
.am-tabs-default .am-tabs-nav .am-active a{
	background-color: #3eb4f0!important;
	border-color: #3eb4f0;
	padding: 0 15px;
	color: #fff;
	line-height: 40px;
}
.am-tabs-bd {
	border:0;
}
.am-tabs-bd .am-tab-panel {
	position: absolute;
}
.post h3{
	margin: 0 0 0 0;
	font-weight: 700;
}
@media screen and (max-width:640px) {
	.post img {
		display: block;
		max-width: 100%;
		height: auto;
	  }
.am-tabs-default .am-tabs-nav .am-btns{
	display: inline-block;
	padding: 0;
	}
.am-tabs-default .am-tabs-nav .am-btns a{
	padding: 0 7px;
	}
}
/* ====== error 404 pages ====== */
.error {
    text-align: center;
    color: #fff;
    padding-bottom: 80px;
}
.error.error-dark {
    background-color: #0066ac;
}
.error h2 {
    font-size: 120px;
		padding-top: 30px;
}
.error p:nth-of-type(1) {
    font-size: 30px;
    margin-top: -20px;
    margin-bottom: 0;
}
.error .am-btn-secondary {
    background: 0 0;
    border: 2px solid #fff;
    font-size: 18px;
    border-radius: 4px;
    padding: 10px 30px 10px 20px;
    margin-top: 25px;
}


/*　PC端catagory页图文展示css*/
@media only screen and (min-width: 641px) {
	.post{
		padding: 0 ;
		width: 75%;
		float: left;
		padding:  0;
	}
	.post img{
		display: block;
		}
	.post p{
	font-size: 16px;
	line-height: 30px;
	color: #444;
	margin: 10px 0 8px 0;
}
.post p a{
}

	.post .item-list {
		position: relative;
		display: block;
		margin-bottom: -1px;
		background-color: #fff;
		border-width: 1px 0;
		padding: 15px 5px;
	}
	.post .am-list-thumb{
		padding: 0;
	}
	.post .item-list-title{
		text-align: center;
		margin: 0;
		border: none;
		height: 50px;
	}
	.post .item-list-title a{
		color: #444444;
		font-size: 15px;
		font-weight: 400;
	}
	.post .img-border{
		border: 1px solid;
		display: block;
		border-color: #d6d6d6;
	}
	.post .item-list-text p{
		color: #a5a5a5;
		font-size: 15px;
		margin: 0px;
	}
	.post .am-list-main{
		padding: 0 18px 0 15px;
	}
}


/*　catarogy 手机端列表页图文展示css*/
@media screen and (max-width:640px) {
	.post{
		padding:  0 0 12px 0;
	}
	.post p{
    font-size: 16px;
    line-height: 30px;
    color: #696969;
	margin: 0 0 10px 0;
	padding: 0 15px;
	}
	.post .item-list {
		width: 50%;
		float: left;
		padding: 0 5px;
		position: relative;
		display: block;
	}

	.post .item-list-title{
		margin: 0;
	}
	.post .item-list-title a{
	color: #616060;
	font-size: 14px;
	font-weight: bold;
	}

	.post .item-list-title{
	text-align: center;
	display: block;
    border: none;
	margin: 8px 0 5px 0;
    line-height: 20px;
	}
}

/* sider bar css*/
.blog_sidebar {
    overflow: hidden;
}
.blog_sidebar ul {
	padding-left: 0px;
    margin-block-end: 0em;
}
.blog_sidebar .widget{
	border: 1px solid #e5e5e5;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	background-color: #ffffff;
}
.blog_sidebar .widget .widgettitle {
    background: #fafafa;
    position: relative;
    font-size: 18px;
    padding:15px 10px 15px 34px;
    margin: 0;
    font-weight: 400;
}
.blog_sidebar .widget .widgettitle i {
    margin-right: 8px;
    color: #ec0000;
}
.blog_sidebar .widget .current-cat {
	clear: both;
	background-color: #ec0000;
}
.blog_sidebar .widget ul .current-cat a{
	color: #ffffff!important;
	padding: 5px 0;
}
.blog_sidebar .widget .current-cat-parent {
	clear: both;
	background-color: #ff0000;
}
.blog_sidebar .widget ul .current-cat-parent a{
	color: #ffffff!important;
	padding: 5px 0;
}

.blog_sidebar .widget ul {
    font-size: 15px;
    line-height: 24px;
    padding: 0;
    margin: 0!important;
}

.blog_sidebar .widget ul li {
    border-top: 1px solid #e5e5e5;
    padding: 3px 10px 3px 34px;
    list-style: none;
}
.blog_sidebar .widget a {
    color: #666;
	padding: 5px 0;
	display: block;
	width: 210px;
}

.blog_sidebar .cat-link {
    margin-block-end: 0em;
    margin-block-start: 0em;
}

.blog_sidebar .cat-link-li, .cat-link .cat-item {
border: 1px solid #e5e5e5;
    background-color: #ffffff;
    border-top: 1px solid #e5e5e5;
    padding: 7px 10px 7px 34px;
    list-style: none;
}

.blog_sidebar .cat-link-li a, .cat-link .cat-item a{
	 color: #9b9b9b;
	 padding: 5px 0;
}

.cat-link .current-cat {
    clear: both;
    background-color: #ff0000;
}

.cat-link .current-cat a {
    color: #ffffff!important;
    padding: 5px 0;
}

/* 分页导航  */
.navigation{
	clear: both;
	padding: 15px 0 0 10px;
}

.navigation .current{
z-index: 2;
color: #fff;
background-color: #ec0000;
border-color: #ec0000;
cursor: default;
}
.navigation a{
color: #ec0000;
}
.navigation .current:hover{
color: #fff;
background-color: #ec0000;
border-color: #ec0000;
}
  /* catagory　barner */
  .am-container {
	max-width: 1170px;
  }

  /* download css*/
 .layout-container .des {
	text-align: center;
	color: #fff;
	line-height: 34px;
    font-size: 18px
 }

 .layout-container .des-icon {
	padding-top: 35px;
 }
 .layout-container .des-icon i{
	 font-size: 40px;
	 padding:0 15px 5px 15px;
 }
 @media (max-width:1200px) {
.page-down {
	clear: both;
	padding: 20px 0 20px 0;
}
 }
.color-g{
	background-color: #ececec;
}
.page-down .container{
display: flex;
}
.page-down .section-downloads{
    align-items: center;
    justify-content: space-between;
    padding: 50px 0;
 }
 .cycle_box {
    background-image: url(/images/pages/cycle.png);
    background-size: contain;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.rotate{-webkit-transition-property:-webkit-transform;-webkit-transition-duration:1s;-moz-transition-property:-moz-transform;-moz-transition-duration:1s;-webkit-animation:rotate 10s linear infinite;-moz-animation:rotate 10s linear infinite;-o-animation:rotate 10s linear infinite;animation:rotate 10s linear infinite}
@-webkit-keyframes rotate{
	from{-webkit-transform:rotate(0)}
	to{-webkit-transform:rotate(360deg)}}
	@-moz-keyframes rotate{
	from{-moz-transform:rotate(0)}
	to{-moz-transform:rotate(359deg)}}
	@-o-keyframes rotate{
	from{-o-transform:rotate(0)}
	to{-o-transform:rotate(359deg)}}
	@keyframes rotate{
	from{transform:rotate(0)}
	to{transform:rotate(359deg)}}

 @media (min-width: 1200px){
 .page-down .section-downloads {
    width: 1170px!important;
		margin: 0 auto;
	}	
	.section-single {
		display: flex;
		padding: 30px 0 20px 0;
	}
	.section-single .title{
	padding: 40px 0 0 0;
    font-size: 21px;
    font-weight: 500;
    margin: 0;
    border: none;
	}
 }
 @media (max-width: 1200px){
	   .section-single {
		   display: flex;
		   padding: 30px 0 20px 0;
	   }
	   .section-single .title{
	   padding: 3px 0 0 0;
	   font-size: 21px;
	   font-weight: 500;
	   }
	}


.page-down .section-downloads .am-u-md-6{
	text-align: center;
}

.page-down .section-downloads .desc {
  font-size: 16px;
	padding: 0;
  margin: 0;
}
.page-down .section-downloads .am-u-md-6 img {
	width: 100%;
  }

@media screen and (max-width:640px) {
		/* page_contact-us barnnar　目录页barner */
	.layout-container .page-header h3,
	.layout-container .news h1 {
		font-size: 20px; margin:0 0 15px 0;
		color: #ffffff;
		text-align: center;
	}

.page-down .section-downloads .title {
	font-size: 30px;
	font-weight: 500;
	padding-top: 20px;
	margin: 0;
	}
.page-down .section-downloads .am-u-md-6 img {
	width: 100%;
	padding-top: 20px;
	}
	.product-pre .container .pro-list{
		margin-left: 10px;
	}
	/* 产品页 移动端 header barnar css */
	.page-header-single{
	font-size: 24px;
	text-align: left;
	color: #fff;
	font-weight: 400;
	padding-top: 20px
	}
	.section-single {
	padding: 30px 5px 20px 0;
	}
	.section-single .am-u-md-6{
	padding: 0 10px 10px 10px;
	}
	.sm-hide{display: none !important;}
}


  @media screen and (min-width:640px) {
 /* page_contact-us barnnar　目录页barner */
 .section-news {
	display: flex;
	padding: 15px 0 10px 0;
 }
 .section-news h1{
	 margin-left: 10px;
	 font-size: 20px;
 }
 .section-single {
	display: flex;
	padding: 30px 0 20px 0;
}
		.layout-container .page-header h3 {
			font-size: 26px;
			 margin: 0;
			color: #ffffff;
		   text-align: center;
		}

	.page-down .section-downloads .title {
		font-size: 36px;
		font-weight: 500;
		padding: 45px 0 14px 0;
		margin: 0;
		}
		
		.product-pre .container .pro-type{
			width: 50%;
		}
		.product-pre .container .pro-list{
			margin-left: 40px;
		}
		/* 产品页 PC端 header barnar css */
	.page-header-single{
		font-size: 30px;
		color: #fff;
		font-weight: 400;
		padding-top: 10px;
		}
  }


	.product-pre {
		clear: both;
		display: flex;
		padding: 10px 0 5px 0;
	}
	.product-pre .container{
	align-items: center;
	justify-content: space-between;
	}
	.product-pre .container img{
		width: 100%;
		}
	

	.product-pre .container .pro-list h2{
		float: left;
		margin:5px 0;
		width: 50%;
		font-size: 18px;
		font-weight: 400;
	}

@media screen and (min-width:640px) {
.page-barnar-case{
	height: 500px;
}
}

@media screen and (max-width:640px) {
	.page-barnar-case{
		height: 450px;
	}
	}

@media screen and (min-width:640px) {
.post .pro-detail{
	display: flex;
	font-size: 20px;
    padding: 5px 10px;
    margin-bottom: 20px;
    color: #000000;
    border-bottom: 1px solid #232323;
}
}
@media screen and (max-width:640px) {
.post .pro-detail{
font-size: 18px;
    margin: 5px 10px;
    padding: 5px 10px;
    color: #525252;
    border-bottom: 1px solid #232323;
}
}

@media screen and (min-width:640px) {
	.post .pro-news{
		padding: 5px 10px;
		margin-bottom: 20px;
		color: #525252;
		border-bottom: 1px solid #232323;
	}
	}
	@media screen and (max-width:640px) {
	.post .pro-news{

		margin: 5px 10px;
		padding: 5px 10px;
		color: #525252;
		border-bottom: 1px solid #232323;
	}
	}

.am-navbar-default .am-navbar-nav {
    background-color: #ec0000;
}
.post .product-section{
 margin: 10px 0;
}
@media screen and (min-width:640px) {
.post .product-section{
display: flex;
}}

@media screen and (max-width:640px) {
.post .product-section{
overflow: hidden;
}}


@media screen and (min-width:640px) {
.post h2{
color: #ec0000;
font-size: 20px;
margin: 35px 0 10px 0; 
border-bottom: 1px solid;
padding-bottom: 8px;
}}

@media screen and (max-width:640px) {
.post h2{
color: #ec0000;
font-size: 20px;
margin: 25px 15px 10px 15px; 
border-bottom: 1px solid;
padding-bottom: 5px;
}

.post h3{
	margin: 20px 15px 10px 15px;
	}
}
@media screen and (min-width:640px) {
	.post .product-pre h1{
	font-size: 22px;
	margin: 5px 0 25px 0; 
	border-top: 1px solid #0e90d247;
	text-align: center;
	}}
	
	@media screen and (max-width:640px) {
	.post .product-pre h1{
	font-size: 22px;
	margin: 5px 15px 15px 15px; 
	border-top: 1px solid #0e90d247;
	text-align: center;
	}
}


@media screen and (min-width:640px) {
.post .product-section h3{
    margin: 0px;
    padding-top: 15px;
    border: none;
    padding-bottom: 0px;
}}

@media screen and (max-width:640px) {
.post .product-section h3{
	color: #111;
	margin: 10px 5px;
}}
@media screen and (max-width:640px) {
	.post .product-section p{
		padding: 0 5px;
	}
	.title-box {
		height: 70px;
	}
}


.title-box .index-pro-title{
	text-align: center;
	    margin: 12px 0 0 0;
		font-weight: 500;
		font-size: 14px;
}

.title-box .index-pro-title a{
	color: #000000;
}

.in-item-lt {
	padding-left: 1rem;padding-right: 1rem;padding-bottom: 2rem;}
@media screen and (max-width:640px) {
.in-item-box{
	padding: 0 0 0 0;
}
.in-item-lt {
    float: left;
    padding: 0 5px;
    position: relative;
    display: block;
    }
.in-item-lt img {
    width: 100%;
    display: block;
}
}

 @media only screen and (min-width:641px) {
	.contact .form-text1{
		width: 48%;
		float: left;
		margin: 5px 6px;
	}
	.contact .input-text{
		width: 100%;
		padding: 15px 20px;
		border: 2px solid #e2e1e1;
	}
	.contact .input-message{
		width: 100%;
		padding: 15px 20px;
		border: 2px solid #e2e1e1;
		height: 220px;
	}
	.contact .form-textarea{
		clear: both;
		width: 98%;
		margin: 0px 6px;
		padding: 6px 0;
	}
	.post .wiki{
		margin: 10px 100px 5px 0px;
	}
	.pages-barnar{
		height: 500px;
		background-size: cover;
	}
	.in-item-lt img{border: 1px solid;display: block;border-color: #d6d6d6;width: 100%;}
	.in-item-lt p{font-size: 14px;color: #9b9b9b;}
 }
.pro_trans{
	background: url(/images/pages/products.jpg) 23%;background-size: cover;
}



 @media screen and (max-width:640px) {
	.contact .form-text1{
		width: 100%;
		}
	.contact .input-text{
		width: 100%;
		padding: 15px 20px;
		margin: 8px auto;
		border: 2px solid #e2e1e1;
	}
	.contact .input-message{
		width: 100%;
		padding: 15px 20px;
		border: 2px solid #e2e1e1;
		height: 220px;
	}
	.post .wiki{
		margin: 5px 20px;
	}

	.pages-barnar{
	height: 400px;
	background-size: cover;
	}
	.pages-barnar .page-header{
	background: rgba(0, 0, 0, 0.5);
	height: 300px;
	}

	.news-barimg{
		background: url(/images/pages/page-news.jpg) 23%;
		background-size: cover;
	}
}
.ez-toc-grey{
	background: #f9f9f9;
	border: 1px solid #aaa;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
	display: table;
	margin: 15px 0 0 15px;
	padding: 10px 10px 0 0;
	position: relative;
	width: auto;
}
.am-menu-offcanvas1 .am-menu-toggle{
	position: absolute;
	right: 5px;
	top: -58px!important;
	display: block;
	width: 100%!important;
	height: 73px!important;
}
.m-contact {
	text-align: left;
	margin-left: 55px;
	color: #ffffff;
}
.m-contact h3{
	text-align: left;

}
.index-qr{
	width: 157px;
	height: 168px;
	background: url(/images/pages/whatsapp_qr.jpg) no-repeat 0 0;
}
.captcha-image input{
	margin: 0 5px 0 8px;
}
.captcha-image .cf7ic_instructions{
	vertical-align: middle;
}
.captcha-image svg{
	vertical-align: middle;
}
.cat-news {
	width: 100%;
}
.cat-news h1{
	text-align: center;
}

.index-page .index-banner .index-mask {
	background: rgba(0, 0, 0, 0.45);
}
@media screen and (min-width:1500px) {
	.index-page .index-banner {
		height: 650px
	}
}
@media screen and (min-width:1700px) {
	.index-page .index-banner {
		height: 750px
	}
		.index-page .index-banner .index-mask {
		background: rgba(0, 0, 0, 0.45);
	}
	.index-page .index-banner .slide_simple--title {
		font-size: 50px;
		padding-top: 170px;
	}
}
@media screen and (max-width:1500px) {
	.index-page .index-banner {
		height: 550px
	}
	.index-page .index-banner .index-mask {
		background: rgba(0, 0, 0, 0.45);
	}
	.index-page .index-banner .slide_simple--title {
		font-size: 42px;
		padding-top: 100px;
	}
}

@media screen and (max-width:1170px) {
	.index-page .index-banner {
		height: 550px
	}
	.index-page .index-banner .slide_simple--title {
		font-size: 35px;
		padding-top: 70px;
	}
}
@media screen and (max-width:640px) {
	.index-page .index-banner {
		height: 450px
	}
	.index-page .index-banner .slide_simple--title {
		font-size: 30px;
		padding-top: 60px;
	}
	.in-item-lt {width: 50%;float: left;padding: 0 5px;position: relative; display: block;}
}
.reco_img {
    border-radius: 50%;
    overflow: hidden;
    text-align: -webkit-center;
    padding: 20px;
}

.post .am-list {
    margin-bottom: 1rem;
}
.post .am-list>li>a {
	font-size: 2rem;
	color: #000;
	display: block;
}
.post .am-list>li>a:hover{
    color: #ec0000;
}
.post .am-list>li{
    border-top: 1px solid #fff;
    margin: 10px 0 10px 0;
    
}

.post .am-list .am-r{
	text-align: center;
}
.post .am-list button:focus,.post .am-list button:hover {
    background-color: #5e5e5e;
	color: #fff;
    border-color: #5e5e5e;
}

@media screen and (min-width:1170px) {
	.post .am-list-item-text{
		width: 85%;
		float: left;
		margin-right: 10px;
	}
	.post span{
		float: right;
	}
	}	

@media only screen and (min-width: 640px){
	.in-news {
		width: 48%;
	}
}

.news-img-list{
        width: 100%;
    object-fit: cover;
        height: 78px;
    border: solid, 1px, #9f9b9b;
    border-radius: 8px;
}