.header {
	width: 100%;
	height: 100px
}

.header ul {
	width: 1200px;
	margin: 0 auto
}

.header li {
	line-height: 20px;
	text-align: left;
	width: 390px;
	margin-top: 20px;
	margin-left: 100px
}

/*电话和搜索*/
.tel-seach {
	width: 1110px;
}

.tel-seach .telep {
	position: relative;
}

.tel-seach .telep img {
	top: 18px;
	width: 50px;
	height: 54px;
	position: absolute;
}

.tel-seach .telep span {
	position: absolute;
	top: 20px;
	left: 60px;
	width: 350px;
}

.tel-seach .xiaoseach {
	width: 420px;
	height: 55px;
	border: solid #666666 2px;
	margin-top: 12px;
	position: relative;
}

.tel-seach .xiaoseach input {
	width: 345px;
	height: 55px;
	border-right: solid #666666 2px;
}

.tel-seach .xiaoseach .btnshear {
	width: 53px;
	height: 47px;
	position: absolute;
	top: 5px;
	right: 10px;
	background: url(../image/seachlogo.png)no-repeat center;
	border: 0;
}

/*mainservice*/
.mainservice {
	width: 750px;
	margin: 40px auto 20px auto;
	text-align: center;
}

.bgborder {
	height: 4px;
	width: 50px;
	background: #232331;
	margin: 18px auto;
}

.mainservice .contentp {
	margin-top: 25px;
	line-height: 20px;
}

.mansvul {
	margin-top: 55px;
}

.mansvul ul {
	width: 1160px;
}

.mansvul li {
	cursor: pointer;
	border: solid #FFFFFF 1px;
	width: 300px;
	height: 380px;
	margin-left: 60px;
	float: left;
	text-align: center;
	position: relative;
}

.mansvul li img {
	margin-top: 20px;
	width: 250px;
	height: 250px;
}

.mansvul li .mainsp {
	bottom: 20px;
	position: absolute;
	width: 210px;
	line-height: 23px;
	left: 45px;
}

.mansvul .mainhid {
	width: 35px;
	height: 3px;
	background: #232331;
	margin: 5px auto;
	display: none;
}

.mansvul li:hover {
	border: solid #232331 1px;
}

.mansvul li:hover .mainhid {
	display: block;
}

/*ABOUT us*/
.aboutus {
	margin-top: 50px;
	text-align: center;
}

.aboutcontent {
	width: 100%;
	height: 600px;
	margin-top: 55px;
	min-width: 1200px;
}

.aboutcontent .aboutdiv {
	width: 435px;
	position: relative;
	top: -90px
}

.aboutcontent .aboutdiv p {
	width: 596px;
	line-height: 30px;
	color: #ffffff;
	top: 140px;
	position: absolute;
	text-indent: 25px;
	text-align: left;
}

.aboutcontent .aboutbutten {
	width: 90px;
	height: 30px;
	background: #ffffff;
	position: absolute;
	top: 370px;
	border-radius: 3px;
}

.aboutcontent .aboutbutten a {
	width: 90px;
	line-height: 30px;
	display: block;
	color: #232331;
	text-align: center;
}

/*产品展示*/
.product {
	margin-top: 55px;
}

.product li {
	width: 262px;
	height: 410px;
	float: left;
	margin-left: 38px;
	cursor: pointer;
}

.product .productcount {
	width: 262px;
	height: 262px;
	position: relative;
}

.product .productcount img {
	width: 262px;
	height: 262px;
}

.product .productcount p {
	width: 262px;
	position: absolute;
	bottom: 0px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #FFFFFF;
	background: #323232;
	opacity: 0.5;
	filter: Alpha(opacity=50);
}

.product .productdiv {
	width: 262px;
	height: 145px;
}

.product .productdiv p {
	width: 240px;
	margin: 0 auto;
	padding-top: 24px;
}

.product li:hover .productdiv {
	border-bottom: solid #75bb34 3px;
	background: #f0f0f0;
}

/*经典案例*/
.classicdiv {
	padding-top: 40px;
}

.classicdiv li {
	width: 395px;
	height: 280px;
	float: left;
	position: relative;
	cursor: pointer;
}

.classicdiv li img {
	width: 395px;
	height: 280px;
}

.classicdiv .classicwai {
	display: none;
	width: 395px;
	height: 280px;
	color: #FFFFFF;
	position: absolute;
	top: 0;
	background: #4d4d4d;
	opacity: 0.9
}

.classicdiv .classicwai .classicontent {
	width: 305px;
	margin: 30px auto;
}

.classicdiv .classicwai .classicontent h1 {
	line-height: 35px;
}

.classicdiv .classicwai .classicontent p {
	line-height: 25px;
}

.classicdiv .classicwai .classicontent div {
	line-height: 27px;
	background: #FFFFFF;
	width: 50px;
	text-align: center;
	border-radius: 5px;
	margin-top: 10px;
}

.classicdiv li:hover .classicwai {
	display: block;
}

/*联系我们*/
.contactus {
	width: 100%;
	min-width: 1200px;
	background: url(../image/contact.png)no-repeat center;
	height: 465px;
	margin-top: 50px;
}

.contactus .contactuscontent {
	width: 545px;
	margin: 0px auto;
	padding-top: 30px;
}

.contactus .contactuscontent input {
	width: 310px;
	height: 38px;
	margin-top: 20px;
	display: block;
	text-indent: 10px;
	color: #757575;
	font-size: 14px;
}

.contactus .contactuscontent textarea {
	overflow: hidden;
	resize: none;
	color: #757575;
	font-size: 14px;
	text-indent: 10px;
	width: 540px;
	height: 116px;
	padding-top: 5px;
	margin-top: 20px;
}

.contactus .contactuscontent .contabutten {
	font-size: 21px;
	width: 116px;
	color: #FFFFFF;
	margin: 40px auto;
	border-radius: 2px;
	text-align: center;
	text-indent: 0px;
}



.c3x {
	margin-top: 50px;
	background: url(../image/adbg.jpg) no-repeat center 0;
	height: 850px;
	background-attachment: fixed;
	background-size: cover;
}

.c33x {
	width: 1200px;
	margin: 0 auto;
	padding-top: 20px;
	text-align: center;
}

/* 滚动 */
/*滚动*/
#demo {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
}

#indemo {
	float: left;
	width: 800%
}

#demo1 {
	float: left;
}

#demo2 {
	float: left;
}

.product_list1 {}

.product_list1 li {
	float: left;
	_display: inline;
	margin: 0 10px;
	background: #eeeeee;
	height: 250px;
	position: relative;
}

.product_list1 li img {
	width: 300px;
	height: 248px;
	border: 1px solid #c9c9c9;
}

.product_list1 li h3 {
	text-align: center;
	position: absolute;
	bottom: 15px;
	width: 278px;
	left: 50%;
	margin-left: -139px;
}

.product_list1 li h3 a {
	font-weight: normal;
	font-size: 16px;
	color: #1a1a1a;
}

.product_list1 li:hover {
	background: #4d4d4d;
}

.product_list1 li:hover h3 a {
	color: #fff;
}




/*新闻动态*/
.newsinf {
	width: 567px;
	margin-top: 60px;
}

.newsinf li {
	width: 567px;
	height: 186px;
	border: solid #FFFFFF 1px;
	position: relative;
	margin-bottom: 100px;
}

.newsinf .newscont {
	width: 207px;
	margin: 42px 38px;
}

.newsinf .newscont p {
	color: #616161;
	line-height: 21px;
}

.newsinf .newsimg {
	width: 280px;
	height: 186px;
	border: solid #4d4d4d 1px;
	text-align: center;
}

.newsinf .newsimg img {
	width: 245px;
	height: 158px;
	margin-top: 12px;
}

.newsinf li:hover {
	border: solid #4d4d4d 1px;
}

.newsinf li:hover .newsimg {
	border: solid #FFFFFF 1px;
}

.newsinf li i {
	width: 35px;
	height: 25px;
	background: url(../image/newsinflogo.png)no-repeat;
	position: absolute;
}

.newsinf li .ileft {
	background-position: -35px -5px;
}

.newsinf li .ileft1 {
	top: 78px;
	right: -55px;
}

.newsinf li:hover .ileft {
	background-position: -80px -5px;
}

.newsinf li .ileft2 {
	top: 75px;
	right: -55px;
}

.bgboer {
	background: url(../image/newborder.png) no-repeat;
	width: 17px;
	height: 465px;
	position: absolute;
	top: 247px;
	left: 50%;
}

.newsinfr {
	width: 567px;
	margin-top: 80px;
}

.newsinfr li {
	width: 567px;
	height: 186px;
	border: solid #FFFFFF 1px;
	position: relative;
	margin-top: 100px;
	margin-left: 78px;
}

.newsinfr .newscont {
	width: 207px;
	margin: 42px 38px;
}

.newsinfr .newscont p {
	color: #616161;
	line-height: 21px;
}

.newsinfr .newsimg {
	width: 280px;
	height: 186px;
	border: solid #4d4d4d 1px;
	text-align: center;
}

.newsinfr .newsimg img {
	width: 245px;
	height: 158px;
	margin-top: 12px;
}

.newsinfr li:hover {
	border: solid #4d4d4d 1px;
}

.newsinfr li:hover .newsimg {
	border: solid #FFFFFF 1px;
}

.newsinfr li i {
	width: 35px;
	height: 26px;
	background: url(../image/newsinflogo.png)no-repeat;
	position: absolute;
}

.newsinfr li .ileft {
	background-position: 0px -5px;
}

.newsinfr li .ileft1 {
	top: 85px;
	left: -55px;
}

.newsinfr li:hover .ileft {
	background-position: -125px -5px;
}

.newsinfr li .ileft2 {
	top: 105px;
	left: -55px;
}

@media screen and (max-width: 640px) and (min-width:0px) {
	.navg .fs-17 {
		width: 100%;
	}

	.w-all.navg {
		height: 45px !important;
	}

	.navg .fs-17 ul {
		margin: 0;
		width: 100%;
		display: flex;
	}

	.navg ul li {
		float: none;
	}

	.navg ul li a {
		line-height: 45px;
		font-size: 14px;
	}

	.navg ul li a.on {
		width: auto !important
	}

	.w-all {
		width: 100%;
		min-width: 100%;
		overflow: hidden;
	}

	.w-main {
		width: 100%;
		min-width: 100%;
		overflow: hidden;
	}

	.header {
		height: auto;
	}

	.header .nagimg {
		float: none;
	}

	.header ul {
		width: 100%;
	}

	.header li {
		width: 100%;
		margin: 5px 0;
		font-size: 14px;
		float: none !important;
	}

	.w-all.navg {
		min-width: 100%;
		overflow: scroll;
	}

	.banner {
		height: 170px;
	}

	.b-img {
		height: 170px;
	}

	.b-list {
		padding-top: 150px;
	}

	.b-img a {
		height: 170px;
		background-size: cover !important;
	}

	.tel-seach .telep img {
		top: 5px;
		width: 40px;
		height: auto;
		position: absolute;
	}

	.tel-seach .telep span {
		top: 15px;
		left: 45px;
		font-size: 20px;
		width: auto;
	}

	.mainservice {
		width: 100%;
	}

	.mansvul ul {
		width: 100%;
	}

	.mansvul li {
		margin: 0 auto;
		float: none;
		margin-bottom: 15px;
	}

	.aboutcontent {
		width: 100%;
		min-width: 100%;
	}

	.aboutcontent .aboutdiv {
		width: 100%;
		position: relative;
		top: 0;
	}

	.aboutcontent .aboutdiv p {
		width: 100%;
		top: 15px;
		position: relative;
	}

	.aboutcontent {
		width: 100%;
		height: auto;
		min-width: 100%;
		background-size: cover !important;
	}

	.aboutus .w-main>div:nth-child(2) {
		float: none !important;
		border: 1px solid #666 !important;
		width: 100% !important;
		height: 300px !important;
		margin-top: 90px !important;
	}

	.aboutus .w-main>div:nth-child(2) img {
		width: 100%;
	}

	.c33x {
		width: 100%;
	}

	.classicdiv li {
		width: calc(50% - 30px);
		height: auto;
		margin: 0 15px;
	}

	.classicdiv li img {
		width: 100%;
		height: auto;
	}

	.classicdiv .classicwai {
		width: 100%;
		height: auto;
	}

	.classicdiv .classicwai .classicontent {
		width: 100%;
	}

	.newsinf {
		width: 100%;
		margin-top: 60px;
	}

	.newsinf li {
		width: 100%;
	}

	.newsinf li:hover {
		border: 0px;
	}

	.newsinf .newscont {
		width: 100%;
		margin: 0;
		float: none;
	}

	.newsinf li .ileft1 {
		display: none;
	}

	.newsinf .newsimg img {
		width: 100%;
		height: auto;
		margin-top: 30px;
	}

	.newsinf .newsimg {
		width: 100%;
		height: auto;
		border: solid #4d4d4d 0px;
		text-align: center;
	}

	.bgboer {
		display: none;
	}

	form {
		width: 100% !important;
		padding: 45px;
	}

	.contactus {
		width: 100%;
		min-width: 100%;
		margin-top: 15px;
	}

	form {
		width: 70% !important;
		position: relative;
		padding: 45px;
	}

	.footer {
		height: auto;
	}

	.contentimg {
		width: 100%;
		height: 150px;
		background-size: cover !important;
	}

	.tongyong {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

	.brandstor .brandleft img {
		width: 100% !important;
		margin: 0 !important;
	}

	.brandstor .brandrit h1 {
		width: 90% !important;
		margin: 0 !important;
		height: auto !important;
		padding: 25px 5vw !important;
	}

	.cpej .cpejfr {
		width: 100% !important;
	}

	.tab {
		width: 100% !important;
	}

	.tab-cont {
		width: 100% !important;
	}

	.tab-cont .item {
		width: 100% !important;
	}

	.xslanren {
		width: 100% !important;
	}

	.xslanren li {
		width: 46% !important;
		height: auto !important;
		margin-bottom: 15px !important;
	}

	.xslanren li img {
		width: 100% !important;
		height: auto !important;
	}

	.xslanren .xsejymcon {
		width: 100% !important;
		height: auto !important;
	}

	.pagination-container {
		padding: 20px 0 !important;
	}

	.page-link {
		padding: 5px !important;
		font-size: 12px !important;
	}

	.page-total-count {
		font-size: 12px !important;
	}

	.lxwmbg {
		width: 100% !important;
		height: 150px !important;
		background-size: 100% 100% !important;
	}

	.fklx {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}

	.fklx,
	.fklx .fkjj,
	.fklx .lxwm {
		float: none !important;
		width: 100% !important;
	}

	.fklx .fkjj input,
	.fklx .fkjj textarea {
		width: 100% !important;
	}
}