html, body, p {margin:0;padding: 0;width: 100%;font-family: "微软雅黑","Helvetica Neue",Helvetica,STHeiTi,Arial,sans-serif;-webkit-text-size-adjust:none;}
td,div,a,a:hover{-webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
input, button {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline: none;
}
input {
    -webkit-appearance: none;
}
html {
	font-size: 20px;
}
body {
	font-size: 0.8rem;
	color: #454545;
	position: relative;
	padding-top: 94px;
	background-color: #fff;
}
a {
    text-decoration: none;
    outline: 0;
    color: #366;
}
.maodian {
	position: absolute;
	margin-top: -20px;
}
.index-container {
    min-width: 1050px;
    width: 1050px;
    margin: 0 auto;
}
.hide {
	display: none;
}
#header {
    font-size: 1.2rem;
    line-height: 94px;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    background-color: #fff;
    width: 100%;
    z-index: 100;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
#header .haidilogo {
    vertical-align: -10%;
}
#header .menu {
    font-size: 0.9rem;
    float: right;
}
#header .menu>a {
    display: inline-block;
    margin-left: 1.6rem;
    color: #444;
}
#banner {
	height: 651px;
	background-size: contain;
}
#content .title {
	font-size: 2rem;
	color: #333;
	text-align: center;
	margin-bottom: 2.5rem;
	line-height: 1;
	position: relative;
}
.title-middle {
	/*text-decoration:underline;*/
	right: 0;
	bottom: 0;
	color: #444;
}
.title-middle .title-middle-underline{
	padding-bottom: 4px;
    border-bottom:  2px solid #444;
}
.title-middle .title-middle-underline:hover , #header .menu>a:hover {
	border-bottom:  2px solid #18acad;
	color: #18acad;
}
.title-middle .title-middle-underline:active , #header .menu>a:active {
	border-bottom:  2px solid #0f7979;
	color: #0f7979;
}
.more-pro-btn {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 0.9rem;
	color: #444;
}
.more-pro-btn:hover, #header .menu>a:hover {
	color: #18acad;
}
.more-pro-btn:active, #header .menu>a:active {
	color: #0f7979;
}
.box-container {
	padding-top: 5.5rem;
}
.table {
	display: table;
}
.table .row {
	display: table-row;
}
.table .cell {
	display: table-cell;
}
.authority {
	padding-bottom: 96px;
}
.product-container {
	white-space: nowrap;
	position: relative;
}
.product-box {
	width: 324px;
	height: 100%;
	display: inline-block;
	margin-right: 34px;
	white-space: normal;
	border: #979797 solid 1px;
	box-sizing: border-box;
	overflow: hidden;
	vertical-align: top;
	background-color: #f5f5f5;
}
.product-img>img {
	height: 282px;
	display: block;
}
.intro-box {
	padding: 0 17px;
	box-sizing: border-box;
}
.product-name {
	height: 94px;
	text-align: center;
	font-size: 1.2rem;
	padding: 6px 22px;
	border-bottom: #808080 solid 1px;
	box-sizing: border-box;
	position: relative;
	display: table;
	width: 100%;
}
.product-name>span {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.3;
}
.product-intro {
	font-size: 0.8rem;
	line-height: 1.87;
	padding: 5px 11px 17px;
	text-align: justify;
}
.amazing {
	background-color: #ededed;
	padding-bottom: 96px;
}
.amazing .inner-content img {
	width: 100%;
}
.about-us {
	font-size: 0.95rem;
	line-height: 1.6;
	color: #444;
}
.about-us .words {
	margin-bottom: 36px;
}
.about-us .words:last-child {
	margin-bottom: 0;
}
.partner img {
	width: 100%;
}
.contact-us .table {
	width: 100%;
	padding-left: 13%;
	box-sizing: border-box;
}
.contact-us .table .cell {
	vertical-align: middle;
}
.contact-us .scanning {
	text-align: center;
	font-size: 0.9rem;
	letter-spacing: 1px;
	color: #444;
}
.contact-us .contact-info {
	font-size: 1.2rem;
	color: #444;
	padding-left: 12px;
}

.contact-us .contact-info .item {
	padding-left: 59px;
	position: relative;
}
.contact-us .contact-info img {
	opacity: 0.8;
	vertical-align: -20%;
	position: absolute;
	left: 0;
}
.contact-us .contact-info .phone img {
	vertical-align: -10%;
}
.contact-us .contact-info .phone {
	margin-bottom: 30px;
}
.contact-us .contact-info .item>span {
	font-size: 0.9rem;
}
#footer {
	margin-top: 6.5rem;
	background-color: #efefef;
	padding: 0.6rem 0;
}
#footer .table {
	display: table;
	width: 100%;
}
#footer .item {
	display: table-cell;
	text-align: center;
	font-size: 0.6rem;
	width: 15%;
	white-space: nowrap;
}
#footer .item:first-child {
	text-align: left;
}
#footer .item:last-child {
	text-align: right;
}
/*.beian>a:after {*/
/*    content: url(https://cdn.haidii.com/common/img/gs_icon.gif);*/
/*    position: absolute;*/
/*    transform: scale(.75);*/
/*    margin-left: 2px;*/
/*    margin-top: -3px*/
/*}*/