@charset "utf-8";

.owl-theme .owl-controls {
	margin-top: 10px;
	text-align: center
}

.focus .focus-img span {
	height: 595px;
}

.topbar {
	position: relative;

  z-index:99;
}

#header .banner {
	margin-top: 0px;
}
#header>.cw{
      display: flex;
}


.swiper1 .swiper-slide {
	overflow: hidden;
}

.swiper1 .swiper-slide img {
	width: 100%;
}

.swiper1 .swiper-slide a {
	background: #ffffff;
	display: block;
}

.swiper1 .swiper-slide .con {
	padding: 10px;
}

.swiper1 .swiper-slide .title {
	font-size: 18px;
	text-align: center;
}

.swiper1 .swiper-slide .summary {
	color: #999;
	font-size: 14px;
	text-align: center;
}

.topBanner span {
	height: inherit;
	width: 100%;
	color: #fff;
	font-size: 36px;
	text-align: center;
	position: absolute;
	font-weight: bold;
	margin-top: 170px;
}

.topBanner span::after {
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));


}

.top-tel{
  display:none;
}
.content-text h2{
      text-align: center;
    font-size: 30px;
    color: #015aaa;
    padding: 10px;
}
.baiduMaps{
      width: auto!important;
    height: 500px!important;
}

.side-bar a.gotop{
  border-color:#dd0a11;
}
.side-bar a.gotop .fa{
  color:#dd0a11;
}
.side-bar a.gotop:hover{
  background: #dd0a11;
    
}
.owl-theme .owl-controls .owl-buttons div {
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);
	opacity: .5
}

.flex {
	display: flex;
}

.flex-1 {
	flex: 1;
}

.f-wrap {
	flex-wrap: wrap;
}

#bannerMenuBar>li {
	width: auto;
	padding: 0 16px;
}

#bannerMenuBar>li a {
	font-size: 18px;
}

.topBanner .con {
	height: 395px;
}
#bannerMenuBar{margin-right:0;}
.footer-textbox p{display:block!important;}
.footer-textbox>p{display:none!important;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
	filter: Alpha(Opacity=100);
	opacity: 1;
	text-decoration: none
}

.pages b {
    border-color: #e97478;
    background-color: #e97478;
}

.owl-theme .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
	*display: inline
}

.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);
	opacity: .5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
	filter: Alpha(Opacity=100);
	opacity: 1
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px
}

.owl-item.loading {
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}

.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
	float: left
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
	cursor: pointer
}

.owl-controls {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.grabbing {
	cursor: url(grabbing.png) 8 8, move
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0)
}

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x: 50%;
	-webkit-perspective-origin-y: 50%;
	-moz-perspective: 1200px;
	-moz-perspective-origin-x: 50%;
	-moz-perspective-origin-y: 50%;
	perspective: 1200px
}

.owl-fade-out {
	z-index: 10;
	-webkit-animation: fadeOut .7s both ease;
	-moz-animation: fadeOut .7s both ease;
	animation: fadeOut .7s both ease
}

.owl-fade-in {
	-webkit-animation: fadeIn .7s both ease;
	-moz-animation: fadeIn .7s both ease;
	animation: fadeIn .7s both ease
}

.owl-backSlide-out {
	-webkit-animation: backSlideOut 1s both ease;
	-moz-animation: backSlideOut 1s both ease;
	animation: backSlideOut 1s both ease
}

.owl-backSlide-in {
	-webkit-animation: backSlideIn 1s both ease;
	-moz-animation: backSlideIn 1s both ease;
	animation: backSlideIn 1s both ease
}

.owl-goDown-out {
	-webkit-animation: scaleToFade .7s ease both;
	-moz-animation: scaleToFade .7s ease both;
	animation: scaleToFade .7s ease both
}

.owl-goDown-in {
	-webkit-animation: goDown .6s ease both;
	-moz-animation: goDown .6s ease both;
	animation: goDown .6s ease both
}

.owl-fadeUp-in {
	-webkit-animation: scaleUpFrom .5s ease both;
	-moz-animation: scaleUpFrom .5s ease both;
	animation: scaleUpFrom .5s ease both
}

.owl-fadeUp-out {
	-webkit-animation: scaleUpTo .5s ease both;
	-moz-animation: scaleUpTo .5s ease both;
	animation: scaleUpTo .5s ease both
}

.not-found-404 {
	text-align: center;
	padding: 50px
}

.not-found-404 .not-found-txt {
	font-size: 150px;
	color: #015aa8
}

.not-found-404 .action {
	margin-top: 30px
}

.not-found-404 .action a {
	color: #fff;
	background-color: #015aa8;
	padding: 10px 20px;
	display: inline-block;
	margin: 0 20px
}

@-webkit-keyframes empty {
	0% {
		opacity: 1
	}
}

@-moz-keyframes empty {
	0% {
		opacity: 1
	}
}

@keyframes empty {
	0% {
		opacity: 1
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-moz-keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-webkit-keyframes backSlideOut {
	25% {
		opacity: .5;
		-webkit-transform: translateZ(-500px)
	}

	75% {
		opacity: .5;
		-webkit-transform: translateZ(-500px) translateX(-200%)
	}

	100% {
		opacity: .5;
		-webkit-transform: translateZ(-500px) translateX(-200%)
	}
}

@-moz-keyframes backSlideOut {
	25% {
		opacity: .5;
		-moz-transform: translateZ(-500px)
	}

	75% {
		opacity: .5;
		-moz-transform: translateZ(-500px) translateX(-200%)
	}

	100% {
		opacity: .5;
		-moz-transform: translateZ(-500px) translateX(-200%)
	}
}

@keyframes backSlideOut {
	25% {
		opacity: .5;
		transform: translateZ(-500px)
	}

	75% {
		opacity: .5;
		transform: translateZ(-500px) translateX(-200%)
	}

	100% {
		opacity: .5;
		transform: translateZ(-500px) translateX(-200%)
	}
}

@-webkit-keyframes backSlideIn {

	0%,
	25% {
		opacity: .5;
		-webkit-transform: translateZ(-500px) translateX(200%)
	}

	75% {
		opacity: .5;
		-webkit-transform: translateZ(-500px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateZ(0) translateX(0)
	}
}

@-moz-keyframes backSlideIn {

	0%,
	25% {
		opacity: .5;
		-moz-transform: translateZ(-500px) translateX(200%)
	}

	75% {
		opacity: .5;
		-moz-transform: translateZ(-500px)
	}

	100% {
		opacity: 1;
		-moz-transform: translateZ(0) translateX(0)
	}
}

@keyframes backSlideIn {

	0%,
	25% {
		opacity: .5;
		transform: translateZ(-500px) translateX(200%)
	}

	75% {
		opacity: .5;
		transform: translateZ(-500px)
	}

	100% {
		opacity: 1;
		transform: translateZ(0) translateX(0)
	}
}

@-webkit-keyframes scaleToFade {
	to {
		opacity: 0;
		-webkit-transform: scale(.8)
	}
}

@-moz-keyframes scaleToFade {
	to {
		opacity: 0;
		-moz-transform: scale(.8)
	}
}

@keyframes scaleToFade {
	to {
		opacity: 0;
		transform: scale(.8)
	}
}

@-webkit-keyframes goDown {
	from {
		-webkit-transform: translateY(-100%)
	}
}

@-moz-keyframes goDown {
	from {
		-moz-transform: translateY(-100%)
	}
}

@keyframes goDown {
	from {
		transform: translateY(-100%)
	}
}

@-webkit-keyframes scaleUpFrom {
	from {
		opacity: 0;
		-webkit-transform: scale(1.5)
	}
}

@-moz-keyframes scaleUpFrom {
	from {
		opacity: 0;
		-moz-transform: scale(1.5)
	}
}

@keyframes scaleUpFrom {
	from {
		opacity: 0;
		transform: scale(1.5)
	}
}

@-webkit-keyframes scaleUpTo {
	to {
		opacity: 0;
		-webkit-transform: scale(1.5)
	}
}

@-moz-keyframes scaleUpTo {
	to {
		opacity: 0;
		-moz-transform: scale(1.5)
	}
}

@keyframes scaleUpTo {
	to {
		opacity: 0;
		transform: scale(1.5)
	}
}

@font-face {
	font-family: "iconfont";
	src: url('iconfont.eot?t=1559544788664');
	src: url('iconfont.eot?t=1559544788664#iefix') format('embedded-opentype'), url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url('iconfont.woff?t=1559544788664') format('woff'), url('iconfont.ttf?t=1559544788664') format('truetype'), url('iconfont.svg?t=1559544788664#iconfont') format('svg')
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-linkedin:before {
	content: "\e602"
}

.icon-facebook-copy:before {
	content: "\e606"
}

.icon-2:before {
	content: "\e64c"
}

.icon-menu:before {
	content: "\e6a3"
}

.icon-tel:before {
	content: "\e653"
}

.icon-chat:before {
	content: "\e663"
}

.icon-user:before {
	content: "\e644"
}

.icon-mail:before {
	content: "\e88f"
}

.icon-zc:before {
	content: "\e604"
}

.icon-edit:before {
	content: "\e611"
}

.icon-shoucang-:before {
	content: "\e707"
}

.icon-mail1:before {
	content: "\e6cb"
}

.icon-youtube:before {
	content: "\e629"
}

.icon-skype:before {
	content: "\e6d5"
}

.icon-whatsapp:before {
	content: "\e6ef"
}

.icon-userreviews:before {
	content: "\e697"
}

.icon-address1:before {
	content: "\e652"
}

.icon-user1:before {
	content: "\e60c"
}

.icon-Fax:before {
	content: "\e68c"
}

.icon-rili:before {
	content: "\e607"
}

.icon-skype1:before {
	content: "\e6ad"
}

.icon-search:before {
	content: "\e600"
}

.icon-tw:before {
	content: "\e778"
}

.icon-fax:before {
	content: "\e603"
}

.iconfont:before {
	display: inline-block;
	margin: 0 auto
}

@font-face {
	font-family: 'Conv_POPP';
	src: url('/dm-content/themes/hi-domai/fonts/POPPINS-REGULAR.eot');
	src: local('☺'), url('/dm-content/themes/hi-domai/fonts/POPPINS-REGULAR.woff') format('woff'), url('/dm-content/themes/hi-domai/fonts/POPPINS-REGULAR.ttf') format('truetype'), url('/dm-content/themes/hi-domai/fonts/POPPINS-REGULAR.svg') format('svg');
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'Conv_POPPb';
	src: url('/dm-content/themes/hi-domai/fonts/POPPINS-BOLD.eot');
	src: local('☺'), url('/dm-content/themes/hi-domai/fonts/POPPINS-BOLD.woff') format('woff'), url('/dm-content/themes/hi-domai/fonts/POPPINS-BOLD.ttf') format('truetype'), url('/dm-content/themes/hi-domai/fonts/POPPINS-BOLD.svg') format('svg');
	font-weight: normal;
	font-style: normal
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-touch-callout: none
}

img {
	border: 0 none;
	vertical-align: middle
}

body {
	font-family: 'Conv_POPP', Arial, Helvetica, sans-serif;
	font-size: 14px;
	overflow-x: hidden;
	color: #333;
	background: #f4f4f4
}

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
table,
td,
blockquote,
pre,
a,
address,
big,
cite,
code,
del,
em,
font,
img,
ins,
small,
strong,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
	margin: 0;
	padding: 0
}

input,
select,
textarea {
	font-size: 16px;
	border: 0;
	margin: 0;
	padding: 0;
	outline: 0;
	font-family: Arial;
	font-size: 14px
}

img {
	border: 0 none;
	vertical-align: middle
}

a {
	color: #333;
	text-decoration: none;
	background-color: transparent;
	transition: .3s
}

a:hover {
	cursor: pointer
}

a:focus {
	outline: 0
}

ul,
li,
dl,
dt,
dd {
	list-style: none outside none
}

.backToTop {
	width: 50px;
	height: 50px;
	right: 0;
	bottom: 50px;
	background: #015aaa url(/dm-content/themes/hi-domai/images/icon_top.png) no-repeat center;
	z-index: 3;
	cursor: pointer;
	position: fixed;
	text-indent: 9999px;
	color: #fff;
	opacity: .8 border-radius:5px;
	transition: all .3s
}

.backToTop:hover {
	opacity: 1
}

header {
	height: 120px;
	top: 0;
	width: 100%;
	left: 0;
	z-index: 9;
	background: #fff;
	box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.05);
	background: #f8f8f8
}

.menu {
	height: 90px;
	line-height: 90px
}

.logo {
	display: inline-block
}

#header .logo a img {

  max-height:74px;
}
#header .logo{
    top:0;
    position: relative;
}
.home_cat {
	background: #fafafa
}

.tip>a::after {
	content: "";
	position: absolute;
	border-bottom: 1px solid;
	border-right: 1px solid;
	top: 40px;
	right: 5px;
	width: 5px;
	height: 5px;
	transform: rotate(45deg);
	transition: all .5s
}

.tip:hover>a::after {
	transform: rotate(225deg)
}

#nav {
	display: block;
	float: right
}

#nav .warper {
	position: relative
}

nav li {
	display: inline-block;
	position: relative;
	float: left
}

nav li>a {
	margin: 0 20px;
	font-size: 17px;
	overflow: hidden;
	line-height: 90px;
	transition: .5s
}

nav li.on>a,
nav li:hover>a {
	color: #015aaa;
	border-bottom: 1px solid #015aaa
}

nav dl {
	position: absolute;
	background: #015aaa;
	text-align: left;
	display: block;
	top: 90px;
	left: 9999px;
	z-index: 999;
	min-width: 305px
}

nav dl dd {
	border-bottom: 1px solid rgba(255, 255, 255, .2);
	font-size: 16px
}

nav dl a {
	color: #fff;
	display: block;
	padding: 10px 20px;
	line-height: 26px;
	text-transform: capitalize;
	font-size: 14px
}

nav dl a:hover {
	background: rgba(255, 255, 255, .2);
	color: #fff
}

nav li:hover dl {
	left: 0
}

nav dd {
	position: relative
}

nav dd div {
	position: absolute;
	left: 100%;
	top: 0;
	background: #fff;
	display: none;
	width: 320px
}

nav dd div a {
	display: block;
	border-bottom: 1px dashed #ddd;
	color: #333
}

nav dd div a:hover {
	color: #015aaa
}

nav dd:hover div {
	display: block
}

li.x dd:first-child:after {
	content: ">";
	color: #fff;
	position: absolute;
	right: 20px;
	top: -21px
}

#nav .nav-button {
	width: 35px;
	height: 35px;
	border-radius: 3px;
	background: #333;
	color: #fff;
	position: absolute;
	right: 10px;
	top: 19px;
	line-height: 35px;
	text-align: center;
	font-size: 20px;
	display: none
}

#nav .nav-button i {
	font-size: 22px
}

.close-nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	visibility: hidden;
	transition: .5s;
	z-index: 88
}

.nav-open {
	transform: translateX(0)
}

.close-open {
	opacity: .5;
	visibility: visible
}

.body-hidden {
	overflow: hidden !important
}

.head_right {
	height: 100px;
	position: absolute;
	right: 0;
	top: 0
}

.head_right .languagebox {
	display: inline-block;
	vertical-align: middle;
	text-align: left
}

.searchbox {
	position: absolute;
	right: 90px;
	top: 0
}

.searchbox h6 {
	color: #333;
	font-size: 26px;
	font-weight: 100;
	width: 60px;
	text-align: center;
	line-height: 100px;
	cursor: pointer
}

.searchbox form {
	overflow: hidden;
	background: #015aaa;
	position: absolute;
	padding: 41px 0;
	right: 0;
	height: 100px;
	top: 0;
	width: 0;
	transition: all .3s
}

.searchbox form i {
	font-size: 26px
}

.searchbox form input {
	width: 160px;
	background: #015aaa;
	color: #fff;
	line-height: 33px;
	padding-left: 10px;
	float: left
}

.searchbox form button {
	width: 110px;
	line-height: 110px;
	background: #015aaa;
	border: 0;
	color: #fff;
	text-align: center;
	outline: 0;
	cursor: pointer;
	transition: all .5s;
	position: absolute;
	right: 0;
	top: 0
}

.searchbox form input::-webkit-input-placeholder {
	color: #fff
}

.searchbox form input:-moz-placeholder {
	color: #fff
}

.searchbox:hover form {
	width: 260px
}

.language_box {
	position: absolute;
	right: 245px;
	top: 30px;
	width: 95px;
	background-color: #fff;
	padding: 10px;
	z-index: 1;
	display: none
}

.top_right .language {
	background: url(/dm-content/themes/hi-domai/images/flag.gif) no-repeat;
	background-position: 0 -668px;
	margin-left: 20px;
	cursor: pointer
}

.language_box li {
	background: url(/dm-content/themes/hi-domai/images/flag.gif) no-repeat;
	padding-left: 20px
}

.language_box li.en {
	background-position: 0 -472px
}

.language_box li.ru {
	background-position: 0 -293px
}

.language_box li.es {
	background-position: 0 -263px
}

.language_box li.fr {
	background-position: 0 -413px
}

.language_box li.ar {
	background-position: 0 -143px
}

.language_box li.zh {
	background-position: 0 -173px
}

.language_box li a:hover {
	text-decoration: underline
}

.footer {
	overflow: hidden;
	background: #292a2a url(/dm-content/themes/hi-domai/images/bg_foot.jpg) no-repeat center top;
	color: #fff;
	background-size: cover;
	font-size: 16px
}

.footer a {
	color: #fff
}

.footer a:hover {
	color: #015aaa
}

.footer .warper {
	position: relative;
	padding: 0 0 100px;
}

.footer h4 {
	font-size: 26px;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 30px;
	font-weight: bold;
	position: relative;
	text-align: left;
}

.footer dl {
	overflow: hidden
}

.footer dd {
	position: relative;
	padding-left: 20px;
	line-height: 28px;
	overflow: hidden;
	margin-bottom: 20px;
	text-align: left;
}

.footer-textbox {
	padding: 0;
	margin: 0;
	border: none;

}

footer-textbox>p,
.footer-bg,
.footer-textbox p {
	display: none;
}

#footer {
	padding: 0;

}


.footer dd:before {
	content: "";
	position: absolute;
	left: 0;
	top: 11px;
	height: 6px;
	width: 6px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 8px 2px rgba(25, 79, 142, .8)
}

.footer dd a {
	word-break: break-all
}

.footer dd :last-child {
	margin-bottom: 0
}

.footer .item {
	flex: 0 0 32%;
	padding-top: 50px;
	margin-right: 4%;
	float: left
}

.footer .item li,
.contact_lis li {
	position: relative;
	min-height: 40px;
	padding-left: 50px;
	line-height: 40px;
	margin-bottom: 10px;
	text-align: left;
}

.footer .item li i,
.contact_lis li i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	overflow: hidden;
	text-align: center;
	font-size: 24px;
	position: absolute;
	left: 0;
	top: 0;
	transition: all .3s
}

.footer .item li strong,
.contact_lis strong {
	font-weight: 100
}

.footer .item li a,
.contact_lis li a {
	font-size: 16px
}

.footer .item li:last-child,
.exitbox li.item5 {
	font-size: 16px;
	color: #fff;
	margin-bottom: 0
}

.footer .item li:last-child strong,
.exitbox li.item5 strong {
	font-size: 14px;
	color: #fff
}

.footer .item li:hover a {
	color: #015aaa
}

.foot_right {
	flex: 0 0 30%;
	background: #add024;
	padding: 50px 30px;
  position:relative;

}

.foot_right .rfq_box select {
	padding: 14px 10px;
	margin-bottom: 5px;
	width: 100%
}

.foot_right i {
	width: 40px;
	height: 45px;
	line-height: 45px;
	font-size: 22px;
	color: #666;
	position: absolute;
	right: 25px
}

.footer input,
.footer textarea {
	padding: 14px 10px;
	background: #fff;
	margin-bottom: 5px;
	width: 100%;
	border: 0;
	color: #333
}

.footer textarea {
	resize: none;
	line-height: 24px
}

.footer input::-webkit-input-placeholder,
footer textarea::-webkit-input-placeholder {
	color: #ccc
}

.footer input:-moz-placeholder,
footer textarea:-moz-placeholder {
	color: #ccc
}

.footer button {
	background: #001528;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 45px;
	width: 100%;
	border: 0;
	transition: all .3s;
	color: #fff;
	cursor: pointer
}

.footer .media {
	position: relative;
	padding: 40px 0 0 0;
	text-align: left;
}

.footer .media a {
	color: #07192a;
	display: inline-block;
	font-size: 26px;
	width: 40px;
	line-height: 40px;
	height: 40px;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	margin: 0 0 0 10px
}

.footer .media a:hover {
	background-color: #4460a0;
	color: #fff
}

.footer .media a.icon-facebook-copy-copy:hover {
	background: #4460a0
}

.footer .media a.icon-tw:hover {
	background: #30afeb
}

.footer .media a.icon-2:hover {
	background: #d20000
}

.footer .media a.icon-linkedin:hover {
	background: #0085b2
}

@keyframes shake {
	0% {
		transform: translate(0px, 0px) rotate(0deg)
	}

	50% {
		transform: translate(1px, 1px) rotate(0deg)
	}

	55% {
		transform: translate(-1px, -2px) rotate(-1deg)
	}

	60% {
		transform: translate(-3px, 0px) rotate(1deg)
	}

	65% {
		transform: translate(3px, 2px) rotate(0deg)
	}

	70% {
		transform: translate(1px, -1px) rotate(1deg)
	}

	75% {
		transform: translate(-1px, 2px) rotate(-1deg)
	}

	80% {
		transform: translate(-3px, 1px) rotate(0deg)
	}

	85% {
		transform: translate(3px, 1px) rotate(-1deg)
	}

	90% {
		transform: translate(-1px, -1px) rotate(1deg)
	}

	95% {
		transform: translate(1px, 2px) rotate(0deg)
	}

	100% {
		transform: translate(1px, -2px) rotate(-1deg)
	}
}

.floatbtn {

	//animation:shake 1s infinite;position:fixed;right:0;bottom:0;z-index:5;//width:220px;height:40px;padding:0 20px;line-height:40px;font-size:18px;text-align:center;background:#8fc400;color:#fff;cursor:pointer}#floatform{position:fixed;right:0;z-index:6;width:250px;padding:20px 15px 10px 15px;border-radius:5px;background:#fff;transition:bottom .2s}#floatform .close-btn{float:right;width:24px;height:24px;background:var(--closeicon) left top no-repeat;background-size:24px 24px;cursor:pointer}#floatform.slideup{bottom:0;right:0;box-shadow:0 0 5px #ccc;transition:bottom .2s}#floatform .title{font-size:16px;font-weight:bold;text-transform:uppercase;color:#19063b;position:relative}#floatform .title:before{content:'';position:absolute;top:10px;right:0;width:18px;height:1px;background-color:currentColor;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#floatform .title:after{content:'';position:absolute;top:10px;right:0;width:18px;height:1px;background-color:currentColor;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#floatform .title:before,#floatform .title:after{cursor:pointer}#floatform .explain{color:#999}#floatform p{margin:12px 0}#floatform .result{margin:0;width:100%;line-height:20px}#floatform input{width:100%;height:28px;line-height:26px;border:1px solid #a396bb;border-radius:3px;text-indent:10px;outline:0}#floatform textarea{width:100%;height:65px;padding:5px;border:1px solid #a396bb;border-radius:3px;outline:0;font-family:sans-serif,Arial}#floatform select{border:1px solid #a396bb;border-radius:3px;outline:0;text-indent:5px;height:28px;line-height:28px;width:100%}#floatform input[type=submit]{height:auto;padding:5px 0;border:0;color:#fff;background:#8fc400;cursor:pointer}.submit{background:#8fc400!important;font-size:16px;text-transform:uppercase;width:100%;border:0;transition:all .3s;color:#fff!important;cursor:pointer}input::-webkit-input-placeholder{color:#ccc}.copyright{padding:20px 10px;text-align:center;line-height:24px;font-size:14px;background:#00101f;color:#ccc;overflow:hidden}.category-content p{margin:15px 0;font-size:16px;line-height:25px}.fixnav{position:fixed;right:0;bottom:50%;z-index:10}.fixnav .item,.fixnav .it{transition:all .3s}.fixnav .item{position:relative;height:50px;margin-bottom:5px}.fixnav h6{display:block;font-weight:100;width:50px;z-index:0;height:38px;font-size:24px;text-align:center;vertical-align:middle;line-height:50px}.fixnav .item1,.fixnav .item1 span{background:#015aa8}.fixnav .item2,.fixnav .item2 span{background:#015aa8}.fixnav .item3,.fixnav .item3 span{background:#015aa8}
	.fixnav .item4,
	.fixnav .item4 span {
		background: #015aa8
	}

	.fixnav .item span {
		font-weight: 600;
		line-height: 50px;
		transition: all .3s;
		overflow: hidden;
		font-size: 16px;
		padding: 0 20px;
		margin-right: 50px;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 3;
		display: none;
		width: 190px
	}

	.fixnav .item:hover span {
		display: block
	}

	.fixnav .item2:hover span {
		width: 210px
	}

	.fixnav a {
		color: #fff
	}

	.fixnav .it a {
		width: 38px;
		text-align: center;
		line-height: 38px;
		font-size: 24px;
		height: 38px;
		background: #000;
		display: block
	}

	.fixnav .it a.icon-facebook-copy {
		background: #4460a0
	}

	.fixnav .it a.icon-tw {
		background: #2fb0ec
	}

	.fixnav .it a.icon-googleplus {
		background: #d74837
	}

	.fixnav .it a.icon-linkedin {
		background: #0084b1
	}

	.fixnav .it a.icon-youtube {
		background: #dd1829
	}

	#banner img {
		width: 100%;
		display: block
	}

	#banner .owl-controls {
		margin-top: 0
	}

	#banner .owl-pagination {
		display: none
	}

	#banner .owl-controls .owl-buttons div {
		height: 50px;
		padding: 0;
		margin: 0;
		width: 56px;
		border-radius: 0;
		background: url(/dm-content/themes/hi-domai/images/right.png) no-repeat center;
		transition: all .3s;
		text-indent: 9999px;
		overflow: hidden;
		position: absolute;
		right: 120px;
		top: 50%;
		margin-top: -25px
	}

	#banner .owl-controls .owl-buttons div.owl-prev {
		transform: rotate(180deg);
		left: 120px
	}

	#banner .owl-controls .owl-buttons div:hover {
		opacity: 1
	}

	#banner .owl-controls .owl-page span,
	.about_img .owl-controls .owl-page span,
	.hot_pro .owl-controls .owl-page span,
	.rel_pro .owl-controls .owl-page span,
	.pro_application .owl-controls .owl-page span {
		height: 18px;
		width: 18px;
		background: #0f4584;
		opacity: 1;
		overflow: hidden;
		margin: 0 5px
	}

	#banner .owl-controls .owl-page.active span,
	#banner .owl-controls .owl-page:hover span,
	.about_img .owl-controls .owl-page.active span,
	.about_img .owl-controls .owl-page:hover span,
	.hot_pro .owl-controls .owl-page.active span,
	.hot_pro .owl-controls .owl-page:hover span,
	.rel_pro .owl-controls .owl-page.active span,
	.rel_pro .owl-controls .owl-page:hover span,
	.pro_application .owl-controls .owl-page.active span,
	.pro_application .owl-controls .owl-page:hover span {
		background: #fb0605
	}

	.secondary-menu .container {
		margin-left: -690px;
		padding: 20px
	}

	.secondary-menu .container dt a {
		color: #add024;
		font-size: 16px
	}

	.secondary-menu .container dd {
		border-bottom: 0
	}

	.secondary-menu dl {
		display: grid;
		grid-auto-flow: column;
		grid-template-rows: repeat(14, 40px);
		grid-template-columns: 25% 25% 25% 25%
	}

	.secondary-menu dt {
		color: #8fc400;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}

	.secondary-menu dt:hover {
		text-decoration: underline
	}

	.secondary-menu dd {
		margin: 0;
		color: #a396bb;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}

	.secondary-menu dd a:hover {
		color: #fff
	}

	.rfq a {
		color: #fff;
		background: #8fc400;
		padding: 10px 20px;
		transition: .5s;
		margin-right: 0
	}

	.gtq a:hover {
		background: #add024;
		color: #fff
	}

	.warper {
		width: 100%
	}

	.container {
		width: 1400px;
		margin: 0 auto
	}

	.container .topic h1,
	.container .news h1 {
		font-size: 2em;
	}
.container .main>h2{
  text-align: center;
    font-size: 30px;
    color: #015aaa;
    padding: 10px;
}
	.topbar {
		height: 30px;
		line-height: 30px;
		background: #00101f
	}

	.topbar .top_left {
		float: left
	}

	.topbar .top_left a {
		width: 38px;
		text-align: center;
		font-size: 20px;
		display: block;
		color: #fff;
		float: left
	}

	.topbar .top_right {
		float: right;
		color: #fff;
		height: 30px
	}

	.topbar .top_right a {
		color: #fff
	}

	.topbar .top_right a:hover {
		color: #acce22
	}

	.topbar .top_right span {
		padding-left: 20px
	}

	.topbar .icon-mail:before,
	.icon-shoucang-:before {
		padding-right: 5px
	}

	.row {
		overflow: hidden;
		width: 100%;
		padding-top: 40px
	}

	.conbox {
		padding: 40px 50px
	}

	ul#show li:nth-child(5) dd:after {
		display: none
	}

	.hometit {
		margin-bottom: 15px;
		position: relative
	}

	.hometit h2 {
		font-size: 26px;
		text-transform: uppercase;
		text-align: center;
		padding: 20px 0
	}

	.hometit h2:after {
		content: "";
		width: 2rem;
		height: 0.05rem;
		background: #015aa8;
		position: absolute;
		bottom: 0.18rem;
		left: 50%;
		margin-left: -1rem;
	}

	.hometit h6 {
		width: 60px;
		height: 40px;
		overflow: hidden;
		position: absolute;
		top: 10px;
		left: 0;
		background: url(/dm-content/themes/hi-domai/images/jiuyong_icon_tit.png) no-repeat left top
	}

	.hometit h6.icon_titabout {
		background-position: -60px top
	}

	.hometit h6.icon_titser {
		background-position: -240px top
	}

	.hometit h6.icon_titnew {
		background-position: -120px top
	}

	.hometit h6.icon_titcontact {
		background-position: -180px top
	}

	.hometit .more {
		position: absolute;
		right: 0;
		top: 3px
	}

	.more {
		line-height: 48px;
		width: 210px;
		text-align: center;
		display: inline-block;
		border: 1px solid #444;
		font-weight: 600;
		font-family: Conv_tt;
		border-radius: 30px;
		text-transform: uppercase;
		font-size: 16px
	}

	.more i {
		transform: rotate(180deg);
		color: #015aaa;
		display: inline-block;
		background: #fff;
		width: 20px;
		height: 20px;
		line-height: 20px;
		border-radius: 50%;
		font-size: 24px;
		text-align: center;
		vertical-align: middle;
		margin-left: 10px
	}

	.more:hover {
		background: #fb0605;
		color: #fff;
		border-color: #fb0605
	}

	.more:hover i {
		color: #fb0605
	}

	.inthiscategory img {
		border: 3px double #015aaa
	}

	.inthiscategory h3 {
		color: #015aaa
	}

	.productbox {
		overflow: hidden
	}

	.productbox .lis {
		overflow: auto;
		padding: 0 10px;
		white-space: nowrap
	}

	.productbox .lis li {
		width: 220px;
		display: inline-block;
		margin-bottom: 8px
	}

	.productbox .lis h3 {
		font-weight: 100;
		padding: 10px 20px;
		font-size: 15px;
		line-height: 32px;
		text-align: center
	}

	.productbox .lis li:hover {
		box-shadow: 0 0 10px
	}

	.productbox .lis li:hover h3 {
		background: #015aaa;
		color: #fff
	}

	.aboutl {
		float: left;
		width: 50%;
		padding: 70px 0
	}

	.aboutl h2 {
		font-size: 30px;
		color: #015aa8;
		padding-bottom: 30px;
		position: relative
	}

	.aboutl h2:after {
		content: "";
		width: 3em;
		height: 2px;
		background: #015aa8;
		position: absolute;
		bottom: 20px;
		left: 0;
	}

	.aboutl a {
		padding: 10px 20px;
		background: #015aa8;
		color: #fff;
		margin-top: 20px;
		display: inline-block
	}

	.aboutr {
		float: right;
		width: 50%;
		position: relative
	}

	.aboutr .highlights {
		position: absolute;
		bottom: -20px;
		left: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;

		margin: 20px auto;
		padding: 20px 0;
		background: #2569ca
	}

	.aboutr .highlights dl {
		box-sizing: border-box;
		width: 33.33%;
		padding: 0 30px;
		margin: 0;
		text-align: center;
		border-right: 1px solid #fff
	}

	.aboutr .highlights dl:last-child {
		border-right: 0
	}

	.aboutr .highlights dt {
		width: 100%;
		line-height: 100px;
		font-size: 48px;
		font-family: Impact;
		color: #fff
	}

	.aboutr .highlights dd {
		margin: 0;
		color: #fff
	}

	.about-page {
		overflow: hidden
	}

	.about-history {
		background: url("/uploads/website/system/about_histroy.jpg");
		padding: 60px 0
	}

	.about-history h2 {
		font-size: 26px;
		position: relative;
		text-align: center;
		padding-bottom: 30px;
	}

	.about-history h2:after {
		content: "";
		width: 2rem;
		height: 0.05rem;
		background: #015aa8;
		position: absolute;
		bottom: 0.18rem;
		left: 50%;
		margin-left: -1rem;
	}

	.about-history .history {
		display: flex;
		flex-wrap: wrap;
		border-top: 1px solid #c8c8c8;
		margin-top: 80px
	}

	.about-history .history dl {
		width: 14.28%;
		padding: 0 30px;
		margin: 0;
		text-align: center
	}

	.about-history .history dt {
		width: 100%;
		line-height: 70px;
		font-size: 26px;
		font-family: Impact;
		color: #015aa8;
		position: relative
	}

	.about-history .history dt:before {
		content: "";
		width: 10px;
		height: 10px;
		border-radius: 50%;
		border: 1px solid #015aa8;
		position: absolute;
		left: 45%;
		top: -30px
	}

	.about-history .history dd {
		margin: 0;
		color: #015aa8
	}

	.about-factory {
		background: #fff;
		padding: 60px 0
	}

	.about-factory h2 {
		font-size: 26px;
		position: relative;
		text-align: center;
		padding-bottom: 30px
	}

	.about-factory h2:after {
		content: "";
		width: 2rem;
		height: 0.05rem;
		background: #015aa8;
		position: absolute;
		bottom: 0.8em;
		left: 50%;
		margin-left: -1rem;
	}

	.about-factory ul {
		overflow: hidden
	}

	.about-factory ul li {
		float: left;
		width: 25%
	}

	.related-posts {
		padding: 60px 0
	}

	.related-posts h2 {
		font-size: 26px;
		position: relative;
		text-align: center;
		padding-bottom: 30px
	}

	.related-posts h2:after {
		content: "";
		width: 2rem;
		height: 0.05rem;
		background: #015aa8;
		position: absolute;
		bottom: 0.8em;
		left: 50%;
		margin-left: -1rem;
	}

	.related-posts ul {
		overflow: hidden
	}

	.related-posts ul li img {
		width: 307px;
		height: 180px
	}

	.related-posts ul li {
		float: left;
		width: 16.666%;
		text-align: center;
		padding-bottom: 10px
	}

	.pagination {
		text-align: center;
		height: 50px;
		line-height: 50px
	}

	.pagination a {
		border: 1px solid #015aaa;
		padding: 5px 10px;
		margin: 5px 10px
	}

	.pagination a:hover {
		background: #015aaa;
		color: #fff
	}

	.pagination .current_paged {
		background: #015aaa;
		padding: 5px 10px;
		margin: 5px 10px;
		color: #fff
	}

	.hotproductbox {
		overflow: hidden;
		background: url("/uploads/website/system/hot_bg.jpg") no-repeat
	}

	.hotproductbox .hometit p {
		position: absolute;
		right: 340px;
		top: 0;
		color: #fff;
		width: 570px;
		line-height: 28px
	}

	.hotproductbox .hometit .more,
	.servicebox .hometit .more {
		border-color: #fff;
		color: #fff
	}

	.hotproductbox .hometit .more:hover,
	.servicebox .hometit .more:hover {
		border-color: #fb0605
	}

	.hotproductbox .hometit .more i,
	.servicebox .hometit .more i {
		color: #fff;
		background: #015aaa
	}

	..hotproductbox .warper {
		position: relative
	}

	.hotproductbox .owl-carousel .owl-wrapper-outer,
	.rel_pro .owl-carousel .owl-wrapper-outer {
		z-index: 2
	}

	ul.parts-list li {
		width: 22%
	}

	.parts-list li img {
		height: auto
	}

	.index_pro,
	.pro_lis {
		margin: 0 -15px
	}

	.lis_pro a {
		display: block;
		overflow: hidden
	}

	.lis_pro img,
	.pro_lis img {
		display: block;
		width: 100%;
		transition: all .3s;
		height: 295px
	}

	.lis_pro .con,
	.pro_lis .con {
		padding: 10px
	}

	.lis_pro h3,
	.pro_lis h3 {
		font-size: 18px;
		text-align: center
	}

	.lis_pro p,
	.pro_lis p {
		color: #999;
		font-size: 14px;
		text-align: center
	}

	.lis_pro em,
	.pro_lis em {
		width: 140px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		font-style: normal;
		display: block;
		background: #001528;
		margin: 20px auto 10px;
		border-radius: 3px;
		color: #fff
	}

	.lis_pro a:hover h3,
	.pro_lis a:hover h3 {
		color: #015aaa
	}

	.lis_pro a em,
	.pro_lis a em {
		color: #fff
	}

	.lis_pro a:hover em,
	.pro_lis a:hover em {
		background: #015aaa
	}

	.lis_pro li {
		margin: 0 15px;
		float: left;
		background: #fff
	}

	.lis_pro p span,
	.pro_lis p span {
		padding-left: 20px
	}

	.lis_pro p span.capacity,
	.pro_lis p span.capacity {
		background: url(/dm-content/themes/hi-domai/images/capacity.png) no-repeat 0 4px
	}

	.lis_pro p span.power,
	.pro_lis p span.power {
		background: url(/dm-content/themes/hi-domai/images/power.png) no-repeat 5px 5px
	}

	.pro_lis {
		overflow: hidden
	}

	.pro_lis li,
	.rel_pro a {
		margin: 15px;
		float: left;
		width: 31%;
		margin-bottom: 40px;
		background: #fff
	}

	.pro_lis li:hover {
		box-shadow: 0 0 15px
	}

	.hotproductbox .owl-pagination,
	.about_img .owl-pagination,
	.newsbox .owl-pagination,
	.faq .owl-pagination,
	.about_display .owl-pagination {
		display: none
	}

	.hotproductbox .owl-buttons,
	.about_img .owl-buttons,
	.newsbox .owl-buttons,
	.faq .owl-buttons,
	.about_display .owl-buttons {
		position: absolute;
		right: 30px;
		top: -20px
	}

	.about_img .owl-buttons,
	.newsbox .owl-buttons,
	.faq .owl-buttons {
		right: 17px
	}

	.hotproductbox .owl-controls .owl-buttons div,
	.about_img .owl-controls .owl-buttons div,
	.rel_pro .owl-controls .owl-buttons div,
	.newsbox .owl-controls .owl-buttons div,
	.faq .owl-controls .owl-buttons div,
	.about_display .owl-controls .owl-buttons div {
		width: 36px;
		height: 36px;
		margin: 0;
		background: #333 url(/dm-content/themes/hi-domai/images/in.png) no-repeat center center;
		border-radius: 0;
		text-indent: 999px;
		overflow: hidden;
		position: absolute;
		right: 22px;
		background-size: 22px;
		opacity: .4;
		top: 50%;
		margin-top: -36px;
		z-index: 0
	}

	.hotproductbox .owl-controls .owl-buttons div.owl-prev,
	.about_img .owl-controls .owl-buttons div.owl-prev,
	.rel_pro .owl-controls .owl-buttons div.owl-prev,
	.newsbox .owl-controls .owl-buttons div.owl-prev,
	.faq .owl-controls .owl-buttons div.owl-prev,
	.about_display .owl-controls .owl-buttons div.owl-prev {
		left: -20px;
		right: auto;
		transform: rotate(180deg)
	}

	.hotproductbox .owl-controls .owl-page span {
		height: 18px;
		width: 18px;
		background: #fff;
		opacity: 1;
		overflow: hidden;
		margin: 0 8px
	}

	.hotproductbox .owl-controls .owl-page.active span,
	.hotproductbox .owl-controls .owl-page:hover span {
		background: #fb0605
	}

	.rel_pro .owl-controls .owl-buttons div {
		background-color: #015aaa;
		background-image: url(/dm-content/themes/hi-domai/images/right.png)
	}

	.aboutbox {
		overflow: hidden;
		background: #fff
	}

	.aboutbox h2 {
		color: #000;
		font-size: 26px;
		padding-bottom: 20px
	}

	.aboutbox p {
		font-size: 16px;
		line-height: 30px;
          text-align: justify;
    text-align-last: left;
	}

	.aboutbox .container {
		margin: 60px auto;
		position: relative;
		overflow: hidden
	}

	.aboutbox .about-left {
		float: left;
		width: 50%
	}

	.aboutbox .about-right {
		float: right;
		width: 50%;
		padding-left: 50px
	}

	.aboutbox .about-bottom {
		position: absolute;
		bottom: 0;
		display: flex;
		align-items: center;
	}

	.aboutbox .about-bottom img {
		margin-right: 35px;
		width: 145px;
	}

	.aboutbox .about-bottom a {
		padding: 33px;
		background: #015aaa;
		color: #fff;
		font-size: 20px
	}

	.aboutbox .about-bottom a:hover {
		background: #add024
	}

	.aboutbox .fon {
		color: #ccc;
		line-height: 26px;
		height: 75px;
		overflow: hidden
	}

	.adv_lis {
		overflow: hidden;
		margin: 30px 4%;
		text-align: center
	}

	.adv_lis li {
		width: 25%;
		float: left;
		padding: 10px 15px
	}

	.adv_lis li img {
		width: 100%
	}

	.hotproductbox .owl-controls,
	.rel_pro .owl-controls,
	.pro_application .owl-controls {
		margin-top: 30px
	}

	.servicebox {
		position: relative;
		overflow: hidden;
		background: url(/uploads/website/system/service-bg.jpg);
		padding: 50px 0 55px
	}

	.servicebox img {
		margin: 0 auto;
		display: block;
	}

	.servicebox .hometit {
		text-align: center
	}

	.servicebox li {
		padding: 70px 25px;
		width: 25.5%;
		float: left;
		margin: 0 50px;
		background: #fff
	}

	.servicebox li h4 {
		font-size: 20px;
		text-align: center;
		text-align: center;
		padding: 35px 0;
		position: relative
	}

	.servicebox li h4:after {
		content: "";
		width: 6rem;
		height: .12rem;
		background: #015aa8;
		position: absolute;
		bottom: 1rem;
		left: 35%
	}

	.servicebox li p {
		line-height: 28px;
		color: #999
	}

	.servicebox li h6 {
		width: 66px;
		height: 66px;
		margin: 0 auto;
		border-radius: 50%;
		overflow: hidden;
		background: #666 url(/dm-content/themes/hi-domai/images/icon_service.png) no-repeat -2px center;
		transition: all .3s
	}

	.servicebox li:nth-child(2) {
		border-right: 0;
		border-left: 0
	}

	.servicebox li:nth-child(2) h6 {
		background-position: -76px center
	}

	.servicebox li:nth-child(3) h6 {
		background-position: -147px center
	}

	.servicebox li:hover h6 {
		background-color: #add024
	}

	.servicebox li:hover h4 {
		color: #add024
	}

	.servicebox li:hover a {
		background: url(/dm-content/themes/hi-domai/images/bg_sr.png) no-repeat right center;
		color: #015aaa
	}


	.topic h3,
	.news h3 {
		font-size: 1.2em;
		font-weight: bold;
		line-height: 1.5;
	}

	.topic-news {
		overflow: hidden;
		padding: 50px 0
	}

	.topic-news .topic {
		float: left;
		width: 48%
	}

	.topic-news .news {
		float: right;
		width: 48%
	}

	.topic-news .news ul {
		border: 1px solid #d5d4d4;
		height: 440px;
		overflow: hidden
	}

	.item-list-vertical li {
		width: 47%;
		float: left;
		margin-right: 20px;
		border: 1px solid #d5d4d4;
		height: 440px
	}

	.topic-news img {
		width: 314px;
		height: 209px
	}

	.topic-news .news_excerpt {
		float: right;
		width: 48%;
		margin: 0 2%
	}

	.topic-news .news_excerpt {
		margin-top: 20px
	}

	.topic-news .news-item {
		width: 94%;
		margin: 4px 3%
	}

	.topic-news .news-item a {
		width: calc(100% - 100px);
		display: inline-block;
		color: #666;
		line-height: 28px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 16px
	}

	.topic-news .news-item span {
		float: right;
		display: inline-block;
		line-height: 28px
	}

	.topic-news .news-item a:hover {
		color: #015aaa;
		text-decoration: underline
	}

	.item-list-vertical .item-content {
		padding: 10px 16px;
		margin: 0;
		color: #666
	}

	.topic-news a.imore {
		display: inline-block;
		color: #015aaa;
		margin-top: 10px
	}

	.topic-news a.imore:hover {
		text-decoration: underline
	}

	.item-list-vertical li:hover {
		box-shadow: 0 0 10px
	}

	.topic-news .headline {
		position: relative;
		width: 100%;
		background: #f5f5f5;
		overflow: hidden;
		margin-bottom: 20px
	}

	.social ul {
		overflow: hidden
	}

	.social ul li {
		width: 16.66%;
		float: left;
		text-align: center;
		padding: 16px 0
	}

	.social ul li a {
		color: #fff;
		font-size: 26px
	}

	.social li.facebook {
		background-color: #1e73be
	}

	.social li.youtube {
		background-color: #ef4e41
	}

	.social li.linkedin {
		background-color: #238cc8
	}

	.social li.whatsapp {
		background-color: #71d14b
	}

	.social li.pinterest {
		background-color: #e13138;
		padding: 15px 0
	}

	.social li.twitter {
		background-color: #1d9bf0
	}

	.ncbox {
		overflow: hidden;
		background: #fff url(/dm-content/themes/hi-domai/images/bg_nc.jpg) repeat-x left bottom;
		padding: 0 50px 50px
	}

	.cat_case {
		width: 20%;
		float: left;
		margin: 0 10px;
      display:none;
	}

	.cat_case li {
		width: 100% !important;
		margin: 15px 0 !important
	}

	.cat_case ul {
		margin: 0
	}

	.cat_cases .news_lisr {
		width: calc(70% - 10px) !important
	}

	.cat_cases img {
		width: 30% !important;
		padding: 30px;
	}

	.newsbox {
		overflow: hidden;
		width: 70%;
		float: left
	}

	.news_lis .news_pic {
		width: 35%;
		float: left;
	}

	.tag-limg {
		padding: 20px 0 20px 20px;
	}

	.tag-limg img {
		width: 100% !important;
	}

	.news_lis img {
		width: 100%;
		height: auto;
	}

	.news_lis .news_lisr {
		width: 65%;
		float: right;
		padding: 20px
	}

	.news_lis .news_lisr h2 {
		padding: 25px 0;
      font-size:1.5em;
      font-weight:bold;
	}

	.news_lis .news_lisr p {
		line-height: 30px;
		padding-top: 10px;
	}

	.news_lis .news_lisr h2,
	p {
		color: #333
	}

	.news_lis .news_lisr span {
		color: #c0c0c0;
		padding-top: 10px;
		display: inline-block;
	}

	.news_lis .news_lisr span:before {
		padding-right: 10px;
	}

	.news_lis .news_lisr .cmore {
		color: #f00;
	}

	.news_lis .news_lisr .cmore:hover {
		text-decoration: underline;
		background-color: #fff;
	}

	.news_lis .news_lisr .news-more {
		background: #e97478;
		color: #fff;
		padding: 10px 20px;
		display: inline-block
	}

	.news_lis .news_lisr a:hover {
		background: #add024
	}

	.solution {
		overflow: hidden
	}

	.solution img {
		width: 45%
	}

	.solution .solution_li {
		width: 55%;
		float: right;
		padding: 15px
	}

	.solution .solution_li h3 {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
      font-weight: bold;
      font-size:15px;
	}

	.solution .solution_li .solution-more {
    background: #e97478;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
	}

	.solution .solution_li a:hover {
		text-decoration: underline
	}

	.solution li {
		width: 48%;
		float: left;
		margin: 30px 10px;
		overflow: hidden;
		background: #fff
	}

	.single_solution {
		width: 100%
	}

	.single_solution .infocon {
		background-color: #fff;
		padding: 30px;
		margin-top: 30px
	}

	.page_l {
		width: 73%;
		float: left
	}

	.page_l ul li img {
		width: 300px;
		height: auto
	}

	.page_l .news_lis h2,
	.page_l.news_lis p {
		padding: 0
	}

	.page_l .infocon {
		background-color: #fff;
		padding: 30px;
		margin-top: 30px
	}

	.page_l .tag_description {
		margin-top: 30px
	}

	.page_l .tag_description .tagstatus {
		border-bottom: 1px solid #e5e5e5
	}

	.category-content a {
		color: #015aa8;
	}

	.category-content a:hover {
		text-decoration: underline;
	}

	.page_l .tag_description p {
		font-size: 16px;
		padding: 10px 0;
	}

	.page_r {
		width: 27%;
		float: right;
		padding: 30px 0 0 30px;
		position: sticky;
		top: -30px
	}

	.sidebar a {
		display: block
	}
.sidebar a img{
  width:100%;
}
	.sidebar>ul>li {
		position: relative;
		z-index: 2;
		margin-top: 1px;
		font-size: 16px;
		font-weight: bold;
		line-height: 50px;
		text-indent: 26px;
		background: #fff
	}

	.sidebar>ul>li ul {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 100;
		padding: 15px 20px;
		font-size: 14px;
		background: #fff;
		box-shadow: 0 0 5px #ccc;
		opacity: 0;
		visibility: hidden;
		transform: translateX(-100%);
		transition: opacity .3s .2s
	}

	.sidebar>ul>li:hover {
		background: #015aaa
	}

	.sidebar>ul>li:hover>a {
		color: #fff
	}

	.sidebar>ul>li:hover ul {
		visibility: visible;
		opacity: 1
	}

	.sidebar>ul>li li {
		padding-right: 20px;
		font-weight: normal;
		line-height: 40px;
		text-indent: 2px;
		border-bottom: 1px solid #ddd;
		color: #999
	}

	.news_lis li {
		margin: 30px 0;
		overflow: hidden;
		background: #fff
	}

	.news_lis .pic {
		width: 385px;
		float: left;
		margin: 0;
		padding: 6px;
		border: 1px solid #dcdcdc;
		background: #fff
	}

	.news_lis .pic img {
		width: 100%
	}

	.news_lis .con {
		margin-left: 385px;
		padding: 0 0 0 30px
	}

	.news_lis em,
	.news_top em {
		margin-top: 10px;
		color: #666;
		display: inline-block;
		font-size: 14px;
		height: 26px;
		line-height: 26px;
		font-style: normal
	}

	.news_lis em i:before,
	.news_top em i:before {
		display: inline;
		font-size: 22px;
		vertical-align: middle;
		padding-right: 5px
	}

	.news_lis em.time,
	.news_top em.time {
		margin-right: 20px
	}

	.news_top {
		background: #fff url(/dm-content/themes/hi-domai/images/bg_nc.jpg) repeat-x left bottom;
		padding: 50px
	}

	.news_top img {
		display: block;
		width: 100%;
		transition: all .3s
	}

	.news_top .pic {
		width: 50%;
		float: left;
		padding: 6px;
		border: 1px solid #dcdcdc;
		overflow: hidden
	}

	.news_top .con {
		margin-left: 50%;
		padding: 30px 30px 0 50px
	}

	.news_top h3,
	.news_lis h3,
	.lis_news h3 {
		line-height: 26px;
		height: 52px;
		overflow: hidden;
		transition: all .3s
	}

	.news_top h3 {
		font-size: 20px
	}

	.news_top p {
		height: 150px;
		padding: 20px 0;
		margin: 25px 0
	}

	.lis_news {
		overflow: hidden
	}

	.lis_news li {
		width: 48%;
		float: left;
		margin-bottom: 50px
	}

	.lis_news li:nth-child(2n) {
		float: right
	}

	.lis_news .pic {
		width: 260px;
		float: left
	}

	.lis_news .con {
		margin-left: 260px;
		padding: 10px 0 0 30px
	}

	.lis_news h3 {
		height: 70px;
		margin-bottom: 15px;
		font-size: 16px;
		font-weight: normal
	}

	.lis_news p {
		line-height: 26px;
		height: 52px;
		overflow: hidden;
		color: #999
	}

	.lis_news a:hover h3 {
		color: #015aaa
	}

	.faq {
		width: 26%;
		float: right
	}

	.faq h4 {
		font-size: 18px;
		font-weight: normal;
		height: 58px;
		overflow: hidden
	}

	.faqbox {
		border: 1px solid #dcdcdc;
		background: url(/dm-content/themes/hi-domai/images/bg_faq.jpg) no-repeat 15px 55px;
		padding: 45px 40px 40px 60px;
		font-style: italic
	}

	.faqbox p {
		line-height: 26px;
		color: #999
	}

	.sub_banner {
		width: 100%;
		overflow: hidden;
		position: relative
	}

	.sub_banner img {
		display: block;
		width: 100%
	}

	.positionline {
		width: 100%;
		color: #fff;
		font-size: 36px;
		text-align: center;
		position: absolute;
		top: 35%;
		font-weight: bold
	}

	.positionline::after {
		content: "";
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: url("/dm-content/themes/hi-domai/images/title_bg.png") no-repeat center center;
		position: absolute;
		opacity: .5
	}

	.positionline a {
		color: #fff
	}

	.digg4 {
		text-align: center;
		font-family: Arial, Helvetica, Sans-serif;
		margin-top: 40px;
		font-size: 16px;
		color: #666;
		line-height: 50px
	}

	.digg4 a,
	.digg4 span {
		margin: 0 5px;
		color: #ccc;
		display: inline-block;
		border: 1px solid #ccc;
		vertical-align: middle;
		line-height: 50px;
		height: 50px;
		width: 50px;
		text-decoration: none;
		border-radius: 50%
	}

	.digg4 span.current {
		margin: 0 5px;
		color: #ff7e00;
		display: inline-block;
		vertical-align: middle;
		background: 0;
		border: 1px solid #ff7e00;
		text-decoration: none
	}

	.digg4 span.disabled {
		font-size: 26px;
		line-height: 50px;
		margin: 0 5px;
		color: #fff;
		background: #ff7e00
	}

	.digg4 .disabledfy {
		font-family: Tahoma, Verdana
	}

	.infocon {
		color: #666
	}

	.infocon h1 {
		font-size: 24px;
		font-weight: inherit;
		line-height: 30px;
		text-align: center;
		margin: 20px 0;
		color: #333
	}

	.infocon img {
		display: inline-block;
		margin: 12px 0;
		max-width: 100%;
		height: auto !important;
		max-height: 100% !important
	}

	.pubinfo {
		text-align: center;
		color: #999;
		margin-bottom: 20px
	}

	.pubinfo span {
		margin-right: 20px
	}

	.pubinfo .iconfont:before {
		margin-right: 5px
	}

	.infocon .other {
		border-top: 1px solid #ddd;
		padding: 15px 0 0 0;
		margin: 50px 0 0 0;
		line-height: 26px
	}

	.infocon .other div {
		margin: 8px 0
	}

	.infocon .other {
		color: #666
	}

	.infocon .other b {
		font-family: Conv_hel;
		font-weight: 100;
		color: #015aaa;
		margin-right: 8px
	}

	.infocon .other a {
		color: #666
	}

	.infocon .other a:hover {
		color: #015aaa
	}

	.infocon p {
		line-height: 32px;
		font-size: 15px
	}

	.exitbox {
		width: 30%;
		float: left
	}

	.exitbox li {
		overflow: hidden;
		margin-bottom: 20px;
		position: relative;
		min-height: 40px;
		font-size: 15px;
		color: #333
	}

	.exitbox ul.pdb {
		margin-bottom: 40px
	}

	.exitbox h3 {
		font-size: 18px;
		padding-bottom: 15px
	}

	.exitbox li:last-child {
		width: 100%
	}

	.exitbox li a:hover {
		color: #015aaa
	}

	.exitbox h6 {
		width: 34px;
		height: 34px;
		line-height: 34px;
		font-size: 26px;
		position: absolute;
		color: #015aaa;
		font-size: 20px;
		left: 0;
		top: 0;
		transition: all .3s
	}

	.exitbox li strong {
		margin-left: 35px;
		font-size: 16px;
		color: #015aaa;
		display: block;
		line-height: 34px
	}

	.exitbox li.item5 strong,
	.contact_lis strong {
		color: #015aaa;
		margin-top: 4px
	}

	.contact_form {
		overflow: hidden
	}

	.contact_form select {
		width: 100%;
		height: 50px;
		padding-left: 10px;
		box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07);
		border: 1px solid #9fccf3
	}

	.contact_form h2 {
		padding-left: 30px
	}

	.contact_form form {
		padding: 0 30px 50px 30px
	}

	.contact_form p {
		line-height: 28px;
		font-size: 14px;
		color: #999;
		text-align: left;
		margin: 0 0 15px 0
	}

	.contact_form input,
	.contact_form textarea {
		border-radius: 0;
		overflow: hidden;
		padding: 12px 15px;
		font-size: 16px;
		line-height: 24px;
		width: 100%;
		resize: none;
		background: #fff;
		box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07);
		border: 1px solid #9fccf3
	}

	.contact_form ul {
		overflow: hidden
	}

	.contact_form li {
		overflow: hidden;
		width: 49%;
		float: left;
		margin: 10px 4px
	}

	.contact_form textarea {
		margin-top: 10px
	}

	.contact_form input::-webkit-input-placeholder,
	.contact_form textarea::-webkit-input-placeholder {
		color: #ccc
	}

	.contact_form input:-moz-placeholder,
	.contact_form textarea:-moz-placeholder {
		color: #ccc
	}

	.contact_form form button {
		background: #015aaa;
		color: #fff;
		border: 0;
		text-transform: uppercase;
		font-size: 16px;
		font-weight: 600;
		border-radius: 5px;
		height: 55px;
		line-height: 55px;
		overflow: hidden;
		transition: all .3s;
		width: 200px;
		cursor: pointer
	}

	.contact_form form button i {
		display: inline-block;
		font-size: 38px;
		vertical-align: middle;
		font-weight: 100;
		margin-right: 10px
	}

	button:hover {
		opacity: .8
	}

	.map img {
		display: block;
		width: 100%
	}

	.map {
		width: 40%;
		float: right
	}

	.exitbox .media {
		position: relative;
		margin-top: 10%
	}

	.exitbox .media a {
		color: #fff;
		display: inline-block;
		font-size: 20px;
		width: 38px;
		height: 38px;
		background: #2f2f2f;
		border-radius: 50%;
		line-height: 38px;
		text-align: center;
		margin: 0 10px 0 0
	}

	.exitbox .media a:hover {
		color: #fff
	}

	.exitbox .media a.icon-facebook-copy {
		background: #4460a0
	}

	.exitbox .media a.icon-tw {
		background: #30afeb
	}

	.exitbox .media a.icon-2 {
		background: #d20000
	}

	.exitbox .media a.icon-linkedin {
		background: #0085b2
	}

	.newstext .tags a {
		color: #015aaa;
		background: #f3f3f3;
		padding: 5px 10px;
		margin: 5px;
		display: inline-block;
		border: 1px solid transparent
	}

	.tags a:hover {
		border: 1px solid #8fc400;
		color: #8fc400
	}

	.newstext h2 {
		margin: 20px 0 15px 0;
		color: #333;
		position: relative
	}

	.newstext h3 {
		margin: 16px 0 10px 0;
		color: #333
	}

	.newstext h2:before {
		content: "";
		width: 22px;
		height: 22px;
		display: inline-block;
		background-color: #8fc400;
		transform: rotate(45deg);
		margin: 0 10px 0 12px
	}

	.newstext h2:after {
		content: "";
		width: 20px;
		height: 20px;
		display: inline-block;
		transform: rotate(45deg);
		margin-right: 10px;
		border: 1px solid #8fc400;
		position: absolute;
		left: 4px;
		top: 1px
	}

	.newstext ul li {
		list-style: inside;
		line-height: 30px
	}

	.newstext a {
		color: #f00
	}

	.newstext a:hover,
	.breadcrumb a:hover {
		color: #add024
	}

	.newstext table {
		width: 100%;
		border-collapse: collapse
	}

	.newstext table td {
		border: 1px solid #eee;
		padding: 10px
	}

	.newstext .content-navigation {
		float: right;
		max-width: 500px;
		margin-top: 0;
		margin-left: 20px;
		padding: 10px 10px 15px 10px;
		font-size: 13px;
		line-height: 1.2em;
		background: #f6f5f5
	}

	.newstext .content-navigation ul {
		counter-reset: item
	}

	.newstext .content-navigation li {
		display: table;
		counter-increment: item
	}

	.newstext .content-navigation li:before {
		content: counters(item, ".") ". ";
		display: table-cell;
		padding-right: .6em;
		font-family: Arial
	}

	.newstext .content-navigation a {
		color: #015aaa
	}

	.hottag li {
		float: left;
		width: 25%;
		margin: 15px 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}

	.hottag li a {
		color: #015aaa;
		text-decoration: underline
	}

	.case_model a {
		color: #015aa8
	}

	.case_model a:hover {
		text-decoration: underline
	}

	.case_model ul {
		overflow: hidden;
		margin-bottom: 10px
	}

	.case_model li {
		float: left;
		width: 31%;
		background-color: #eee;
		margin: 0 10px;
		padding: 15px
	}

	.case_model li span {
		padding-left: 60px;
		font-size: 16px;
		display: block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis
	}

	.case_model li.continent p {
		background: url(/uploads/website/system/icon_earth.png) no-repeat 0
	}

	.case_model li.loca p {
		background: url(/uploads/website/system/icon_location.png) no-repeat 0
	}

	.case_model li.product p {
		background: url(/uploads/website/system/icon_factory.png) no-repeat 0
	}

	.case_model li span:first-child {
		font-weight: bold
	}

	.breadcrumb a {
		color: #fff
	}

	.breadcrumb {
		position: absolute;
		top: 57%;
		width: 100%;
		text-align: center;
		color: #fff
	}

	.sidebar .hotsale h2,
	.side-articles h2 {
		background-color: #8fc400;
		color: #fff;
		padding: 10px
	}

	.side-articles a {
		color: #0084b1;
		display: block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		padding: 5px
	}

	.side-articles a:hover {
		color: #8fc400
	}

	.hotsale {
		margin-top: 20px
	}

	.hotsale li {
		width: 100%;
		margin: 10px 0;
		color: #999;
		overflow: hidden
	}

	.hotsale .thumbnail {
		float: left;
		width: 150px
	}
.related-single h2{
      font-size: 1.7em;
    font-weight: bold;
}
	.hotsale .thumbnail img{
      width:100%;
    }
	.hotsale .text {
		float: right;
		width: calc(100% - 160px)
	}

	.hotsale .capacity {
		background: url(/dm-content/themes/hi-domai/images/capacity.png) no-repeat 0 5px;
		padding-left: 15px
	}

	.hotsale .power {
		background: url(/dm-content/themes/hi-domai/images/power.png) no-repeat 0 5px;
		padding-left: 15px
	}

	.related-single {
		overflow: hidden
	}

	.related-single ul li {
		width: 33.33%;
		float: left;
		padding: 15px 0;
		height: 150px;
	}

	.clear {
		clear: both
	}

	.about_com {
		padding-bottom: 40px
	}

	.about_com li {
		float: left
	}

	.about_com .pic {
		float: left;
		width: 50%
	}

	.about_com .fon {
		font-size: 15px;
		color: #333;
		padding: 50px 50px 0;
		float: right;
		width: 50%;
		line-height: 28px
	}

	.about_com li:nth-child(even) .pic {
		float: right
	}

	.about_com li:nth-child(even) .con {
		float: left
	}

	.about_display .warper {
		margin: 0 -15px
	}

	.about_display li {
		position: relative;
		padding: 0 15px
	}

	.about_img {
		background: #fff
	}

	.about_img li {
		padding: 0 2px;
		overflow: hidden
	}

	.about_display img,
	.about_com .pic img {
		display: block;
		width: 100%;
		transition: all .3s
	}

	.about_img .pic,
	.project_list .pic {
		position: relative;
		background: #021325;
		overflow: hidden;
		display: inline-block;
		width: 100%
	}

	.about_img li:hover img,
	.project_list li:hover img {
		transform: scale(1.1)
	}

	.about_img h3 {
		font-size: 17px;
		position: absolute;
		bottom: 150%;
		text-align: center;
		color: #fff;
		width: 100%;
		font-weight: normal
	}

	.about_img h6,
	.project_list h6 {
		width: 70px;
		height: 70px;
		background: #fff;
		font-size: 30px;
		text-align: center;
		position: absolute;
		left: 50%;
		margin-left: -35px;
		margin-bottom: -35px;
		color: #001528;
		bottom: 150%;
		border-radius: 50%;
		line-height: 70px;
		transition: all .3s
	}

	.about_img li:hover h3 {
		bottom: 20%
	}

	.about_img li:hover h6,
	.project_list li:hover h6 {
		bottom: 50%
	}

	.index_items {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		position: relative
	}

	.index_items .item {
		transform: rotateY(0);
		transition: all .50s ease-in-out 0s;
		width: 462px;
      height:297px;
      overflow:hidden;
		margin-right: 10px;
	}
.index_items .item img{width:100%;}
	.index_items .item:nth-child(2n) {
		margin-right: 0;
	}

	.index_items .item:nth-child(1),
	.index_items .item:nth-child(2) {
		margin-bottom: 10px;
	}

	.index_items .item-l {
		margin-right: 10px;
		width: 456px;
		overflow: hidden;
	}

	.index_items .box {
		position: relative;
		perspective: 1000px
	}

	.index_items .box:hover .item {
		transform: rotateY(-90deg)
	}

	.index_items .box:hover .back {
		transform: rotateY(0)
	}



	.index_items .back {
		width: 462px;
		height: 297px;
		position: absolute;
		top: 0;
		left: 0;
		padding: 30px;
		text-align: center;
		background: rgba(0, 0, 0, 0.7);
		transform: rotateY(90deg);
		transition: all .50s ease-in-out 0s
	}

	.back h2,
	.back p {
		color: #fff
	}

	.item .back2 h2,
	.item .back2 p {
		color: #fff
	}
.item .back2 h2{font-size:20px;font-weight:bold;}
.item .back2 p {margin-top:10px;}
	.index_items .back2 {
		position: absolute;
		top: 0;
		left: 0;
		display: none;
		width: 462px;
		height: 297px;
		padding: 30px;
		transition: all .50s ease-in-out 0s
	}

	.position1:hover .back2,
	.position2:hover .back2 {
		display: block;
		background-color: #015aaa;
		opacity: .8
	}

	.project {
		overflow: hidden
	}

	.project li {
		width: 33%;
		float: left;
		position: relative;
		background: url(/dm-content/themes/hi-domai/images/bg_arrow01.png) no-repeat center bottom
	}

	.project li.on:after,
	.info_menu li.on:after {
		position: absolute;
		width: 20px;
		height: 17px;
		background: url(/dm-content/themes/hi-domai/images/bg_arrow.png) no-repeat center bottom;
		left: 49%;
		bottom: -17px;
		content: ""
	}

	.project li {
		background: url(/dm-content/themes/hi-domai/images/bg_arrow.png) no-repeat center bottom
	}

	.project li:nth-child(2n) {
		margin: 0 .5% 20px
	}

	.project .project_pic {
		width: 100%;
		display: block;
		background: rgba(0, 21, 40, 0.8);
		position: absolute;
		left: 0;
		top: 0;
		height: 100%
	}

	.project li.on .project_pic {
		background: rgba(254, 151, 50, 0.8)
	}

	.project img,
	.project a {
		width: 100%;
		display: inline-block
	}

	.project_pic h6 {
		font-size: 24px;
		height: 38px;
		line-height: 38px;
		color: #fff;
		text-align: center;
		padding-left: 50px;
		margin: 55px auto 0
	}

	.project_pic h6.project01 {
		background: url(/dm-content/themes/hi-domai/images/bg_pj01.png) no-repeat left center;
		width: 180px
	}

	.project_pic h6.project02 {
		background: url(/dm-content/themes/hi-domai/images/bg_pj02.png) no-repeat left center;
		width: 120px
	}

	.project_pic h6.project03 {
		background: url(/dm-content/themes/hi-domai/images/bg_pj03.png) no-repeat left center;
		width: 230px
	}

	.project_list {
		overflow: hidden;
		padding: 30px 0
	}

	.project_list li {
		width: 25%;
		padding: 0 5px 20px;
		float: left
	}

	.project_list h4 {
		font-size: 16px;
		text-align: center;
		color: #333;
		width: 100%;
		font-weight: normal;
		padding: 10px 0
	}

	.project_list a:hover h4 {
		color: #015aaa
	}

	.product_main {
		background: #f6f6f6;
		overflow: hidden;
		padding-bottom: 80px;
		position: relative
	}

	.product_main:after {
		width: 400px;
		height: 100%;
		content: "";
		left: 0;
		top: 0;
		background: #f1f5fb;
		position: absolute
	}

	.pro_l {
		width: 400px;
		float: left;
		position: inherit;
		z-index: 2
	}

	.pro_l .tit {
		background: #015aaa;
		text-align: left;
		color: #fff;
		font-size: 28px;
		text-transform: uppercase;
		font-family: Conv_tt;
		padding: 25px 30px;
		margin-top: 25px
	}

	.pro_l .tit font {
		color: #fb0605
	}

	.motai {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #000;
		opacity: 0;
		visibility: hidden;
		transition: .5s;
		z-index: 88
	}

	.close-motai {
		opacity: .5;
		visibility: visible;
		z-index: 2
	}

	.quickbox {
		background: #fff;
		position: fixed;
		width: 60%;
		padding: 25px;
		height: 60%;
		top: 20%;
		left: 99999%;
		border-radius: 10px;
		opacity: 0;
		transform: rotateY(-20deg);
		z-index: 10;
		overflow-y: auto
	}

	.quickbox.show {
		transform: rotateY(0deg);
		display: block;
		left: 20%;
		opacity: 1
	}

	.product_class {
		text-align: center
	}

	.product_class .tit {
		margin-top: 0
	}

	.product_class li {
		display: block;
		position: relative;
		text-align: left;
		margin-bottom: 1px
	}

	.product_class h3 {
		font-size: 18px;
		font-weight: 100;
		background: #d3dde9
	}

	.product_class h3 i {
		background: #015aaa url(/dm-content/themes/hi-domai/images/right.png) no-repeat center;
		border-radius: 3px;
		background-size: 12px;
		position: absolute;
		right: 22px;
		top: 21px;
		width: 20px;
		height: 20px;
		transition: all .3s
	}

	.product_class h3 a {
		display: inline-block;
		padding: 25px;
		font-family: Conv_hel
	}

	.product_class dl {
		width: 100%;
		background: #f1f5fb;
		display: none;
		padding: 0 20px 25px 20px
	}

	.product_class dl dd {
		border-bottom: 1px dashed #acc1e3
	}

	.product_class dl a {
		display: block;
		line-height: 28px;
		padding: 13px 15px 13px 25px;
		font-size: 16px;
		position: relative
	}

	.product_class dl a:before {
		width: 12px;
		height: 12px;
		background: url(/dm-content/themes/hi-domai/images/right_red.png) no-repeat center;
		background-size: 12px;
		content: "";
		position: absolute;
		left: 0;
		top: 21px
	}

	.product_class dl a:hover {
		color: #fb0605
	}

	.product_class li.on h3,
	.product_class li:hover h3 {
		background: #236fc9
	}

	.product_class li.on h3 a,
	.product_class li:hover h3 a {
		color: #fff
	}

	.product_class li.on h3 i,
	.product_class li:hover h3 i {
		transform: rotate(90deg);
		background-color: #fb0605
	}

	.product_class li.on dl,
	.product_class li:hover dl {
		display: block
	}

	.contact_lis {
		padding: 20px 25px
	}

	.contact_lis li {
		border-bottom: 1px dashed #acc1e3;
		padding-bottom: 22px
	}

	.contact_lis li:hover a {
		color: #fb0605
	}

	.contact_lis li:hover i {
		background-color: #fb0605
	}

	.hot_pro {
		padding: 20px 20px 0 20px
	}

	.hot_pro .owl-carousel {
		background: url(/dm-content/themes/hi-domai/images/hotprobg01.jpg) no-repeat center;
		background-size: cover;
		padding-bottom: 25px
	}

	.hot_pro .pic {
		overflow: hidden
	}

	.hot_pro img {
		display: block;
		width: 100%;
		transition: all .3s
	}

	.hot_pro h3 {
		font-weight: 100;
		margin: 25px 0 10px 0;
		text-align: center;
		font-size: 18px;
		font-family: Conv_hel;
		line-height: 26px
	}

	.hot_pro li:hover img {
		transform: scale(1.1)
	}

	.hot_pro li:hover h3 {
		color: #015aaa
	}

	.pro_r {
		margin-left: 450px;
		margin-right: 25px
	}

	.pro_r .tit {
		margin-bottom: 30px;
		font-size: 24px;
		font-family: Conv_tt;
		padding: 25px 0;
		text-transform: uppercase;
		color: #015aaa;
		border-bottom: 1px solid rgba(25, 79, 142, .5)
	}

	.pro_r .lis_pro {
		overflow: hidden
	}

	.pro_detail {
		overflow: hidden;
		background: #eee;
		padding: 50px
	}

	.pro_detail .rcon {
		margin-left: 640px;
		overflow: hidden;
		padding: 20px 0 0 50px
	}

	.pro_detail h1 {
		font-size: 32px;
		font-weight: 100;
		line-height: 36px
	}

	.pro_detail .fon {
		font-size: 15px;
		color: #666;
		line-height: 28px;
		overflow: hidden;
		margin: 15px 0 30px 0
	}

	.pro_detail .fon p,
	.productbox .lis .con p {
		padding-left: 15px;
		margin-bottom: 10px;
		position: relative;
		width: 100%
	}

	.pro_detail .fon .excerpt {
		font-size: 14px
	}

	.pro_detail .fon .price {
		color: #f00;
		font-size: 26px;
		padding: 10px 0
	}

	.pro_detail .fon .feature span {
		display: inline-block;
		padding: 8px;
		margin-top: 10px;
		margin-right: 10px;
		border: 1px solid #f6791e;
		border-radius: 5px;
		color: #f6791e;
		background: #fff
	}

	.pro_detail .fon .params span {
    display: inline-block;
    padding: 8px;
    margin-top: 10px;
    margin-right: 10px;
    border: 1px solid #f6791e;
    border-radius: 5px;
    color: #f6791e;
    background: #fff;
	}
.pro_detail .fon .params .new-span{
  color: #fff;
    padding: 10px 20px 10px 30px;
    margin: 0 10px 5px 0;
    display: inline-block;
    font-size: 14px;
    border-radius: 5px;
  border:none;
  background-color:#1e80d4;
}

	.pro_detail .fon .params .new-span:nth-child(1) {
		background: #1e80d4 url(/uploads/website/system/capacity.png) no-repeat 10px 17px
	}

	.pro_detail .fon .params .new-span:nth-child(2) {
		background: #1e80d4 url(/uploads/website/system/power.png) no-repeat 10px 17px
	}
.pro_detail .rcon .links{
  display:flex;
}
	.pro_detail .contact {
		color: #4fb5e6;
		padding-left: 60px;
		margin: 35px 0;
		overflow: hidden;
		position: relative;
		min-height: 44px;
		padding-top: 1px
	}

	.pro_detail .contact a {
		display: block;
		color: #0b5bbc;
		font-size: 18px;
		margin-top: 5px;
		word-break: break-all
	}

	.pro_detail .contact i {
		display: block;
		font-size: 28px;
		background: url(/dm-content/themes/hi-domai/images/banquan.png) no-repeat center;
		width: 44px;
		height: 44px;
		line-height: 46px;
		text-align: center;
		position: absolute;
		left: 0;
		top: 0
	}

	.pro_detail .links i {
		display: inline-block;
		margin-right: 10px;
		font-weight: 100;
		font-size: 36px;
		vertical-align: middle
	}

	.pro_detail .links a {
		background: #f6791e;
		display: inline-block;
		line-height: 60px;
		height: 60px;
		font-size: 18px;
		text-align: center;
		width: 50%;
		color: #fff
	}

	.pro_detail .links a:nth-child(2) {
		background: #015aaa;
		border-left: 1px solid #fff
	}

	.pro_detail .links a:nth-child(3) {
		width: 100%;
		border-top: 1px solid #fff;
		background: #dd1829
	}

	.pro_detail .links a:hover {
		opacity: .9
	}

	.share {
		font-size: 16px;
		margin-top: 30px
	}

	.share .addthis_inline_share_toolbox {
		display: inline-block;
		vertical-align: middle
	}

	.pro_detail a.pdf-download {
		color: #f00;
		background: url(/dm-content/themes/hi-domai/images/pdf.png) no-repeat;
		padding-left: 25px;
		font-size: 20px;
		margin-top: 10px;
		display: inline-block;
		text-decoration: underline
	}

	.pro_detail .picbox {
		width: 640px;
		float: left
	}

	.left-pro {
		width: 640px;
		text-align: left
	}

	.left-pro .t1 {
		width: 640px;
		height: 115px;
		overflow: hidden;
		position: relative;
		padding-top: 15px
	}

	.left-pro .t2 {
		width: 640px;
		text-indent: 0;
		float: left
	}

	.left-pro .t2 img {
		text-indent: 0;
		width: 100% !important
	}

	#showArea a {
		width: 132px;
		margin: 0 2px;
		border: 2px solid #fff;
		display: inline-block;
		overflow: hidden
	}

	#showArea a:hover {
		border: 2px solid #ff7e00
	}

	#showArea img {
		cursor: pointer;
		display: block;
		width: 100%;
		float: left
	}

	#main_img {
		cursor: pointer;
		display: block
	}

	#goleft,
	#goright {
		cursor: pointer;
		display: block;
		width: 30px;
		height: 95px;
		position: absolute;
		right: 0;
		top: 15px;
		margin-right: 0;
		background: #001528 url(/uploads/website/system/right.png) no-repeat 7px center;
		background-size: 18px
	}

	#goleft {
		background-position: 5px center;
		left: 0;
		transform: rotate(180deg)
	}

	#goleft:hover,
	#goright:hover {
		background-color: #ff7e00
	}

	#showArea {
		height: 100px;
		width: 560px;
		margin-left: 40px;
		overflow: hidden
	}

	.info_menu {
		width: 100%
	}

	.info_menu li {
		display: block;
		color: #fff;
		cursor: pointer;
		position: relative;
		background: #001528;
		line-height: 60px;
		text-align: center;
		border-right: 1px solid #fff;
		font-size: 16px;
		width: 20%;
		font-weight: 600;
		float: left
	}

	.info_menu li a {
		font-size: 16px;
		color: #fff
	}

	.info_menu li.on,
	.info_menu li:hover {
		background: #ff7e00;
		color: #fff
	}

	.info_menu.top0 {
		position: fixed;
		z-index: 3;
		top: 0;
		left: 0
	}

	.proinfo_main .box li {
		list-style: inside;
		line-height: 30px
	}

	.proinfo_main {
		overflow: hidden;
		font-size: 15px
	}

	.proinfo_main .box {
		overflow: hidden
	}

	.proinfo_main p {
		line-height: 28px;
		color: #666
	}

	.proinfo_main p.num {
		position: relative;
		padding-left: 45px;
		font-weight: 600;
		margin-bottom: 15px;
		padding-top: 2px
	}

	.proinfo_main p.num i {
		width: 30px;
		height: 30px;
		color: #fff;
		background: #fb0605;
		text-align: center;
		border-radius: 50px;
		display: block;
		font-style: normal;
		line-height: 30px;
		position: absolute;
		left: 0;
		top: -2px
	}

	.proinfo_main h4 {
		font-size: 24px;
		text-transform: uppercase;
		color: #015aaa;
		margin: 50px 0 20px 0
	}

	.proinfo_main h5 p {
		font-size: 18px;
		color: #666;
		font-weight: 100
	}

	.proinfo_main img {
		max-width: 100%;
		display: inline-block
	}

	.proinfo_main .info_tit h2 {
		font-size: 30px;
		padding: 25px 0 15px;
		color: #015aaa;
		vertical-align: middle
	}

	.proinfo_main .info_tit font {
		color: #fb0605
	}

	.proinfo_main ol {
		overflow: hidden
	}

	.proinfo_main .default li {
		list-style: none;
		padding-right: 5%;
		float: left;
		padding-bottom: 20px;
		width: 25%
	}

	.proinfo_main li h6 {
		background: url(/dm-content/themes/hi-domai/images/icon_pro.png) no-repeat;
		font-size: 15px;
		height: 27px;
		padding-left: 30px;
		line-height: 27px;
		margin-bottom: 10px
	}

	.proinfo_main li h6.ad01 {
		background-position: 0 -136px
	}

	.proinfo_main li h6.ad02 {
		background-position: 0 -162px
	}

	.proinfo_main li h6.ad03 {
		background-position: 0 -189px
	}

	.proinfo_main li h6.ad04 {
		background-position: 0 -216px
	}

	.proinfo_main .rel_pro p {
		line-height: 26px;
		color: #999;
      display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
	}

	.info_menu li span {
		background: url(/uploads/website/system/icon_pro.png) no-repeat;
		font-size: 22px;
		height: 27px;
		padding-left: 30px;
		line-height: 27px;
		margin-bottom: 10px
	}

	.info_menu li span.info01 {
		background-position: 0 0
	}

	.info_menu li span.info02 {
		background-position: 0 -28px
	}

	.info_menu li span.info03 {
		background-position: 0 -54px
	}

	.info_menu li span.info04 {
		background-position: 0 -81px
	}

	.info_menu li span.info05 {
		background-position: 0 -108px
	}

	.pro_page {
		max-width: 1400px;
		margin: -60px auto 0;
		z-index: 1;
		position: relative;
		border: 1px solid #ddd
	}

	.pro_page .main {
		max-width: 1400px;
		padding: 50px 50px 120px;
		z-index: 1;
		position: relative;
		background: #fff;
		overflow: hidden
	}

	.advantages {
		padding: 60px 0
	}

	.advantages h2 {
		font-size: 26px;
		text-align: center;
		position: relative;
		margin-bottom: 40px
	}

	.advantages h2:after {
    content: "";
    width: 100px;
    height: 2px;
    background: #015aa8;
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin-left: -50px;
	}

	.advantages h4 {
		font-size: 20px;
		color: #fff;
		padding: 10px 0
	}

	.advantages p {
		font-size: 14px;
		color: #fff
	}

	.advantages ul {
		overflow: hidden
	}

	.advantages ul li {
		width: 460px;
		height: 340px;
		float: left;
		padding: 95px 40px;
		margin: 0 21px 21px 0
	}

	.advantages ul li.advan1 {
		background: url(/uploads/website/system/advan1.jpg) no-repeat
	}

	.advantages ul li.advan2 {
		background: url(/uploads/website/system/advan2.jpg) no-repeat
	}

	.advantages ul li.advan3 {
		background: url(/uploads/website/system/advan3.jpg) no-repeat
	}

	.advantages ul li.advan4 {
		background: url(/uploads/website/system/advan4.jpg) no-repeat;
		margin-right: 0
	}

	.pro_form {
		overflow: hidden
	}

	.pro_form p {
		line-height: 28px;
		font-size: 14px;
		color: #999;
		margin: 0 0 15px 0
	}

	.pro_form input,
	.pro_form textarea {
		width: 49%;
		float: left;
		border: 1px solid #bcbcbc;
		overflow: hidden;
		padding: 12px 15px;
		font-size: 15px;
		line-height: 24px;
		resize: none;
		margin-bottom: 7px;
		border: 1px solid #9fccf3;
		box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07)
	}

	.pro_form input:nth-child(2n+1) {
		margin-left: 2%
	}

	.pro_form input::-webkit-input-placeholder,
	.pro_form textarea::-webkit-input-placeholder {
		color: #ccc
	}

	.pro_form input:-moz-placeholder,
	.pro_form textarea:-moz-placeholder {
		color: #ccc
	}

	.pro_form textarea {
		width: 100%
	}

	.pro_form form button {
		background: #015aaa;
		color: #fff;
		border: 0;
		text-transform: uppercase;
		font-size: 16px;
		border-radius: 3px;
		font-weight: 600;
		height: 60px;
		line-height: 60px;
		overflow: hidden;
		transition: all .3s;
		width: 220px;
		cursor: pointer;
		margin-top: 30px
	}

	button:hover {
		opacity: .8
	}

	.tabbox td {
		padding: 10px 20px;
		line-height: 28px;
		text-align: center;
		border-left: 1px solid #ccc;
		border-bottom: 1px solid #ccc
	}

	.tabbox td p {
		margin: 0
	}

	.tabbox td:nth-child(even) {
		background: #f6f6f6
	}

	.tabbox tr td:nth-child(1) p {
		color: #fff
	}

	.tabbox tr td:nth-child(1) {
		background: #015aaa;
		color: #fff;
		font-weight: 600
	}

	.tabbox td p {
		margin: 0
	}

	.service {
		overflow: hidden
	}

	.service li {
		margin-bottom: 60px;
		overflow: hidden
	}

	.service li:last-child {
		margin-bottom: 0
	}

	.service .pic {
		width: 50%;
		float: left
	}

	.service .scon {
		margin-left: 50%;
		padding: 10px 0 0 40px;
		overflow: hidden
	}

	.service h3 {
		font-size: 20px;
		padding: 8px 0
	}

	.s_item {
		position: relative;
		margin-bottom: 20px;
		min-height: 36px
	}

	.s_item h5 {
		padding-left: 50px;
		line-height: 36px;
		margin-bottom: 15px;
		color: #015aaa;
		font-size: 16px
	}

	.s_item h4 {
		color: #666;
		line-height: 20px;
		font-weight: normal;
		padding-left: 50px;
		font-size: 14px
	}

	.s_item p {
		color: #666;
		line-height: 24px
	}

	.s_item h6 {
		width: 36px;
		height: 36px;
		background: url(/dm-content/themes/hi-domai/images/icon_service01.png) no-repeat;
		position: absolute;
		left: 0
	}

	.s_item h6.icon_s02 {
		background-position: -36px 0
	}

	.s_item h6.icon_s03 {
		background-position: -72px 0
	}

	.s_item h6.icon_s04 {
		background-position: -108px 0
	}

	.s_item h6.icon_s05 {
		background-position: -144px 0
	}

	.s_item h6.icon_s06 {
		background-position: -180px 0
	}

	.s_item h6.icon_s07 {
		background-position: -216px 0
	}

	.s_item h6.icon_s08 {
		background-position: -252px 0
	}

	.s_item h6.icon_s09 {
		background-position: -288px 0
	}

	.s_item h6.icon_s10 {
		background-position: -36px 0
	}

	#fancybox-overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1100;
		display: none
	}

	#fancybox-wrap {
		position: absolute;
		top: 0;
		left: 0;
		padding: 20px;
		z-index: 1101;
		outline: 0;
		display: none
	}

	#fancybox-outer {
		position: relative;
		width: 100%;
		height: 100%;
		background: #fff
	}

	#fancybox-content {
		width: 0;
		height: 0;
		padding: 0;
		outline: 0;
		position: relative;
		overflow: hidden;
		z-index: 1102;
		border: 0 solid #fff
	}

	#fancybox-close {
		position: absolute;
		top: -15px;
		right: -35px;
		width: 30px;
		height: 30px;
		cursor: pointer;
		z-index: 1103;
		display: none
	}

	#fancybox-img {
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		border: 0;
		outline: 0;
		line-height: 0;
		vertical-align: top
	}

	#fancybox-left,
	#fancybox-right {
		position: absolute;
		bottom: 0;
		height: 100%;
		width: 35%;
		cursor: pointer;
		outline: 0;
		z-index: 1102;
		display: none
	}

	#fancybox-left {
		left: 0
	}

	#fancybox-right {
		right: 0
	}

	#fancybox-left-ico,
	#fancybox-right-ico {
		position: absolute;
		top: 50%;
		left: -9999px;
		width: 30px;
		height: 30px;
		margin-top: -15px;
		cursor: pointer;
		z-index: 1102;
		display: block
	}

	#fancybox-left-ico {
		background-image: ;
		background-position: -40px -30px
	}

	#fancybox-right-ico {
		background-image: ;
		background-position: -40px -60px
	}

	#fancybox-left:hover,
	#fancybox-right:hover {
		visibility: visible
	}

	#fancybox-left:hover span {
		left: 0
	}

	#fancybox-right:hover span {
		left: auto;
		right: -20px
	}

	.fancybox-bg {
		position: absolute;
		padding: 0;
		margin: 0;
		border: 0;
		width: 20px;
		height: 20px;
		z-index: 1001
	}

	.fancybox-title-over {
		position: absolute;
		bottom: 0;
		left: 0;
		color: #FFF;
		text-align: left
	}

	#fancybox-title-over {
		padding: 10px;
		background-image: ;
		display: block
	}

	#fancybox-tmp {
		padding: 0;
		margin: 0;
		border: 0;
		overflow: auto;
		display: none
	}

	.contact-page {
		background: url("/uploads/website/system/inquiry-bg.jpg")
	}

	.contact-page .container {
		padding: 50px 50px 25px
	}

	#inquiry select {
		width: 100%;
		border: 1px solid #9fccf3;
		height: 50px;
		margin-bottom: 10px;
		padding-left: 10px;
		box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07)
	}

	@media screen and (max-width:1800px) {
		.advantages ul li {
			width: calc(25% - 21px)
		}
	}

	@media screen and (max-width:1680px) {
		.logo {
			left: 10px;
			margin-left: 0
		}
	}

	@media screen and (max-width:1500px) {
		.advantages ul li {
			padding: 40px
		}
	}

	@media screen and (max-width:1440px) {
		.main {
			padding: 50px 50px 60px
		}

		.conbox {
			padding: 60px 0
		}

		.adv_lis img {
			width: 100%
		}

		.about_com .fon {
			padding: 40px 40px 0
		}

		.service .pic img {
			width: 100%
		}

		.exitbox li {
			margin-bottom: 15px
		}

		.news_lis img {
			width: 31%;
			height: auto
		}

		.productbox .lis li {
			width: 14.5%
		}

		.news_lis .news_lisr h2 {
			padding: 10px 0
		}

		.news_lis .news_lisr .news-more {
			display: none
		}
	}

	@media screen and (max-width:1400px) {
		.container {
			margin: 0 auto;
			width: 100%
		}

		.foot_right {
			width: 27%;
			right: 0
		}
	}

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

		.lis_pro img,
		.pro_lis img {
			height: auto
		}

		.logo img {
			height: 50px
		}

		nav li>a {
			font-size: 16px
		}

		nav li>a {
			padding: 0 13px
		}

		.productbox .lis li {
			display: inline-block;
			float: none;
			background: #f6f6f6;
			width: 35%;
			text-align: center
		}

		.productbox {
			padding: 10px 40px
		}

		.conbox {
			padding: 30px 40px
		}

		.ncbox {
			padding: 0 40px 40px
		}

		.news_top {
			padding: 40px
		}

		.main {
			padding: 40px 40px 60px
		}

		.pro_detail {
			padding: 40px
		}

		.adv_lis {
			margin: 30px 1%
		}

		.pro_detail h1 {
			font-size: 28px
		}

		.pro_detail .fon {
			margin: 20px 0 20px 0
		}

		.proinfo_main .info_tit h2 {
			font-size: 18px;
			padding: 20px 0 15px
		}

		.proinfo_main .default li {
			width: 47%;
			padding-right: 2%
		}

		.pro_lis li,
		.rel_pro a {
			margin-bottom: 30px;
			width: 27%
		}

		.footer {
			font-size: 15px
		}

		.footer .warper {
			padding: 50px 2% 70px
		}

		.footer h4 {
			font-size: 24px
		}

		.footer .media {
			padding: 20px 0 0 0
		}

		#nav .gtq {
			display: none
		}
	}

	@media screen and (max-width:1199px) {
		.logo {
			top: 32px
		}

		#nav {
			margin-right: 0
		}

		nav li>a {
			padding: 0 7px;
			font-weight: 100
		}

		.footer h4 {
			font-size: 20px;
			margin-bottom: 20px
		}

		.footer dd {
			margin-bottom: 15px
		}

		.foot_right {
			right: 20px
		}

		.about_img .pic img,
		.project_list .pic img {
			width: 100%
		}

		.news_lis p,
		.news_top p {
			height: 100px
		}

		.faqbox {
			padding: 25px 20px 40px 30px;
			background-size: 20px;
			background-position: 5px 30px
		}

		.faq h4 {
			font-size: 16px
		}

		.servicebox li {
			padding: 25px 20px;
			height: 317px
		}

		.about_com .fon {
			padding: 0 0 0 15px
		}

		.lis_pro h3,
		.pro_lis h3 {
			font-size: 16px
		}

		.pro_detail h1 {
			font-size: 24px
		}

		.pro_detail .fon {
			line-height: 26px
		}

		.pro_detail .picbox,
		.left-pro {
			width: 560px
		}

		.left-pro .t2,
		.left-pro .t1 {
			width: 560px
		}

		#showArea a {
			width: 115px
		}

		#showArea,
		#goleft,
		#goright {
			height: 90px
		}

		.pro_detail .rcon {
			margin-left: 560px;
			padding: 10px 0 0 20px
		}

		.pro_detail .links a {
			line-height: 45px;
			height: 45px;
			font-size: 16px
		}

		.pro_detail .links i {
			font-size: 32px
		}

		.project_pic h6 {
			font-size: 20px;
			margin: 40px auto 0
		}

		.news_top h3 {
			font-size: 17px
		}

		.news_top .con {
			padding: 20px 20px 0 20px
		}

		.lis_news .con {
			padding: 10px 0 0 20px
		}

		.service h3 {
			font-size: 18px
		}

		.service .scon {
			padding: 0 0 0 20px
		}

		.s_item h5,
		.s_item {
			margin-bottom: 10px
		}

		.productbox .lis h3 {
			line-height: 30px
		}

		.positionline {
			font-size: 36px
		}

		.exitbox h3 {
			font-size: 17px
		}

		.hometit h2 {
			font-size: 24px
		}
	}

	@media screen and (max-width:1024px) {
		.page_l ul li img {
			width: 100%
		}

		.page_l ul li>a {
			display: inline-block;
			width: 30%
		}

		.logo {
			top: 30px;
			position: absolute
		}

		header {
			height: 80px
		}

		.menu {
			line-height: normal
		}

		.head_right {
			right: 60px
		}

		.searchbox h6,
		.searchbox form i {
			line-height: 58px
		}

		.searchbox form {
			height: 58px;
			padding: 11px 0 0 0
		}

		.head_right .languagebox {
			margin-top: 15px
		}

		nav {
			position: fixed;
			left: 0;
			top: 0;
			bottom: 0;
			width: 260px;
			box-shadow: 0 3px 5px #666;
			z-index: 99;
			overflow-y: auto;
			background: #fff;
			transform: translateX(-300px);
			transition: .3s;
			margin-left: 0;
			margin-top: 0
		}

		nav li {
			display: block;
			width: 100%;
			margin: 0;
			float: none;
			background-color: #015aaa
		}

		nav li>a {
			line-height: 45px;
			text-align: left;
			color: #fff;
			font-size: 16px;
			display: block;
			height: auto;
			padding: 0 15px
		}

		nav li.on>a,
		nav li:hover>a {
			border-bottom: 0;
			height: auto;
			color: #fff;
			line-height: 45px
		}

		nav li b {
			position: inherit;
			bottom: auto
		}

		nav li dl {
			left: 0;
			top: 0;
			background: #eee;
			position: inherit;
			min-width: auto;
			width: 100%;
			top: 0;
			left: 0;
			opacity: 1;
			padding: 10px 0
		}

		nav li:hover dl {
			left: 0
		}

		nav dl a {
			color: #333;
			padding: 9px 15px;
			font-size: 14px
		}

		nav dl a:hover {
			color: #015aaa
		}

		nav dd:hover div {
			display: none
		}

		nav li.on>a:after,
		nav li:hover>a:after {
			display: none
		}

		nav .menu h3 {
			font-size: 16px;
			margin-bottom: 13px
		}

		#nav .nav-button {
			display: block;
			top: 30px;
			right: 0;
			border-radius: 0;
			z-index: 2;
			line-height: 50px;
			background: #015aaa;
			width: 58px;
			border-left: 1px solid rgba(255, 255, 255, .2);
			height: 50px
		}

		.productbox {
			padding: 10px 20px
		}

		.conbox {
			padding: 30px 20px
		}

		.ncbox {
			padding: 0 20px 40px
		}

		.news_top {
			padding: 20px
		}

		.main {
			padding: 20px 20px 40px
		}

		.pro_detail {
			padding: 20px
		}

		.newsbox,
		.faq {
			width: 100%
		}

		.servicebox li h4 {
			font-size: 18px;
			margin: 0
		}

		.footer {
			font-size: 14px
		}

		.footer .item {
			width: 30%
		}

		.footer .warper {
			padding: 40px 2% 70px
		}

		.about_com .pic,
		.about_com .fon,
		.service .pic,
		.service .scon {
			width: 100%
		}

		.about_com .fon {
			padding: 15px
		}

		.service .scon {
			padding: 20px;
			margin-left: 0
		}

		.pro_lis li,
		.rel_pro a,
		.project_list li {
			width: 30%
		}

		.info_menu li {
			font-size: 15px
		}

		.foot_right {
			padding: 30px 20px
		}

		.infocon p {
			line-height: 30px;
			font-size: 14px
		}

		.infocon h1 {
			font-size: 22px
		}

		.tabbox td {
			padding: 10px
		}

		.contact_form h2 {
			padding-left: 0
		}

		.contact_form form {
			padding: 0 0 50px 0
		}

		.aboutbox .about-left img {
			width: 100%
		}

		.aboutbox .about-right {
			padding-top: 0
		}

		.aboutbox .about-bottom {
			position: unset
		}

		.aboutbox .about-right .about-bottom img {
			display: none
		}

		.aboutbox .about-bottom a {
			padding: 10px;
			display: inline-block;
			float: right
		}

		.servicebox li {
			margin: 0 40px;
			height: auto
		}

		.servicebox li h4:after {
			left: 30%
		}

		.hometit h2:after {
			left: 45%
		}

		.advantages ul li {
			width: calc(50% - 21px)
		}

		.tip>a::after {
			display: none
		}

		.tip2,
		.page_r {
			display: none
		}

		.page_l {
			width: 100%
		}

		li.tip dd:first-child:after {
			display: none
		}
	}

	@media screen and (max-width:990px) {
		.adv_lis li {
			padding: 10px 10px
		}

		.footer .item {
			width: 48%
		}

		.footer .item:nth-child(1) {
			display: none
		}

		.foot_right {
			width: 48%
		}

		.info_menu {
			display: none
		}

		.service li {
			margin-bottom: 40px
		}

		h2:after {
			display: none
		}

		h4:after {
			display: none
		}

		.related-single .capacity,
		.related-single .power {
			display: none
		}
	}

	@media screen and (max-width:900px) {
		.exitbox {
			width: 100%;
			float: none
		}

		.map {
			width: 100%;
			float: none
		}

		.exitbox .media {
			margin-top: 4%;
			margin-bottom: 20px
		}
	}

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

		.left-pro .t2,
		.left-pro .t1 {
			width: 100%
		}

		.pro_detail .picbox,
		.left-pro {
			width: 100%
		}

		.pro_detail .rcon {
			width: 100%;
			margin-left: auto
		}
	}

	@media screen and (max-width:780px) {
		.servicebox li {
			padding: 20px 15px;
			height: auto;
			margin: 0 30px
		}

		.pro_lis li,
		.rel_pro a,
		.lis_pro li {
			padding: 0 10px;
			width: 45%
		}

		.news_top h3 {
			font-size: 16px
		}

		.news_lis p,
		.news_top p {
			height: 100px;
			padding: 10px 0;
			margin: 20px 0
		}

		.lis_news li {
			width: 100%;
			margin-bottom: 30px
		}

		.lis_news li:nth-child(2n) {
			float: left
		}

		.news_top h3,
		.news_lis h3,
		.lis_news h3 {
			height: 52px
		}

		.infocon h1,
		.pro_detail h1 {
			font-size: 20px
		}

		.pro_detail .rcon {
			margin-left: 0;
			width: 100%;
			padding: 10px 0 0 0
		}

		.fixnav {
			display: none
		}

		.share {
			margin-top: 20px
		}

		.proinfo_main .info_tit h2 {
			font-size: 18px;
			padding: 10px 0 10px
		}

		.proinfo_main .default li {
			width: 98%
		}

		.index_pro .lis_pro li {
			width: auto
		}

		.related-single ul li {
			width: 50%
		}
	}

	@media screen and (max-width:760px) {
		.container {
			width: 100%
		}

		.productbox {
			padding: 5px 20px
		}

		.conbox {
			padding: 20px
		}

		.hometit h2 {
			font-size: 22px
		}

		.news_lis h3 {
			font-size: 16px
		}

		.news_lis .pic {
			width: 280px
		}

		.news_lis .con {
			margin-left: 280px;
			padding: 0 0 0 20px
		}

		.newsbox .owl-buttons {
			top: -18px
		}

		.servicebox li {
			padding: 30px;
			width: 95%;
			height: 240px
		}

		.servicebox li:nth-child(2) {
			border-top: 0;
			border-bottom: 0;
			border-right: 1px solid #ddd;
			border-left: 1px solid #ddd
		}
	}

	@media screen and (max-width:640px) {
		.productbox .lis li {
			float: none;
			width: 50%;
			display: inline-block;
			background: #fff;
			text-align: center
		}

		.container {
			width: 100%
		}

		#banner .owl-pagination {
			bottom: 10px
		}

		#banner .owl-controls .owl-page span,
		.about_img .owl-controls .owl-page span,
		.hot_pro .owl-controls .owl-page span,
		.rel_pro .owl-controls .owl-page span,
		.pro_application .owl-controls .owl-page span {
			width: 12px;
			height: 12px
		}

		.about_img .owl-controls,
		.hotproductbox .owl-controls,
		.rel_pro .owl-controls,
		.pro_application .owl-controls {
			margin-top: 20px
		}

		.positionline {
			font-size: 30px
		}

		.about_com {
			padding-bottom: 30px
		}

		.lis_pro p,
		.pro_lis p {
			display: none
		}

		.news_lis p,
		.news_top p {
			display: none
		}

		.pro_detail .fon,
		.proinfo_main {
			font-size: 14px
		}

		.lis_pro h3,
		.pro_lis h3,
		.project_list h4 {
			font-size: 15px
		}

		.project_pic h6 {
			font-size: 16px;
			font-weight: normal;
			margin: 16px auto 0;
			padding-left: 40px
		}

		.project_pic h6.project01 {
			width: 140px
		}

		.project_pic h6.project02 {
			width: 110px
		}

		.project_pic h6.project03 {
			width: 180px
		}
	}

	@media screen and (max-width:639px) {
		.container {
			width: 100%
		}

		.pro_detail .picbox,
		.left-pro {
			width: 500px
		}

		.left-pro .t2,
		.left-pro .t1 {
			width: 500px
		}

		#showArea a {
			width: 100px
		}

		#showArea,
		#goleft,
		#goright {
			height: 80px
		}

		.pro_lis li,
		.rel_pro a,
		.lis_pro li {
			width: 100%
		}

		.news_lis img {
			width: 100%
		}

		.news_lis .news_lisr {
			width: 100%;
			padding: 0 10px
		}

		.top_right .language,
		.top_right .icon-shoucang- {
			display: none
		}

		.pro_lis li,
		.rel_pro a {
			margin: 0
		}

		.advantages ul li {
			padding: 20px
		}

		.related-single ul li {
			width: 100%;
			padding: 20px
		}

		.contact_form li {
			width: 100%
		}

		.solution li {
			width: 100%;
			float: none
		}

		.solution img {
			width: 100%
		}

		.solution .solution_li {
			width: 100%
		}

		.case_model li {
			width: 100%;
			margin: 10px
		}

		.newstext .content-navigation {
			float: none;
			margin-left: 0
		}

		.about-left iframe {
			width: 100%
		}

		.hottag li {
			width: 100%
		}

		.warper.servicebox {
			display: none
		}

		.cat_case p {
			height: 70px;
			display: block;
			margin: 0
		}

		.cat_case {
			width: auto;
			float: none
		}

		.cat_cases .news_lisr {
			width: 100% !important
		}

		#banner .owl-controls .owl-buttons div {
			right: 0;
		}

		#banner .owl-controls .owl-buttons div.owl-prev {
			left: 0;
		}

		.proinfo_main .tabbox {
			overflow: auto;
		}

		.cat-plant div {
			width: 100% !important;
		}

		.cat-plant img {
			width: 100% !important;
		}

		.cat-plant table {
			width: 100% !important;
		}

		.news_lis .news_pic {
			width: 100%;
			padding-top: 0;
			padding-left: 0;
		}
	}

	@media screen and (max-width:480px) {
		ul.parts-list li {
			width: 100%;
			margin: 15px 0
		}

		.page_l ul li>a {
			width: 100%
		}

		.container {
			width: 100%
		}

		.productbox .lis li {
			display: inline-block;
			float: none;
			background: #f6f6f6;
			width: 75%;
			text-align: center
		}

		.hometit h2 {
			font-size: 20px
		}

		.adv_lis {
			margin: 10px 1%
		}

		.adv_lis li {
			width: 50%
		}

		.news_lis .pic {
			width: 200px
		}

		.news_lis .con {
			margin-left: 200px;
			padding: 0 0 0 20px
		}

		.footer .item {
			display: none
		}

		.footer .warper {
			padding: 40px 2% 40px
		}

		.foot_right {
			position: initial;
			width: 100%
		}

		.pro_lis li,
		.rel_pro a,
		.project_list li {
			width: 100%;
			height: auto;
		}

		.pro_detail .picbox,
		.left-pro {
			width: 400px
		}

		.left-pro .t1 {
			height: 90px
		}

		.left-pro .t2,
		.left-pro .t1 {
			width: 400px
		}

		#showArea,
		#goleft,
		#goright {
			height: 70px
		}

		.project_pic h6 {
			width: 100%;
			padding-left: 0;
			margin: 10px auto 0
		}

		.project_pic h6.project01 {
			width: 100%;
			background: 0
		}

		.project_pic h6.project02 {
			width: 100%;
			background: 0
		}

		.project_pic h6.project03 {
			width: 100%;
			background: 0
		}

		.lis_news .pic {
			width: 180px;
			float: left
		}

		.lis_news .pic img {
			width: 100%
		}

		.lis_news .con {
			margin-left: 180px;
			padding: 10px 0 0 20px
		}

		.service li {
			margin-bottom: 30px
		}

		.service .scon {
			padding: 20px 0;
			margin-left: 0
		}

		.positionline {
			font-size: 26px
		}

		.advantages ul li {
			margin: 5px
		}

		.aboutbox .about-left {
			width: 100%
		}

		.aboutbox .about-right {
			width: 100%;
			padding: 0 20px
		}

		.servicebox li {
			margin: 10px;
			height: auto
		}

		.aboutl,
		.aboutr,
		.aboutr img {
			width: 100%
		}

		.aboutr .highlights {
			position: static;
			width: 100%
		}

		.aboutl {
			padding: 30px 10px
		}

		.about-factory ul li {
			width: 50%;
			padding: 5px
		}

		.about-factory ul li img {
			width: 100%
		}

		.about-factory h2 {
			padding-bottom: 0
		}

		.related-posts ul li {
			width: 25%;
			padding: 5px
		}

		.related-posts ul li img {
			width: 100%;
			height: 65px
		}

		.index_pro .lis_pro li {
			padding: 0
		}

		.page_l,
		.page_l ul li img,
		.index_items .item img,
		.index_items .back,
		.index_items .back2 {
			width: 100%
		}

		.page_r,
		.positionline::after {
			display: none
		}

		.index_items .position1,
		.index_items .position2 {
			margin: 2% 0 0 0
		}

		.index_items .back,
		.index_items .back2 {
			padding: 10px;
			height: auto
		}

		.index_items .item {
			margin-top: 2%
		}

		.about-history .history {
			margin-top: 40px
		}

		.about-history .history dl {
			width: 100%
		}

		.about-history .history dt:before {
			display: none
		}

		.tip>a::after {
			top: 20px
		}

		.secondary-menu .container {
			padding: 0;
			margin: 0
		}

		.secondary-menu dl {
			display: block
		}

		.gtq {
			display: none
		}

		.breadcrumb {
			position: static;
			color: #333;
			padding: 0 10px
		}

		.breadcrumb a {
			color: #333
		}

		.topic-news {
			padding: 50px 10px
		}

		.topic-news h1 {
			text-align: center
		}

		.topic-news .topic {
			width: 100%;
			padding: 0 10px
		}

		.topic-news img {
			width: 100%
		}

		.item-list-vertical li {
			width: 100%
		}

		.topic-news .news {
			width: 100%
		}

		.topic-news .news_excerpt {
			width: 100%;
			margin: 0;
			padding: 10px
		}

		.topic-news .news_excerpt p,
		.topic-news .news_excerpt a.imore {
			display: none
		}

		.topic-news .news_excerpt h3 {
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap
		}

		.positionline {
			margin-top: -30px;
			font-size: 20px;
			line-height: 30px;
			padding: 0 10px
		}

		.page_l .infocon {
			margin-top: 15px
		}
	}

	@media screen and (max-width:444px) {
		.pro_page .main {
			padding: 20px 20px 40px
		}

		.pro_detail .picbox,
		.left-pro {
			width: 380px
		}

		.left-pro .t1 {
			height: 90px
		}

		.left-pro .t2,
		.left-pro .t1 {
			width: 380px
		}

		#showArea a {
			width: 94px
		}

		#showArea,
		#goleft,
		#goright {
			height: 70px
		}

		.proinfo_main .info_tit h2 {
			font-size: 16px;
			padding: 0 0 10px
		}

		.lis_news .con {
			padding: 0 0 0 20px
		}

		.news_top .con {
			padding: 0 20px 0 20px
		}

		.news_lis em,
		.news_top em {
			font-size: 12px
		}

		.pro_detail .fon {
			line-height: 24px
		}

		.advantages ul li {
			width: auto;
			height: auto
		}
	}
@media screen and (max-width: 1000px){
.menu-btn{top:10px;}
#bannerMenuBar{top:72px;}
  #bannerMenuBar>li{width:100%;}
  .servicebox{display:none;}
  .news_lis .news_pic{width:100%;float:none;}
  .news_lis img{width:100%;}
  .news_lis .news_lisr{width:100%;float:none;}
  .news_lis .news_lisr p{display:none;}
  .swiper1 .swiper-slide .summary{display:none;}
  .about_img{display:none;}
  .topic-news .topic,.topic-news .news{float:none;width:100%;padding:0 10px;}
  .topic-news .news{margin-top:20px;}
  .item-list-vertical .item-content p{display:none;}
  .item-list-vertical li{height:auto;min-height:330px;width:100%;float:none;border:none;margin-bottom:10px;}
  .topic h3{-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;word-break: break-all;display: -webkit-box;}
  
  .topic-news img{width:100%;height:auto;}
  .topic-news .news ul{height:auto;}
  .topic-news .news_excerpt{float:none;width:100%;}
  .focus .focus-img span{height:30vw;}
  .topBanner .con {    height: 20vw;    background-size: cover;}
  .about-page{padding:0 10px;}
  .about-page .aboutl,.about-page .aboutr{float:none;width:100%;overflow:hidden;}
  .topBanner span{    font-size: 26px;margin-top: 7vw;}
  .cat_cases img{width:100%!important;padding:0;}
  .advantages ul{padding-left:20px;}
  .hotsale{padding:0 20px;}
}