@charset "utf-8";

.header{

	background-color: #fcb026;
}
.topnav{width: 100%;background-color: #F6F6F6;height: 34px;line-height: 34px;color: #393939;font-size: 14px;}
.topnav span{float: right;}
.header .containerr{
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.nav {
	width: 70%;
	height: 100px;
	line-height: 100px;
}

.nav ul{

	display: flex;

	justify-content: space-around;

	text-align: center;

}

.nav ul li{

	text-align: center;

	position: relative;

	flex-grow: 1;

}

.nav ul li ul{

	background-color: #fcb026;

	width: 200%;

	position: absolute;

	z-index: 1000;
/*
	top: 130%;
*/
	left: 0;

	display: none;

}

.nav ul li ul li{

	width: 100%;

	height: 45px;

	line-height: 45px;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

}

/* .nav ul li:hover{

	background-color: #09558a;

} */

.nav ul a{

	line-height: 50px;

	color: #fff;

	font-size: 16px;

}

/*轮播图*/

.swi{

	height: calc(100vh - 300px);

}



.swiper-slide {

	overflow: hidden;

}



.slide-inner {

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	background-size: cover;

	background-position: center;

}

/*title部分*/

.head-title{

	width: 1200px;

	margin: 0 auto;

	display: flex;

	justify-content: end;

	padding: 30px 0 20px 0;

}

.head-title div:nth-child(1){

	margin-right: 30px;

}

.head-title .title-info{

	padding: 20px 0;

	line-height: 25px;

}



/*产品分类*/



.product a{

	/* display: block;

	width: 100%; */

	color: #000;
	font-size: 15px;

}

.product-list {

	display: flex;

	justify-content: space-between;

}

.product-list ul{

	flex-grow: 1;

	display: flex;

	flex-wrap: wrap;

	justify-content: flex-start;

	margin-bottom:30px;

}

.product-list ul li{

	width: 100px;

	font-size: 16px;

	position: relative;

	text-align: center;

}

.product-list ul li::after{

	content: "";

	display: block;

	width: 1px;

	height: 100%;

	background-color: #000;

	position: absolute;

	right:0px;

	top: 0;

}

.link{

	font-size: 16px;

}

.product-list ul li:last-child::after{

	display: none;

}



.product-info ul{

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}

.product-info ul li{

	width: 280px;

}

.product-info ul li a:first-child{

	display: block;

	height: 210px;

	overflow: hidden;

	font-size: 0;

}

.product-info ul p{

	text-align: center;

	line-height: 60px;

	font-size: 18px;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

}

/*公司简介*/

.about{

	display: flex;

	flex-direction: column;

	justify-content:center;

	align-items: center;

	height: 600px;

	background: url(/html/themes/default/static/images/about.jpg) no-repeat center;

}
.about_gsm{    text-align: center;
	font-size: 24px;
	color: #fcb026;
	line-height: 80px;}
.about_zsnr{ padding: 0 70px; color: #fff; font-size: 14px; line-height: 30px;}
.about_zsnr p{ text-indent: 2em;}
.about .title{

	padding: 45px 0 20px 0;

}

.about a{

	color:#fff;

}

.about-wrap{

	display: flex;

	flex-direction: column;

	justify-content:center;

	align-items: center;

}

.about-wrap .about-txt{

	width: 900px;

	padding: 20px;

	font-size: 14px;

	color: #fff;

	line-height: 30px;

	text-indent: 24px;

	background:rgba(51,63,71,0.8);

	

}



.about-wrap a{

	display: block;

	width: 150px;

	margin: 10px auto;

}

/*--------厂房场景-------*/

.workshop{

	display: flex;

	flex-direction: column;

	justify-content: center;

	height: 600px;

	background: url(/html/themes/default/static/images/workshop.jpg) no-repeat center;

	position: relative;

}

.workshop .containerr{

	width: 1200px;

	margin: 0 auto;

	position: relative;

}

.workshop .containerr a{

	color: #000;

}

.workshop .containerr a p{

	text-align: center;

	line-height: 35px;

	font-size: 16px;

}

.swiper-icon{

	width: 1400px;

	position: absolute;

	top: 59%;

	left: 13%;

}







/*新闻中心*/



.news a{

	color: #000;

}

.news .new-pic div:first-child{

	font-size: 0;

}

.news .new-top{

	display: flex;

	justify-content: space-between;

	margin-bottom: 20px;

}

.news .new-top>div:first-child{

	width: 600px;

}

.news .new-bg{
	box-sizing: border-box;
	padding: 15px 30px;
	line-height: 35px;
	background:#ffffffad;

	margin-top: 280px;

}

.news .new-bg p:nth-child(1){

	font-size: 16px;

}

.news .new-bg p:nth-child(2){

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

}

.news .new-list ul{

	height: 100%;

	display: flex;

	flex-direction: column;

	justify-content: space-between;

}

.news .new-item{

	display: flex;

	justify-content: space-between;

}

.news .time{

	width: 120px;

	height: 120px;

	text-align: center;

	display: flex;

	flex-direction: column;

	justify-content: center;

	background-color: #fcb026;

	font-size: 14px;

	color: #fff;

}

.news .time p:first-child{

	font-size: 30px;

	font-weight: bold;

}

.news .new-txt{

	width: 460px;

	background-color: #f5f5f5;

	padding: 20px 30px;

	box-sizing: border-box;

}

.news .new-txt a{

	color: #000;

}

.news .new-txt a p:first-child{

	font-size: 18px;

	margin-bottom: 10px;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

}

.news .new-txt a p:last-child{

	line-height: 20px;

	overflow : hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

}

.new-bottom ul{

	display: flex;

	justify-content: space-between;

	margin-bottom: 100px;

}

.new-bottom .timer{

	padding:10px 0 0 25px;

}

.new-bottom .timer span{

	color: #fcb026;

}

.new-bottom .timer span:nth-child(1){

	font-size: 40px;

	font-weight: bold;

}

.new-bottom .timer span:nth-child(2){

	display: inline-block;

	font-size: 20px;

	margin: 0 10px;

	-webkit-transform:rotate(40deg);

	-moz-transform:rotate(40deg);

}

.new-bottom .timer span:nth-child(3){

	font-size: 20px;

}

.new-bottom .new-txt{

	width: 100%;

	background: transparent;

}

.new-bottom li{

	width: 290px;

	background-color: #f5f5f5;

	transition: all 0.5s;

}

.new-bottom li:hover{

	background-color: #fff;

	box-shadow: 5px 5px 5px 0px #ddd;

}

/*荣誉资质*/

.honor{

	height: 600px;

	background: url(/html/themes/default/static/images/honorbg.png) no-repeat center;

}

#certify {

	position: relative;

	width: 1200px;

	margin: 0 auto

}

#certify div{

	outline: none;

}

#certify .swiper-container {

	padding-bottom: 60px;

}



#certify  .swiper-slide {

	width: 386px;

	height: 360px;

	background: #fff;

	box-shadow: 0 8px 30px #ddd;

	text-align: center;

}

#certify  .swiper-slide img{

	display:block;

	margin: 0 auto;

}

#certify  .swiper-slide p {

	line-height: 98px;

	padding-top: 0;

	text-align: center;

	color: #636363;

	font-size: 1.1em;

	margin: 0;

}



#certify .swiper-pagination {

	width: 100%;

	bottom: 20px;

}



#certify .swiper-pagination-bullets .swiper-pagination-bullet {

	margin: 0 5px;

	border: 3px solid #fff;

	background-color: #d5d5d5;

	width: 10px;

	height: 10px;

	opacity: 1;

}



#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {

	border: 3px solid #00aadc;

	background-color: #fff;

}



#certify .swiper-button-prev {

	left: -30px;

	width: 45px;

	height: 45px;

	background: url(/html/themes/default/static/images/wm_button_icon.png) no-repeat;

	background-position: 0 0;

	background-size: 100%;

}



#certify .swiper-button-prev:hover {

	background-position: 0 -46px;

	background-size: 100%

}



#certify .swiper-button-next {

	right: -30px;

	width: 45px;

	height: 45px;

	background: url(/html/themes/default/static/images/wm_button_icon.png) no-repeat;

	background-position: 0 -93px;

	background-size: 100%;

}



#certify .swiper-button-next:hover {

	background-position: 0 -139px;

	background-size: 100%

}

/*地图*/

.map{

	background-color: #181818;

	padding: 50px 0;

}

/*页脚*/

.footer{

	background-color: #333f47;

}

.foot{

	display: flex;

	justify-content: space-between;

	box-sizing: border-box;

	padding: 20px;

}

.foot .left{

	flex-grow: 1;

	display: flex;

	justify-content:space-around;

	font-size: 16px;

	color: #fff;

}

.foot .left>div{

	line-height: 30px;

}

.foot .left p{

	line-height: 45px;

}

.foot .left .first{

	font-size: 16px;

	margin-bottom: 15px;

}



.foot .three span{

	width: 120px;

	display: block;

}

.foot a{

	color: #fff;

}

.foot .right{

	width: 300px;

	display: flex;

	justify-content: space-between;

}

.foot .contact{

	width: 300px;

	font-size: 14px;

	color: #fff;

}

.foot .contact p:first-child{

	font-size: 22px;

	margin-bottom:30px;

}

.foot .contact p{

	margin-bottom: 15px;

}



.pic-ewm{

	text-align: center;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	color: #fff;

}

.pic-ewm img{

	border:5px solid #fff;

}

.pic-ewm p{

	line-height: 30px;

}

.copyright{

	line-height: 55px;

	color: #fff;

	background-color: #333f47;

	text-align: center;

	font-size: 16px;

}
/*****/
.w1200{ width: 1200px; margin: 0 auto;}
.pro_img{ width: 280px; height: 210px; }
.pro_img img{ width: 100%; height: 210px;}

.cfcj_img{ width: 280px; height: 210px; }
.cfcj_img img{ width: 100%; height: 210px;}

/* TOP */
#top{ width: 100%; height: auto;}
.logo_nav_bg{ width: 100%; height: 100px; background: #ffa300a1; position: absolute;z-index: 99;}
.logo{ width: 350px; height:100px; float:left;}
.nav{ width: 800px; height: 100px; display: flex; justify-content: space-around; float: right;}
.nav li{ width: 100px; height: 100px; line-height: 100px; text-align: center;}
.nav li a{color: #fff; font-size: 17px;}
/*FOOT*/
.foot_bg{ width: 100%; min-height: 420px; background: #333f47;}
.foot_zs{ padding-top: 55px;}
.foot_lxwm{ width: 350px;height: auto; float: left;  color: #fff; line-height: 45px; font-size: 15px;margin-right: 20px;}
.foot_gsm{height: 40px; line-height: 40px; color: #f2aa2b; font-size: 22px;}

.foot_nav{width: 120px; height: auto; float: left; margin-right: 20px;}
.foot_nav li{ width: 120px; height: 40px; line-height: 40px;}
.foot_nav li a{ color: #fff; font-size: 15px;}

.foot_nav2{width: 120px; height: auto; float: left;margin-right: 20px;}
.foot_nav2 li{ width: 120px; height: 40px; line-height: 40px; color: #fff; font-size: 15px;}
.foot_nav2 li a{ color: #fff; font-size: 15px;}

.foot_hqzs{ width: 360px; height: auto; float: left; margin-left: 50px}
.foot_lm{font-size: 15px; color: #fff;height: 40px; line-height: 40px; }
.ewm_wx{ width:360px; height: auto; margin-top: 30px;}
.wx{ width: 150px; height: auto; float: right;}
.ewm_wx_js{ text-align: center; font-size: 13px; color:#999;padding-top: 20px;}
.ewm{ width: 150px; height: auto; float: left;}

.foot_bq{ width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 15px; color: #999; margin-top: 45px;}

.new-pic{ background: url("/html/themes/default/static/images/news_bg.jpg") no-repeat center center; height: 380px;}
.news_bt a{ font-size: 15px;}