@charset "utf-8";
/* CSS Document */
html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%; }
body { margin: 0; font-size: 14px; line-height: 1.5; color: #333333; background-color: white; height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
svg:not(:root) { overflow: hidden; }

a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color: #0088cc; }
a:active { outline: 0; }
a:active { color: #006699; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; vertical-align: middle; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; white-space: pre; white-space: pre-wrap;  }
code, kbd, pre, samp {font-size: .15em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; resize: vertical; }
optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }

html, button, input, select, textarea { }
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0; }
ul, ol, li, dl, dd { margin: 0; padding: 0; }
ul, ol ,li{ list-style: none outside none; }
h1, h2, h3 { line-height: 2; font-weight: normal; }
h1 { font-size: .3rem; }
h2 { font-size: .2rem; }
h3 { font-size: .18rem; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #cccccc; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cccccc; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cccccc; }
.fl, .fr { display: inline; float: left; }

.fr { float: right; } 

.pr{ position:relative; }

.pa{ position:absolute; }

.clearfix::after{
	content:"";
	display: block;
	clear: both;
}
.lue{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
} 
body{
	font-size: 16px;
	font-family: Microsoft YaHei Light;
	line-height: 26px;
	color: #000;
	word-wrap:break-word;
}
.dabiaoti{font-size: ;}
a{
	color: inherit;
}
a:hover,a:visited,a:focus{
	text-decoration: none;
}
*{box-sizing: border-box;}
.db{display: block;}
.tc{text-align: center;}
img{max-width: 100%;}
.c_center{width: 1100px;margin: 0 auto;}
.baibg{background: #ffffff;}
.huibg{background: #f8f8f8;}
.pore{position: relative;}
.flexb{display: flex;align-items: center;justify-content: center;}
.container{
	width: 1280px;
	padding: 0;
	margin: 0 auto;
}
.ovh{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.mt10{margin-top: 10px;}
.mt16{margin-top: 16px;}
.mt20{margin-top: 20px;}
.mt24{margin-top: 24px;}
.mt28{margin-top: 28px;}
.mt36{margin-top: 36px;}
.mt60{margin-top: 60px;}

/* 公共部分开始 */
body{background: #e7ebee;}
.top{
	height: 10px;
	background: url(../img/top.jpg) center no-repeat;
	background-size: cover;
}
header{
	line-height: 122px;
	border-bottom: 2px solid #eff3f6;
	padding: 0 99px 0 80px;
}
header .nav{
	padding: 74px 0 0 0;
}
header .nav a{
	margin: 0 14px;
	width: 28px;
	height: 28px;
	float: left;
	display: block;
	background: url(../img/nav1.png) left center no-repeat;
	transition: all 0.3s;
}
header .nav a:nth-child(2){background-position: -28px center;}
header .nav a:nth-child(3){background-position: -56px center;}
header .nav a:nth-child(4){background-position: -84px center;margin-right: 0;}
header .nav a.on,
header .nav a:hover{background-image: url(../img/nav3.png);}
footer{
	border-top: 2px solid #eff3f6;
	padding: 36px 80px 72px 100px; 
	color: #666666;
}

/* 首页 */
.indHead{
	margin-top: 40px;
	height: 110px;
	line-height: 110px;
	padding: 0 80px;
}
.indHead .logo{display: block;}
.indimgBox{
	background: #e8e9eb;
}
.indimgBox img{
	display: block;
	float: left;
	margin-right: 2px;
}
.indimgBox img:last-child{
	margin-right: 0;
}
.indfoot{ 
	padding: 35px 80px 72px;
}
.indfoot .wx1{
	color: #666;
}
.indfoot .wx2{
	color: #909497;
}
.indfoot .wx2 .nrleft{
	width: 61%;
	text-align: justify;
}
.indfoot .form{
	margin: 14px 0 26px;
	vertical-align: middle;
}
.indfoot .form input.shuru{
	background: #eff3f4;
	border: 1px solid #bdc1c4;
	line-height: 32px;
	text-indent: 10px;
	width: 182px;
	vertical-align: middle;
	margin-right: 12px;
}
.indfoot .form input.tijiao{
	vertical-align: middle;
}



.nyMain{
	padding: 25px 99px 72px 99px;
}

.nyhead h1{
	font-family: Microsoft YaHei;
	line-height: 94px;
	font-size: 33px;
	color: #222222;
}
/* .proList{padding-bottom: 72px;} */
.proList{margin-top: 10px;}
.proList li{width: 100%;
	background: #edf1f4;
	margin-bottom: 40px;}
.proList li:last-child{margin-bottom: 0;}
.proList .imgBox{
	width: 700px;
}
.proList .imgBox img{
	width: 100%;
}
.proList .textBox{
	width: 380px;
	padding: 18px 28px;
}
.proList .textBox .title{
	font-family: Microsoft YaHei;
	font-size: 19px;
	color: #222222;
	line-height: 30px;
	padding: 5px 0;
}
.proList .textBox:hover{color: #000000;}

/* 产品二级列表 */
.proList2{
	padding: 36px 0 0;
}
.proList2 li{
	margin-top: 32px;
	width: 320px;
	margin-right: 61px;
	float: left;
}
.proList2 li:nth-child(1),
.proList2 li:nth-child(2),
.proList2 li:nth-child(3){
	margin-top: 0;
}
.proList2 li:nth-child(3n){margin-right: 0;}
.proList2 .textBox .title{
	margin-top: 18px;
} 

/* 内容页 */ 
.infoBox .imgBox img{
	display: block;
}
.infoBox .imgBox .jjright{
	margin-right: 2px;
}
.infoBox h2{
	font-size: 22px;
	line-height: 34px;
	color: #222222;
	font-family: Microsoft YaHei;
}
.proList3 li{
	width: 29%;
	float: left;
	margin-right: 10px;
}
.proList3 li .textBox{
	padding: 0 10px;
	background:#edf1f4;
	display: block;
	line-height: 30px;
}
.fentit{
	line-height: 48px;
	font-size: 32px;
	color: #ce243e;
	font-weight: 700;
	font-family: Microsoft YaHei;
}
@media (max-width:1280px) and (min-width:996px) {
	.container{width: 996px;}
	.indimgBox img{width: calc(5.66% - 2px);}
	.indimgBox img:nth-child(2){width: calc(49.3% - 2px);}
	.indimgBox img:nth-child(3){width: calc(29.88% - 2px);}
	.indimgBox img:nth-child(4){width: calc(14.84%);}
	/* 产品 */
	.nyMain{padding: 24px 80px;}
	footer{padding: 32px 80px;}
	.proList .imgBox{width: 70%;}
	.proList .textBox{width: 30%;}
	header{padding-right: 80px;}
	.infoBox .imgBox img.w380{width: calc(35.2% - 1px);}
	.infoBox .imgBox img.w700{width: calc(64.8% - 1px);}
	.infoBox .imgBox img.w360{width: calc(33.4% - 1px);}
	.infoBox .imgBox img.w720{width: calc(66.6% - 1px);}
	.proList2 li{width: 32%;margin-right: 2%;}
}
@media (max-width:996px) and (min-width:768px) {
	.container{width: 768px;}
	.indimgBox img{width: calc(5.72% - 2px);}
	.indimgBox img:nth-child(2){width: calc(49.3% - 2px);}
	.indimgBox img:nth-child(3){width: calc(29.88% - 2px);}
	.indimgBox img:nth-child(4){width: calc(14.8%);}
	.indfoot{padding: 32px 40px;}
	.indHead{padding: 0 40px;margin-top: 0;}
	/* 产品 */
	header{line-height: 110px;padding: 0 40px;}
	header .nav{padding-top: 64px;}
	.nyMain,
	footer{padding: 24px 40px;}
	.proList .textBox .title{
		display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
	}
	.proList .textBox .desc{
		display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;
	}
	.proList .imgBox{width: 70%;}
	.proList .textBox{width: 30%;}
	.infoBox .imgBox img.w380{width: calc(35.2% - 1px);}
	.infoBox .imgBox img.w700{width: calc(64.7% - 1px);}
	.infoBox .imgBox img.w360{width: calc(33.4% - 1px);}
	.infoBox .imgBox img.w720{width: calc(66.6% - 1px);}
	
	.proList2 li,
	.proList2 li:nth-child(3n){width: 49%;margin-right: 2%;margin-top: 16px;}
	.proList2 li:nth-child(2n){margin-right:0;}
}
@media (max-width:768px) {
	.container{width: 100%;} 
	.indHead{margin: 0;height: 64px;line-height: 64px;text-align: center;width: 100%;padding: 0 8px;}
	.indHead .logo img{height: 36px;}
	.indimgBox img{width: calc(5.9% - 2px);height: 164px;}
	.indimgBox img:nth-child(2){width: calc(49% - 2px);height: 164px;}
	.indimgBox img:nth-child(3){width: calc(30.3% - 2px);height: 164px;}
	.indimgBox img:nth-child(4){width: calc(14.5%);height: 164px;}
	.indimgBox{margin: 0 8px;}
	.indfoot{padding: 16px;}
	/* 产品 */
	header .logo img{height: 40px;}
	header{line-height: 64px;padding: 0 8px;}
	header .nav{padding: 16px 0;width: 100%;}
	header .nav a{margin: 0 8px;}
	.nyMain,
	footer{padding: 24px;}
	.nyhead h1{
		font-size: 24px;
		line-height: 40px;
	}
	.proList .imgBox{
		width: 100%;
		text-align: center;
	}
	.proList .textBox{
		width: 100%;
		text-align: center;
		padding: 8px 12px;
	}
	.proList li{margin-bottom: 24px;} 
	.infoBox .imgBox .jjright{
		margin-right: 0;
		margin-bottom: 2px;
	}
	.proList2{padding-top: 24px;}
	.proList2 li,
	.proList2 li:nth-child(3),
	.proList2 li:nth-child(3n){
		width: 49%;
		margin-top: 16px;
		margin-right: 2%;
	} 
	.proList2 li:nth-child(2n){margin-right: 0;}
	.infoBox h2{font-size: 18px;line-height: 26px;}
	.proList3 li{width: 100%;margin: 0 0 16px 0;}
	.infoBox .imgBox img{width: 100%;}	
	.mt10{margin-top: 5px;}
	.mt16{margin-top: 8px;}
	.mt20{margin-top: 10px;}
	.mt24{margin-top: 12px;}
	.mt28{margin-top: 14px;}
	.mt36{margin-top: 18px;}
	.mt60{margin-top: 30px;}
	.fentit{
		font-size: 24px;
		line-height: 40px;
	}
	.indfoot .wx2 .nrleft{width: 100%;}
	header .logo{
		float: none;
		text-align: center;
	}
	header .logo img{height: 32px;}
	header .nav{padding: 0 0;text-align: center;line-height: 32px;}
	header .nav a:hover:after, header .nav a.on:after{height: 4px;}
	header .nav a{font-size: 14px;display: inline-block;
    float: unset;}
}