@charset "utf-8";
/* css reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	margin:0;padding:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{
	display:block
}
img {
	border: 0 none;
	vertical-align: middle;
}
fieldset {
	border: 0;
}
li {
	list-style: none;
}
table{
	border-collapse:collapse;
	border-spacing:0
}
input{
	border-radius:0
}
/* 单行文字超出部分用省略号代替 */
.wordEllipsis {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis; /* 兼容老版opera浏览器 */
}
/* 多行文字超出部分用省略号代替 */
.wordEllipsisMultiline {
	-webkit-line-clamp: 6;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
html {
	font-size: 125%;
	font-family: "Microsoft YaHei","Hiragino Sans GB W3",Arial,Verdana, helvetica, sans-serif;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}

/* firefox清除链接虚线框 */
a {
	outline: none;
	cursor: pointer;
	text-decoration: none;
}
/* 全局清除链接虚线框 */
:focuse {
	outline: 0;
}
/* IE清除链接虚线框 */
:visited {
	star: expression(this.onFocus=this.blur());
}
/* clearfix */
.clearfix:before, .clearfix:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}

.fl {
	float: left;
}
.fr {
	float: right;
}
.conXcenter {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.conYcenter {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.mainContainer {
	width: 75rem;
	margin: 0 auto;
}

/* header */
.topline {
	width: 100%;
	background-color: rgba(18, 20, 49, 1);
	padding: 0.1875rem 0;
}
.topline ul li {
	padding-left: 1.25rem;
}
.topline img {
	width: 0.6875rem;
	height: 0.6875rem;
	padding-right: 0.125rem;
}
.toplineText {
	font-size: 0.6875rem;
	line-height: 0.6875rem;
	color: white;
}
.topContent {
	width: 100%;
	height: 33.75rem;
	background: url("../img/banner.png") no-repeat;
	background-size: cover;
	background-position: center 0;
	min-width: min-content;
}
.topMenu {
	padding: 1.25rem 0;
}
.topMenu img {
	width: suto;
	height: 2.5rem;
}
.topMenuItem {
	margin-left: 1.875rem;
}
.topMenuButton {
	display: block;
	font-size: 1rem;
	line-height: 2.5rem;
	font-weight: bold;
	color: rgba(255, 255, 255, 0.5);
}
.topMenuButton:hover {
	color: white;
}
.topMenuButtonCurrent {
	display: block;
	font-size: 1rem;
	line-height: 2.5rem;
	font-weight: bold;
	color: white;
	background: url("../img/menu-line.png") no-repeat;
	background-size: 100% 0.1875rem;
	background-position: center bottom;
}
.bannerText {
	position: relative;
	height: 33.75rem;
	color: white;
}
.bannerText ul {
	position: absolute;
	top: 45%;
	transform: translateY(-55%);
	-webkit-transform: translateY(-55%);
}
.bannerTextCompany {
	font-size: 1rem;
}
.bannerTitle {
	font-size: 3.125rem;
	font-weight: 100;
	letter-spacing: 0.375rem;
	padding-bottom: 0.625rem;
}
.bannerSlogan {
	font-size: 1rem;
	padding-bottom: 3.75rem;
}
.bannerButton {
	display: block;
	width: 12.5rem;
	height: 2.625rem;
	font-size: 1rem;
	color: white;
	line-height: 2.625rem;
	text-align: center;
	border: 0.0625rem solid white;
	border-radius: 1.875rem;
}

/* footer */
.footer {
	width: 100%;
	background-color: rgba(57, 69, 173, 1);
	padding: 1.25rem 0;
	margin-top: 3.125rem;
}
.footerText {
	width: 100%;
	font-size: 0.75rem;
	color: white;
	text-align: center;
	position: relative;
}
.footerText a {
	color: white;
	text-decoration: underline;
}
.footerText a img {
	width: 0.875rem;
	height: 0.875rem;
	padding-right: 0.1875rem;
}
.hycom {
	font-weight: bold;
	color: rgba(229, 8, 121, 1);
}

/* 页面标题 */
.pageContent {
	padding-top: 6.25rem;
}
.pageTitle {
	width: 100%;
	text-align: center;
	color: rgba(70, 70, 77, 1);
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 1.875rem;
}
.pageTitleCh {
	font-size: 1.875rem;
}
.pageTitleEn {
	font-size: 1rem;
}

/* 首页-关于我们 */
.aboutUs {
	width: 100%;
	padding: 3.125rem 0;
	background: rgba(250, 250, 250, 1);
}
.aboutUsTitle {
	padding-left: 1.25rem;
	margin-bottom: 1.875rem;
	border-left: 0.375rem solid rgba(57, 69, 173, 1);
	color: rgba(70, 70, 77, 1);
}
.aboutUsEn {
	font-size: 1rem;
	font-weight: bold;
	text-transform: uppercase;
}
.aboutUsCh {
	font-size: 1.875rem;
	font-weight: bold;
}
.aboutUsR {
	width: 50%;
	padding-left: 1.375rem;
}
.aboutUsR p {
	font-size: 0.875rem;
	letter-spacing: 0.0625rem;
	color: rgba(70, 70, 77, 1);
	line-height: 2.2;
	text-align: justify;
	text-justify: distribute-all-lines;
	text-aline-last: justify;
	margin-bottom: 3.125rem;
}
.aboutUsR a {
	display: block;
	width: 30%;
	margin-left: 35%;
	font-size: 0.875rem;
	color: rgba(70, 70, 77, 1);
	text-align: center;
	padding: 0.5rem 0;
	border: 0.0625rem solid rgba(70, 70, 77, 1);
	border-radius: 6.25rem;
}
.aboutUsImg {
	width: 25.75rem;
	height: auto;
}

/* 首页-行业团队 */
.industryTeam {
	width: 29.3%;
	margin-left: 2%;
	margin-right: 2%;
	background: white;
	box-shadow: 0 0.375rem 1.25rem 0 rgba(57, 69, 173, 0.1);
}
.industryTeamHeadImg {
	width: 8%;
	height: auto;
	padding-left: 85%;
}
.industryTeamTitle {
	width: 86%;
	padding-left: 7%;
	font-size: 1.125rem;
	color: rgba(24, 24, 26, 1);
	font-weight: bold;
	padding-bottom: 0.625rem;
}
.industryTeamText {
	width: 86%;
	height: 3rem;
	padding-left: 7%;
	font-size: 0.875rem;
	color: rgba(70, 70, 77, 1);
	line-height: 2;
	text-align: justify;
	text-justify: distribute-all-lines;
	text-aline-last: justify;
}
.industryTeamDrawing {
	width: 16%;
	height: auto;
	padding-left: 42%;
	padding-top: 1.875rem;
	padding-bottom: 3.125rem;
}

/* 首页-轮播图 */
.slideshowBox {
	width: 100%;
	height: 15rem;
	overflow: hidden;
	margin-bottom: 6.25rem;
	position: relative;
}
.slideshowImg {
	width: 190rem;
	height: 15rem;
	-moz-animation: img 40s ease-out infinite normal;
	-webkit-animation: img 40s ease-out infinite normal;
}
.slideshowImg ul li img {
	width: 12.5rem;
	height: 12.5rem;
	margin: 0.625rem 1.25rem 1.25rem 1.25rem;
	border: 0.3125rem solid rgba(255, 255, 255, 1);
	box-shadow: 0 0.375rem 1.25rem 0 rgba(57, 69, 173, 0.1);
}
@keyframes img {
	0% {
		margin-left: 0rem;
	}
	100% {
		margin-left: -114rem;
	}
}
@-moz-keyframes img {
	0% {
		margin-left: 0rem;
	}
	100% {
		margin-left: -114rem;
	}
}
@-webkit-keyframes img {
	0% {
		margin-left: 0rem;
	}
	100% {
		margin-left: -114rem;
	}
}

/* 公司介绍 */
.companyR {
	width: 60%;
}
.companyL {
	width: 30%;
}
.companyText {
	font-size: 0.875rem;
	letter-spacing: 0.0625rem;
	color: rgba(70, 70, 77, 1);
	line-height: 2.2;
	padding-bottom: 1.875rem;
	text-align: justify;
	text-justify: distribute-all-lines;
	text-aline-last: justify;
}
.companyImg {
	width: 100%;
	height: auto;
	margin-bottom: 3.125rem;
	border: 0.3125rem solid rgba(255, 255, 255, 1);
	box-shadow: 0 0.375rem 1.25rem 0 rgba(57, 69, 173, 0.1);
}
.storage {
	width: 100%;
	background: url("../introduce/img/storage-bg.png") no-repeat;
	background-size: cover;
	background-position: center 0;
	min-width: min-content;
}
.storage img {
	margin: 0 0.75rem;
	border: 0.625rem solid rgba(255, 255, 255, 1);
	box-shadow: 0 0.375rem 1.25rem 0 rgba(57, 69, 173, 0.1);
}
.storageImg_1 {
	width: 22.25rem;
	height: 28.75rem;
}
.storageImg_2 {
	width: 22.25rem;
	height: 13rem;
}
.storageImg_3 {
	width: 34.75rem;
	height: 20rem;
}

/* 产品详情页 */
.productDetails {
	width: 100%;
	margin-bottom: 3.125rem;
}
.productDetails img {
	width: 80%;
	padding-left: 10%;
	height: auto;
}
.productDetails a {
	display: block;
	width: 5rem;
	font-size: 0.875rem;
	color: rgba(70, 70, 77, 1);
	text-align: center;
	padding: 0.3125rem 0;
	margin-top: 6.25rem;
	margin-bottom: 0.625rem;
	margin-left: 10%;
	background: rgba(245, 245, 245, 1);
	border: 0.0625rem solid rgba(0, 0, 0, .1);
	border-radius: 0.1875rem;
}
.productSidebar {
	width: 9.125rem;
	height: auto;
	padding-right: 0.9375rem;
	background: url("../product/img/line_grey.png") right top repeat-y;
}
.productSidebar ul li {
	padding-bottom: 3.125rem;
}
.productSidebarItem {
	display: block;
	width: 100%;
	padding-right: 0.9375rem;
	font-size: 0.875rem;
	font-weight: bold;
	line-height: 2.25rem;
	text-align: right;
	color: rgba(176, 176, 191, 1);
}
.productSidebarItem:hover {
	color: rgba(24, 24, 26, 1);
}
.productSidebarItemCurrent {
	display: block;
	width: 100%;
	padding-right: 0.9375rem;
	font-size: 0.875rem;
	font-weight: bold;
	line-height: 2.25rem;
	text-align: right;
	color: rgba(24, 24, 26, 1);
	background: url("../product/img/line_red.png") right top repeat-y;
}
.commodityList {
	width: 85%;
}
.commodityListGrey {
	background: rgba(245, 245, 245, 1);
	font-size: 0.75rem;
	line-height: 2.5rem;
	color: rgba(24, 24, 26, 1);
	font-weight: bold;
}
.commodityListUnit {
	width: 6%;
	padding-left: 1%;
	padding-right: 1%;
	overflow: hidden;
	text-align: center;
}
.commodityListDate {
	width: 18%;
	padding-left: 1%;
	padding-right: 1%;
	overflow: hidden;
	text-align: center;
}
.commodityListType {
	width: 28%;
	padding-left: 1%;
	padding-right: 1%;
	overflow: hidden;
	text-align: center;
}
.commodityListName {
	width: 40%;
	padding-left: 1%;
	padding-right: 1%;
	overflow: hidden;
}
.commodityListContent {
	width: 100%;
	height: 6.875rem;
	padding: 1.875rem 0 1.25rem 0;
	border-bottom: 0.0625rem solid rgba(245, 245, 245, 1);
}
.commodityListContent img {
	width: 6.875rem;
	height: 6.875rem;
	border-radius: 0.3125rem;
}
.commodityListContent_title {
	width: 17.625rem;
	height: 2.75rem;
	font-size: 0.875rem;
	font-weight: bold;
	color: rgba(24, 24, 26, 1);
	padding-left: 0.9375rem;
	margin-bottom: 0.9375rem;
	text-align: justify;
	text-justify: distribute-all-lines;
	text-aline-last: justify;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.commodityListContent_text {
	font-size: 0.75rem;
	line-height: 1.8;
	color: rgba(70, 70, 77, 1);
	padding-left: 0.9375rem;
}
.commodityListContent_text span {
	display: inline-block;
	width: 3.875rem;
	text-align: right;
	color: rgba(176, 176, 191, 1);
}
.commodityListContent_info {
	width: 100%;
	height: 6.875rem;
	font-size: 0.75rem;
	font-weight: bold;
	color: rgba(70, 70, 77, 1);
}
.flex_center {
	display: flex;
	justify-content: center;
	align-items: center;
}
.commodityListContent_tag {
	display: block;
	padding: 0.3125rem 0.625rem;
	border: 0.0625rem solid rgba(70, 70, 77, 1);
}

/* 施工案例 */
.case {
	padding: 1.875rem 0;
}
.case li {
	width: 21%;
	margin-left: 1.5%;
	margin-right: 1.5%;
	margin-bottom: 1.875rem;
	padding-top: 0.5%;
	padding-left: 0.5%;
	padding-right: 0.5%;
	background: white;
	box-shadow: 0 0.375rem 1.25rem 0 rgba(57, 69, 173, 0.1);
}
.case li img {
	width: 100%;
}
.case li p {
	width: 100%;
	text-align: center;
	font-size: 0.875rem;
	font-weight: bold;
	color: rgba(70, 70, 77, 1);
	padding: 1.25rem 0;
}

/* 网站新闻 */
.news {
	width: 88%;
	padding-left: 6%;
	color: rgba(70, 70, 77, 1);
	line-height: 2;
	padding-bottom: 1.875rem;
}
.newsL {
	width: 3%;
	font-size: 1rem;
	text-align: left;
}
.newsR {
	width: 97%;
}
.obel {
	width: 88%;
	padding-left: 6%;
	padding-top: 6.25rem;
	padding-bottom: 1.875rem;
	text-align: center;
}
.obelLogo {
	width: 18%;
	padding-bottom: 1.25rem;
}
.obelTitle {
	width: 100%;
	font-size: 1.25rem;
	padding-bottom: 0.3125rem;
	font-weight: bold;
	color: rgba(24, 24, 26, 1);
}
.obelText {
	width: 100%;
	padding-top: 1.25rem;
	font-size: 1rem;
	color: rgba(70, 70, 77, 1);
	line-height: 2;
	text-align: justify;
	text-justify: distribute-all-lines;
	text-aline-last: justify;
}
.obelSearch {
	padding-top: 5rem;
	padding-bottom: 3.125rem;
}
.obelSearch a img {
	width: 100%;
	height: auto;
}

/* 联系我们 */
.contactUsTitle {
	width: 100%;
	font-size: 1.5rem;
	color: rgba(24, 24, 26, 1);
	font-weight: bold;
	text-align: center;
	padding-bottom: 1.875rem;
}
.contactUsR {
	width: 45%;
}
.contactUsR img {
	width: 100%;
	height: auto;
}
.contactUsL {
	width: 45%;
	font-size: 1rem;
	font-weight: bold;
	color: rgba(70, 70, 77, 1);
}
.contactUsL ul li {
	padding-bottom: 1.25rem;
}
.contactUsLTextR {
	width: 73%;
	text-align: justify;
	text-justify: distribute-all-lines;
	text-aline-last: justify;
}
.contactUsLTextR img {
	width: 50%;
	height: auto;
}
.contactUsLTextL {
	width: 27%;
	text-align: right;
	font-weight: normal;
}
.contactUsMap {
	width: 100%;
	height: auto;
	margin: 6.25rem 0 3.125rem 0;
}

/*********************************************
             media queries
*********************************************/
/* for 980px or less */
@media screen and (max-width: 1024px) {
	
}

/* for 700px or less */
@media screen and (max-width: 700px) {
}

/* for 480px or less */
@media screen and (max-width: 479px) {
}