@charset "UTF-8";
/* 初始化CSS */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin: 0; padding: 0; }

ul, ol { list-style: none; }

input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="password"], textarea, button { -webkit-appearance: none; }

input:focus { outline: none; }

input::-moz-focus-inner { border: 0; }

body { font-family: "微软雅黑", "Microsoft YaHei",serif; }

a { text-decoration: none; outline: none; }

.container { width: 1180px; margin: 0 auto; }

.pull-left { float: left !important; }

.pull-right { float: right !important; }

header .container { height: 120px; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
header .container .logo { position: absolute; top: 50%; left: 0px; transform: translateY(-50%); }
header .container .sub { position: absolute; top: 50%; left: 470px; transform: translateY(-50%); }
header .container .sub .t1 { font-size: 26px; color: #000000; }
header .container .sub .t2 { font-size: 14px; color: #666666; }
header .container .tel { position: absolute; height: 120px; right: 0px; top: 0px; background: url(../images/icon-header-tel.png) no-repeat left center; padding-left: 50px; display: table; }
header .container .tel p { display: table-cell; vertical-align: middle; text-align: left; color: #d31616; }
header .container .tel p span.s-1 { font-size: 16px; }
header .container .tel p span.s-2 { font-size: 24px; font-weight: bold; }

nav { background-color: #333333; }
nav ul { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
nav ul li { transition: 0.3s all; }
nav ul li a { display: block; height: 55px; line-height: 55px; text-align: center; padding: 0px 30px; color: #ffffff; }
nav ul li.active { background-color: #ffb901; transition: 0.3s all; }
nav ul li:hover { background-color: #ffb901 !important; }
nav ul:hover li.active { background-color: transparent; }

/* banner */
.swiper-banner { min-width: 1180px; }
.swiper-banner .swiper-slide { height: 300px; min-width: 1180px; }
.swiper-banner .swiper-slide img { display: block; width: 100%; min-width: 1180px; }
.swiper-banner .swiper-slide-active { height: auto; }
.swiper-banner .swiper-pagination-bullet { width: 30px; height: 5px; border-radius: 0; background: #ffffff; opacity: 1; margin: 0px 6px !important; }
.swiper-banner .swiper-pagination-bullet-active { background: #1c56a8; }

.swiper-banner .swiper-button-prev { opacity: 0; transition: 0.4s all; width: 50px; height: 50px; border-radius: 50%; background-size: 30%; left: 15px; background-color: rgba(0, 0, 0, 0.5); }

.swiper-banner .swiper-button-next { opacity: 0; transition: 0.4s all; width: 50px; height: 50px; border-radius: 50%; background-size: 30%; right: 15px; background-color: rgba(0, 0, 0, 0.5); }

.swiper-container .swiper-wrapper { height: auto; }

.swiper-banner:hover .swiper-button-prev { opacity: 1; }
.swiper-banner:hover .swiper-button-next { opacity: 1; }

.block-head { width: 1180px; margin: 0 auto; text-align: center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.block-head .label { margin-bottom: 10px; }
.block-head .label span { font-size: 32px; font-weight: bold; }
.block-head .label span:nth-child(1) { color: #ffb901; }
.block-head .txt { font-size: 16px; color: #666666; }

.classify { padding: 20px 0px; }
.classify ul { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; }
.classify ul li { margin: 0px 10px; }
.classify ul li a { display: block; width: 190px; height: 40px; text-align: center; line-height: 40px; background-color: #ffb901; color: #000000; border-radius: 10px; transition: 0.2s all; }
.classify ul li:hover a { background-color: #1c56a8; color: #ffffff; }

.upWrap ul { overflow: hidden; }
.upWrap ul li { width: 284px; border: 1px solid #cccbca; float: left; box-sizing: border-box; margin-right: 14.66px; margin-bottom: 30px; position: relative; }
.upWrap ul li:nth-child(4n) { margin-right: 0; }
.upWrap ul li::after { content: ''; width: 0%; height: 4px; background-color: #ffb901; position: absolute; bottom: -1px; left: 0px; transition: 0.6s all; }
.upWrap ul li:hover::after { width: 100%; }
.upWrap ul li a { display: block; }
.upWrap ul li a .pic { height: 220px; box-sizing: border-box; }
.upWrap ul li a .pic img { width: 100%; height: 100%; object-fit: cover; }
.upWrap ul li a .infor { text-align: center; background-color: #ffffff; height: 90px; line-height: 30px; font-size: 16px; }
.upWrap ul li a .infor .name { color: #333333; }
.upWrap ul li a .infor .tel { color: #df0808; }

.product-wrap { height: 800px; }

/* 产品展示 */
.product { padding: 50px 0px; }

.about { background: url(../images/bg-about.png) no-repeat; background-position: 0px 65px; padding-bottom: 50px; }
.about .container { height: 580px; position: relative; cursor: default; }
.about .container .head { width: 180px; height: 150px; position: absolute; top: 0px; left: 40px; }
.about .container .head .title { position: absolute; bottom: 10px; right: 0px; color: #ffffff; border-bottom: 6px solid #ffffff; padding-bottom: 4px; transition: 1.5s all; }
.about .container .head .title .t1 { font-size: 18px; text-align: justify; }
.about .container .head .title .t2 { font-size: 24px; font-weight: bold; }
.about .container .head .box { width: 130px; height: 150px; background-color: #e2042d; }
.about .container .intro { width: 620px; height: 395px; background-color: #ffffff; position: absolute; bottom: 0px; left: 0px; padding: 40px 60px 20px 28px; box-sizing: border-box; }
.about .container .intro .title { font-size: 28px; color: #333333; margin-bottom: 20px; }
.about .container .intro .text { font-size: 14px; line-height: 30px; max-height: 210px; color: #333333; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden; }
.about .container .intro .text img { display: none !important; }
.about .container .intro a { width: 160px; height: 38px; display: inline-block; font-size: 14px; color: #333333; background-color: #efefef; text-align: center; line-height: 38px; position: absolute; left: 28px; bottom: 28px; transition: 0.6s all; }
.about .container .intro a span { position: relative; z-index: 2; }
.about .container .intro a::after { content: ''; width: 0; height: 38px; position: absolute; top: 0px; left: 0px; background-color: #ffb901; z-index: 1; transition: 0.8s all; }
.about .container .intro a:hover { color: #ffffff; }
.about .container .intro a:hover::after { width: 100%; }
.about .container .pic { width: 585px; height: 390px; background-color: #ffb901; position: absolute; right: 0px; top: 150px; }
.about .container .pic ul li { height: 95px; display: table; padding-left: 65px; position: relative; }
.about .container .pic ul li::after { font-size: 40px; color: #ffffff; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); }
.about .container .pic ul li:nth-child(1)::after { content: '01'; }
.about .container .pic ul li:nth-child(2)::after { content: '02'; }
.about .container .pic ul li:nth-child(3)::after { content: '03'; }
.about .container .pic ul li:nth-child(4)::after { content: '04'; }
.about .container .pic ul li p { display: table-cell; vertical-align: middle; }
.about .container .pic .swiper-about { width: 375px; height: 390px; position: absolute; top: 0px; right: 0px; }
.about .container .pic .swiper-about img { width: 100%; height: 100%; object-fit: cover; }
.about .container:hover .head .title { transform: translateX(-68px); }

.swiper-about .swiper-pagination-bullet { width: 12px; height: 12px; border-radius: 50%; background: transparent; opacity: 1; margin: 0px 6px !important; border: 2px solid #ffffff; }
.swiper-about .swiper-pagination-bullet-active { background: #ffffff; }

/* 优势 */
.advantage { background-color: #fafafa; padding: 50px 0px; }
.advantage .head { width: 1180px; margin: 0 auto 40px auto; text-align: center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.advantage .head .t1 { font-size: 50px; font-weight: bold; color: #363534; }
.advantage .head .t2 { width: 600px; height: 60px; display: inline-block; text-align: center; line-height: 60px; background-color: #ffb901; border-radius: 10px; font-size: 38px; font-weight: bold; color: #ffffff; }

/* 案例 */
.case { padding-top: 50px; padding-bottom: 50px; }
.case .container { padding-top: 30px; }
.case .wrapper { overflow: hidden; height: 510px; position: relative; }
.case .wrapper .item { width: 280px; float: left; margin-right: 20px; position: relative; box-sizing: border-box; overflow: hidden; }
.case .wrapper .item img { width: 100%; height: 100%; display: block; object-fit: cover; -webkit-transition: 0.8s all; -o-transition: 0.8s all; transition: 0.8s all; }
.case .wrapper .item .mask { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.4); opacity: 0; -webkit-transition: 0.6s all; -o-transition: 0.6s all; transition: 0.6s all; }
.case .wrapper .item .mask .c { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 10px 30px; border: 1px solid #ffffff; color: #ffffff; }
.case .wrapper .item:hover .mask { opacity: 1; }
.case .wrapper .item:hover img { -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); }
.case .wrapper .item:nth-child(4n) { margin-right: 0; }
.case .wrapper .item:nth-child(1) { height: 300px; }
.case .wrapper .item:nth-child(2) { height: 190px; }
.case .wrapper .item:nth-child(3) { height: 280px; }
.case .wrapper .item:nth-child(4) { height: 190px; }
.case .wrapper .item:nth-child(n + 5) { position: absolute; bottom: 0px; }
.case .wrapper .item:nth-child(5) { height: 190px; }
.case .wrapper .item:nth-child(6) { height: 300px; left: 300px; }
.case .wrapper .item:nth-child(7) { height: 210px; left: 600px; }
.case .wrapper .item:nth-child(8) { height: 300px; left: 900px; }
.case .wrapper .item:nth-child(n + 9) { display: none !important; }

/* 新闻中心 */
.news { background-color: #fafafa; padding: 50px 0px; }
.news .container { padding-top: 30px; }
.news .wrapper { overflow: hidden; }
.news .wrapper .item { width: 280px; box-sizing: border-box; float: left; margin-right: 20px; position: relative; }
.news .wrapper .item:nth-child(4n) { margin-right: 0; }
.news .wrapper .item .pic { width: 100%; height: 220px; overflow: hidden; }
.news .wrapper .item .pic img { width: 100%; height: 220px; object-fit: cover; display: block; -webkit-transition: 0.8s all; -o-transition: 0.8s all; transition: 0.8s all; }
.news .wrapper .item .card { border: solid #d9d9d9; border-width: 0px 1px 1px 1px; padding: 0px 10px 20px 10px; }
.news .wrapper .item .card .title { height: 35px; line-height: 35px; font-size: 16px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: 0.2s all; -o-transition: 0.2s all; transition: 0.2s all; }
.news .wrapper .item .card .abstract { font-size: 14px; color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 23px; height: 69px; }
.news .wrapper .item .card .abstract span::after { content: '...[详情]'; font-size: 14px; color: #ffb901; }
.news .wrapper .item::after { content: ''; width: 0%; height: 3px; background-color: #ffb901; position: absolute; bottom: 0px; left: 0px; -webkit-transition: 0.8s all; -o-transition: 0.8s all; transition: 0.8s all; }
.news .wrapper .item:hover .pic img { -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); }
.news .wrapper .item:hover::after { width: 100%; }
.news .wrapper .item:hover .title { color: #ffb901; font-weight: bold; }

/* 页脚 */
footer { background-color: #333333; }
footer .container { padding: 30px 0px; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
footer .container .item1 { width: 350px; text-align: center; }
footer .container .item1 .lable { display: inline-block; padding-left: 40px; font-size: 22px; line-height: 30px; color: #a5a5a5; background: url(../images/icon-footer-tel.png) no-repeat left center; }
footer .container .item1 .tel { font-size: 34px; font-weight: bold; color: #ffffff; }
footer .container .item1 .t1 { color: rgba(255, 255, 255, 0.46); font-size: 26px; font-weight: bold; }
footer .container .item1 .t2 { color: rgba(255, 255, 255, 0.46); font-size: 16px; }
footer .container .item2 { border-left: 2px solid #5c5959; border-right: 2px solid #5c5959; width: 310px; text-align: center; }
footer .container .item3 { font-size: 18px; color: #ffffff; line-height: 38px; }
footer .bottom { min-width: 1180px; height: 50px; background-color: #000000; color: #ffffff; line-height: 50px; text-align: center; }

/*# sourceMappingURL=style.css.map */


.prolist{ padding: 50px 0; }
/* 展示布局 */
.exhibition .classify { margin-bottom: 20px; }

.exhibition .classify ul li { width: 228px; height: 55px; line-height: 55px; text-align: center; font-size: 18px; margin-right: 10px; margin-bottom: 10px; float: left; }
.exhibition .classify ul li:nth-child(5n) { margin-right: 0px; }
.exhibition .classify ul li a { background-color: #cf0815; display: block; color: #ffffff; }

.exhibition .wrapper { padding-bottom: 50px; }
.exhibition .wrapper ul { overflow: hidden; }
.exhibition .wrapper ul li { width: 282px; float: left; margin-right: 17.33px; margin-bottom: 25px; }
.exhibition .wrapper ul li:nth-child(4n) { margin-right: 0; }
.exhibition .wrapper ul li a { display: block; position: relative; }
.exhibition .wrapper ul li a .imgBox { width: 100%; height: 220px; overflow: hidden; }
.exhibition .wrapper ul li a .imgBox img { width: 100%; height: 220px; background-color: #dddddd; }
.exhibition .wrapper ul li a .c { height: 50px; background-color: #cf0815; color: #ffffff; text-align: center; font-size: 16px; line-height: 50px; overflow: hidden; }
.exhibition .wrapper ul li a .c .box { transition: 0.2s; }
.exhibition .wrapper ul li a:hover .c .box { transform: translateY(-50px); }

/* 产品详情 */
#exzoom { width: 400px; }
#exzoom .exzoom_prev_btn { height: 90px !important; }

.exzoom_nav { height: 90px !important; }
.exzoom_nav .exzoom_nav_inner span { width: 90px !important; height: 90px !important; }

.exzoom .exzoom_btn a { background-color: #cf0815 !important; color: #ffffff !important; }

.detailHd { overflow: hidden; margin-bottom: 0; }

.m-slide { position: relative; float: left; }

.picsWrap { width: 450px; height: 450px; background-color: #ffffff; margin-bottom: 5px; }

.picsWrap img { width: 450px; height: 450px; box-sizing: border-box; object-fit: contain;}

.picsWrap .cover { display: none; position: absolute; top: 0; left: 0; width: 150px; height: 150px; background-color: rgba(181, 181, 181, 0.3); cursor: move; }

.slide-list { width: 450px; box-sizing: border-box; position: relative; }

.swiper-detail.swiper-container { width: 390px; }

.swiper-detail .swiper-wrapper { width: 350px !important; padding-left: 2px; }

.swiper-detail .swiper-slide { -moz-user-select: none; -ms-user-select: none; user-select: none; }

.swiper-detail .swiper-slide img { width: 95px; height: 95px; object-fit: contain; display: block; background-color: #dcdcdc; border: 1px solid #dcdcdc; box-sizing: border-box; }

.swiper-detail .swiper-slide img.current { border-color: #dcdcdc; }

/* 重置左右切换按钮样式 */
.slide-list .swiper-button-prev { outline: none; width: 30px; height: 95px; background-color: #cf0815; background-size: 40%; left: 0px; top: 0px; margin-top: 0px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.slide-list .swiper-button-next { outline: none; width: 30px; height: 95px; background-color: #cf0815; background-size: 40%; right: 0px; top: 0px; margin-top: 0px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.bigPic { display: none; width: 450px; height: 450px; position: absolute; border: 1px solid #888; top: 0px; left: 470px; background-size: 266.66%; background-position: center; }

/* 右栏 信息介绍 */
.m-infor { width: calc(100% - 450px); float: left;  padding-left: 50px; box-sizing: border-box; }

.m-infor .detailHd-name { font-size: 26px; font-weight: bold; color: #333333; margin-bottom: 30px; }

.m-infor .detailHd-card1 { font-size: 18px; margin-bottom: 20px; line-height: 50px; }

.m-infor .detailHd-card1 .c-1 { border-bottom: 1px solid #dddddd; }
.m-infor .detailHd-card1 .c-1 span { font-size: 26px; color: #cf0815; }

.m-infor .detailHd-card1 .c-2 { border-bottom: 1px solid #dddddd; }
.m-infor .detailHd-card1 .c-2 span { font-size: 26px; color: #cf0815; }

.m-infor .detailHd-card2 { min-height: 150px; }

.m-infor .btns a { display: block; width: 168px; height: 50px; line-height: 50px; font-size: 18px; background-color: #cf0815; color: #ffffff; text-align: center; text-decoration: none; }

/* 详情信息 */
.detailBd .detailBd-head { position: relative; text-align: center; margin-bottom: 30px; background-color: #333; }

.detailBd .detailBd-head span { font-size: 16px; display: inline-block; position: relative; line-height: 40px; z-index: 101; margin: 0 auto; padding: 0px 20px; color: #ffffff; }

.detailBd-main { padding-bottom: 60px; }

.detailBd-main img { max-width: 100% !important; height: auto !important; word-wrap: break-word; }

/*# sourceMappingURL=style.css.map */

.article-article{ width:1180px; margin: 0 auto; line-height: 30px; color: #333;}
.article-bt{ margin-top: 40px; margin-bottom:20px; font-size:36px; text-align: center;}
.article-bt span{ font-size: 34px; color: #cf0815;}

.contact {
	overflow: hidden;
}

.contact-o {
	width: 32%;
	height: 270px;
	background-color: #333333;
	margin-left: 2%;
	text-align: center;
	float: left;
}

.contact-oo {
	margin-left: 0%;
}

.contact-o:nth-child(3n+1) {
	margin-left: 0%;
}

.contact-o div {
	height: 134px;
}

.contact-o img {
	display: inline-block;
	height: 55px;
	width: auto;
	margin-top: 73px;
}

.contact-o p {
	font-size: 30px;
	color: rgb(255, 255, 255);
	font-weight: bold;
	text-align: center;
	-moz-transform: matrix(1.11512620611236, 0, 0, 1.11507936507936, 0, 0);
	-webkit-transform: matrix(1.11512620611236, 0, 0, 1.11507936507936, 0, 0);
	-ms-transform: matrix(1.11512620611236, 0, 0, 1.11507936507936, 0, 0);
	padding: 20px 0px;
}

.ks{ width:1180px; margin:0 auto;}

.News-List {
	margin-top: 30px;
	margin-bottom: 90px;
}

.News-List-o {
	height: 186px;
	overflow: hidden;
	margin-bottom: 30px;
}

.News-List-t,
.News-List-r,
.News-List-n {
	height: 100%;
	float: left;
}

.News-List-r {
	width: 16%;
	font-size: 20px;
	color: rgb(102, 102, 102);
}

.News-List-n {
	width: 82%;
	position: relative;
}

.News-List-n p {
	font-size: 20px;
	color: rgb(102, 102, 102);
	margin-bottom: 15px;
}

.News-List-n div {
	font-size: 14px;
	color: rgb(153, 153, 153);
	line-height: 25px;
}

.News-List-n a {
	font-size: 13px;
	display: block;
	width: 120px;
	height: 35px;
	line-height: 35px;
	color: white;
	border-radius: 5px;
	background-color: #ed3d01;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
}

.News-List-t {
	width: 24%;
}


.titl-o{ margin-bottom:20px; color:#333; line-height:30px;}
#pages {
	width:690px;
	padding:10px 0 10px;
	text-align:center;
	font:12px;
	overflow:hidden;
}
#pages li{ float:left; list-style: none; margin-left:1%;}
#pages a {
	display:inline-block;
	padding:0px 8px;
	height:22px;
	font-size:12px;
	line-height:22px;
	background:#fff;
	border:1px solid #e3e3e3;
	text-align:center;
	color:#333
}
#pages a.a1 {
	padding:0px 12px;
	height:22px;
	line-height:22px;
	margin-top:0px;
}
#pages a:hover {
	background:#f1f1f1;
	color:#000;
	text-decoration:none;
}
#pages span {
	display:inline-block;
	padding:0px 8px;
	height:22px;
	line-height:22px;
	background:#333333;
	border:1px solid #333333;
	color:#fff;
	text-align:center;
}