section.Content,section.Content .common{
	width: 100%;
	padding: 30px 0;
}
section.Content .common h2{
	color: #000;
	font-size: 30px;
	line-height: 60px;
	text-transform: uppercase;
	position: relative;
	border-bottom: 1px #000 solid;
}
section.Content .common h2:before{ width: 54px; height: 3px; content: ""; background: #e62129; position: absolute; left: 0; bottom: -2px; }
.common-list{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
section.Content nav{ position: relative ; width: auto;}

section.Content nav ul{
	display: flex;
	width: auto;
	justify-items: flex-end
}
section.Content nav ul li{
	width: auto;
	height: auto;
}

section.Content nav ul li a{
	width: auto; color: #fff; background: #000; line-height: auto; padding: 7px 10px; margin: 0 10px;padding: 13px 31px;
margin: 0 10px;
font-size: 16px;
}

section.Content nav ul li a:hover,section.Content nav ul li a.cur{
	background: #e62129;
}

section.Content article{
	width: 100%; height: auto; margin-top: 45px;
}

div.Company{
	width: 100%; height: auto; float: left; margin-bottom: 40px;
}
div.Company img{ float: left; width: 50%; }
div.Company .r{ width: 48%; float: right; }

div.Company p{
	line-height: 30px; font-size: 14px; color: #000; width: 100%; float: right; box-sizing: border-box;  margin: 0; margin-bottom: 10px; text-indent: 2em;
}
div.Company p strong{ font-size: 28px; }




/* newslist */
.newslist{
	width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;
}

.newslist li{
	width: 32%; margin-bottom: 1%; 
}

.newslist li a{
	width: 100%; height: auto; transition: all 0.3s ease 0.1s;
}
.newslist li .img{ background: #000; width: 100%;}

.newslist li .img img{ width: 100%; transition: all 0.3s ease 0.1s; height: 221px;}

.newslist li a:hover .img img{ opacity: 0.7;}

.newslist li a dl{
	width: 100%;  
}

.newslist li a dl dt{
	width: 90%; font-size: 1.25rem; font-family: BellCent,Arial,"Microsoft YaHei"; color: #000; line-height: 2rem; height: 2rem; overflow: hidden; margin: 1rem 0 0.5rem; transition: all 0.3s ease 0.1s;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap; display: none;
}

.newslist li a:hover dl dt{ color: #e62129; padding-left: 5%;}


.newslist li a dl .date{
	width: 100%; color: #e62129; font-size: 0.875rem; margin-bottom: 0.5rem; display: none;
}

.newslist li a dl dd{
	width: 100%; font-size: 0.875rem; font-family: BellCent,Arial,"Microsoft YaHei"; color: #666; line-height: 1.25rem; height: 2.5rem; overflow: hidden; display: none;
}


.newsview{
	width: 100%; 
}
.newsview .tit{
	width: 100%; text-align: center; font-size: 1.75rem; line-height: 2rem; margin: 3rem 0 0; padding-top: 1rem; border-top: 1px solid #ccc; border-left: none; border-right: none; color: #000;
}

.newsview .xinxi{
	width: 100%; text-align: center; font-size: 1rem; line-height: 2rem; margin: 0 0 1rem; padding-bottom: 1rem; border-bottom: 1px solid #ccc; border-left: none; border-right: none; color: #999;
}
.newsview .xinxi span{ padding: 0 10px;}
.newsview .ms{ font-size: 1rem; line-height: 1.75rem; padding: 1rem 0;}
.xx_more{ border: 1px solid #ccc; padding: 7px 12px; color: #000;}
.xx_more:hover{ background: #000; color: #fff;}

/* prodcuts */
.productslist{
	width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap;
}

.productslist li{ width: 23%; margin: 1%; }

.productslist li img{ width: 100%; box-sizing: border-box; border: 1px solid #ccc;}
.productslist li span{ width: 100%!important; text-align: center; color: #000; line-height: 36px; font-size: 16px; display: block;   transition: all 0.3s;height: 36px; overflow: hidden;white-space:nowrap; text-overflow:ellipsis; box-sizing: border-box; padding: 0 20px;}
.productslist li:hover img{ border-color: #e62129; }
.productslist li:hover span{ color: #e62129;  }

/* productview */
.productview{}
.productview .tit{ width: 100%; font-size: 16px; border-bottom: 1px #000 solid; padding-bottom: 5px; font-weight: bold; }
.productview .nr a{ color: #000; }
.productview .nr a:hover{ color: #e62129; }
.productview .nr .l{ display: inline-block; border: 2px solid #e62129; width: 26%;  box-sizing: border-box; margin-top: 30px; margin-bottom: 30px;}
.productview .nr .l img{ width: 100%; }
.productview .nr .r{width: 48%; display: inline-block; vertical-align: top; padding-left: 3%; }
.productview .nr .r h2{ font-size: 20px; margin-top: 50px; }
.productview .nr .r p{ font-size: 14px; line-height: 24px; }
.productview .nr ul{ font-size: 0; float: left; margin-bottom: 20px;}
.productview .nr ul li{ width: 12.5%; display: inline-block; border-right: 1px #fff solid; box-sizing: border-box;}
.productview .nr ul li img{ width: 100%;  }
.productview .nr ul li span{ width: 100%;  text-align: center; display: block; background: #e62129; line-height: 24px; color: #fff; font-size: 14px;}
.productview .nr .cpxx{ margin-top: 30px; }
.productview .nr .cpxx b{ font-size: 15px; }
.productview .nr .cpxx p{ font-size: 14px; line-height: 24px; margin: 5px 0; }

.prlist-zt { 
	padding: 40px 0; display: block; font-size: 0;
}
.prlist-zt li {
	display: inline-block;
	width: 23%;
	height: 260px;
	margin: 0 1.5% 1.5% 0;
	border: 1px solid #ddd;
	vertical-align: top;
	transition: all .5s ease-in-out;
	position: relative;
}
.prlist-zt li:nth-child(4n){ margin-right: 0;}

.prlist-zt li:hover {
	opacity: .8;
	border: 1px solid #666;
}
.prlist-zt li a {
	display: inline-block;
	width: 100%;
	color: #5a5a5a;
}
.prlist-zt li img {
	width: 100%;
	max-height: 220px;
	margin: 0 auto;
	display: block;
	transition: all .5s ease-in-out;
}
.prlist-zt li span {
	display: block;
	width: 100%;
	text-align: center;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	position: absolute;
	bottom: 0;
}
/* productview */
.n-cp-view {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}
.n-cp-view .l {
	width: 45%;
	margin-right: 4%;
}
.n-cp-view .l img {
	width: 500px;
	border: 1px solid #ddd;
}
.n-cp-view .r {
	width: 40%;
	position: relative;
	font-size: 16px;
	padding-left: 50px;
	box-sizing: border-box;
}
.n-cp-view .r b {
	width: 120px;
	position: absolute;
	left: -100px;
	text-align: right;
}
.n-cp-view .r div {
	height: 70px;
	line-height: 70px;
	border-bottom: 1px solid #ddd;
}
.n-cp-view .r .back {
	position: absolute;
	left: 50px;
	bottom: 0;
	color: #5a5a5a;
	padding: 8px 15px;
	border: 1px solid #ddd;
	font-size: 14px;
}
.n-cp-view .r .back:hover {
	color: #000;
	border-color: #000;
}
/* down */
.ny_down{ width: 100%; float: left;}
.ny_down li{ width: 50%; float: left; margin-bottom: 10px;}
.ny_down li .img{ width: 60%; box-sizing: border-box; border: 1px solid #ccc; float: left;}
.ny_down li img{ max-width: 100%;}
.ny_down li dl{  float: right; width: 36%;}
.ny_down li dl dt{ width: 100%; line-height: 48px; float: left; font-size: 16px; font-weight: bold}
.ny_down li dl dd{ width: 100%; line-height: 24px; margin: 10px 0; float: left; font-size: 14px;}

/* page */
.page_zt {
	width: 100%;
	margin: 50px 0;
}


.lxfs{ width: 37%; display: inline-block; min-height: 400px;  }
.lxfs h3{ font-size: 24px; margin-bottom: 30px; }
.lxfs ul li{ font-size: 14px; color: #000; margin-bottom: 20px;}
.lxfs ul li a{ color: #000; }
#dituContent{ float: right; width: 59%!important; height: 438px!important; }

.n_culture{ width: 100%; }
.n_culture .l{ width: 100%; display: inline-block; }
.n_culture .l p{ line-height: 28px; font-size: 14px; margin: 0; margin-bottom: 10px; box-sizing: border-box; padding-left: 20px; position: relative; }
.n_culture .l p:before{ content: ""; width: 6px; height: 6px; border:4px solid #3d454f; position: absolute; left: 0; top: 7px; border-radius: 100%; }
.n_culture .l b{ font-size: 18px;  width: 100%; margin-bottom: 16px; display: block; text-transform: uppercase;}
.n_culture img{ width: 100%; float: left; margin: 20px 0; } 
.n_culture .l ul{ width: 100%; margin-top: 33px;}
.n_culture .l ul li{ width: 32%; margin-right: 2%; height: 200px; float: left; padding-top: 110px; box-sizing: border-box;}
.n_culture .l ul li:nth-child(1){ background: url(../images/culture01.jpg) #3d454f no-repeat top center; background-position: center 20px;  border-top-left-radius:5px;}
.n_culture .l ul li:nth-child(2){ background: url(../images/culture02.jpg) #3d454f no-repeat top center; background-position: center 20px; }
.n_culture .l ul li:nth-child(3){ background: url(../images/culture03.jpg) #3d454f no-repeat top center; background-position: center 20px;margin-right: 0; border-bottom-right-radius:5px; }
.n_culture .l ul li h4{ width: 100%; text-align: center; float: left; color: #fff;text-transform: uppercase;font-size: 16px; font-weight: bold;}
.n_culture .l ul li span{ width: 100%; text-align: center; float: left; color: #fff; text-transform: uppercase;font-size: 12px; font-size: 14px;
margin-top: 9px;}


.faq{ width: 100%; display: inline-block;}
.faq ul{ width: 100%;  display: inline-block; margin-bottom: 40px;}
.faq ul li{ background: #e5e5e5; border-radius: 5px; margin-top: 10px; padding: 10px 20px; font-size: 14px; line-height: 24px; color: #000; display: inline-block; position: relative; margin-left: 56px;}
.faq ul li:nth-child(2n){ float: right;  margin-right: 56px; background: #12b7f5; color: #fff;}
.faq ul li:after{ width: 5px; height: 8px; content: ""; background:url(../images/faq_after.png); position: absolute; left: -5px;top: 17px; }
.faq ul li:before{ width: 44px; height: 44px; content: ""; background:url(../images/faq_ask.png); position: absolute; left: -56px; top: 0px; }
.faq ul li:nth-child(2n):after{width: 5px; height: 8px; content: ""; background:url(../images/faq_after2.png); position: absolute; top: 17px; left: 100%; }
.faq ul li:nth-child(2n):before{ width: 44px; height: 44px; content: ""; background:url(../images/faq_q.png); position: absolute; left: 100%; top: 0px; margin-left: -20px; margin-left: 11px;}

.service{  width: 100%; display: inline-block;}
.service .l{ width: 50%; font-size: 14px; display: inline-block; line-height: 24px; vertical-align: middle;}
.service img{ width: 30%; vertical-align: middle; margin-left: 10%; }