@charset "utf-8";
/* CSS Document */
html{font-size:20px;}
body{font-size:.8rem;color:#2f2f2f;}
html,body{margin:0px;padding:0px;width:100%;height:100%;font-family: "Noto Sans SC", "Source Han Sans CN", "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;margin:0;padding:0; }
video,
img{border:none;max-width:100%;vertical-align: middle;}
div,ul,ol,li,dl,dt,dd,p,form,figure{margin:0;padding:0;}
ul,ol,li,dl,dt,dd{list-style:none;}
a{font-size:inherit;text-decoration:none;color:#212121;}
a:hover,
a:focus{ text-decoration:none; color:#5b1017;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
a:active{color:inherit; text-decoration:none;}
i,em{font-style:normal;}
select,input,textarea,button{font-family:inherit; font-size:inherit;}
table { border-spacing: 0; border-collapse: collapse; background-color: transparent; }
td, th { padding: 0; }
th { text-align: left; }
tr { vertical-align: middle; }

.clearfix:before,
.clearfix:after{display:table;content:" ";clear:both;}
.tbl-type{display:table;width:100%;table-layout:fixed}
.tbl-cell{display:table-cell;}
.fl{float:left;}
.fr{float:right;}
.fn{float:none;}
.center{ text-align:center; }
.right{ text-align:right; }
.valign *{ display:inline-block; vertical-align:middle; }
.relative{ position: relative; }
body .gray-bg{ background-color: #f5f5f5; }

.ellipsis{ display: -webkit-box!important; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.ellipsis.lc2 { -webkit-line-clamp: 2; }
.ellipsis.lc3 { -webkit-line-clamp: 3; }
.ellipsis.lc4 { -webkit-line-clamp: 4; }
.ellipsis.lc5 { -webkit-line-clamp: 5; }

.shadow { box-shadow: 5px 5px 5px rgba(0, 0, 0, .2); }
.hide{ display: none; }
.img-box{ line-height:normal; font-size:0; }
.ivy-flex{ display: flex; justify-content: space-between; }
.ivy-flex.middle{ align-items: center; }
.ivy-flex.stretch{ align-items:stretch; }

.circu-s1{ overflow:hidden; border-radius:30px; }
.circu-s2{ overflow:hidden; border-radius:10px; }

body{ background:#f6f6f6 url(../images/bg.png) center center no-repeat; }
.wrap{ width:100%; max-width:1800px; margin: auto; }
.inner-wrap{ padding:0 75px; }
.section{ padding:80px 0; }
.bg-gray{ background-color: #f6f6f6; }

.header{ background-color:#f6f6f6; }
.top-bar{ display: flex; justify-content: space-between; align-items:center; height:72px; }
.top-bar .iconfont{ color:#888; font-size:1.3rem; }
.top-bar .hotline{ font-weight:700; font-size:.9rem; display: flex; align-items: center; }
.top-bar .hotline .iconfont{ color:#5b1017; margin-right:3px; }

/** 搜索框样式 */
.search-content-box{ display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); position: fixed; top: 0; right: 0; z-index: 100; opacity: 0; transition: all 0.3s; }
.search-content-box.show{ display: block; opacity: 1; }
	.float-window{ width: 350px; background-color: #fff; position: fixed; z-index: 101; bottom: 0; right: calc(50% - 175px); border-radius: 5px; transform: scale(0.1, 0.1); transition: all 0.3s; opacity: 0; }
	.search-content-box.show .float-window{ transform: scale(1, 1); opacity: 1; bottom: calc(50% - 100px); transition: all 0.3s; }
	.float-window .no{ width: 100%; display: flex; flex-direction: row-reverse; padding-right: 15px; padding-top: 10px; box-sizing: border-box; cursor: pointer; }
	.float-window .search-title{ font-size: .8rem; font-weight: bold; padding-left: 20px; box-sizing: border-box; }
	.float-window input{ margin:30px 20px; width: calc(100% - 40px); box-sizing: border-box; padding: 5px 10px; border-radius: 5px; border: 1px solid #ccc; outline: none; height: 35px; }
	.float-window button{ margin:-5px 20px 20px; width: calc(100% - 40px); background-color: #5b1017; height: 35px; color: #fff; border-radius: 5px; margin-bottom: 40px; border:none; }

/** banner样式 */
.banner-box{ border-top-left-radius:100px; border-bottom-right-radius:100px; overflow:hidden; }
.banner-box .swiper-container-horizontal .swiper-pagination-bullets{ top:50%; bottom: auto; width: auto; left:50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.banner-box .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 5px; }
.banner-box .swiper-pagination-bullet{ opacity:1; background-color: rgba(255, 255, 255, .5); width: 13px; height: 13px; }
.banner-box .swiper-pagination-bullet-active{ background-color: #ffffff; }

.banner-box .attach{ background:url(../images/banner_bottom.jpg) center center no-repeat; padding: 0 130px; }
.banner-box .attach .inner-box{ position:relative; height:176px; }
.banner-box .swiper-button-next,
.banner-box .swiper-button-prev { width: 46px; height: 46px; top: 50%; bottom: auto; left: auto; right:76px; margin-top:-23px; background-color:#fff; border-radius:50%; background-size:30%; }
.banner-box .swiper-button-next{ left: auto; right:0; }

	.attline-box{ position: absolute; width:430px; bottom:50%; left: 0; border-radius:10px; border:3px solid #fff; z-index: 1002; padding-top:60px; }
		.attline-box .slogan{ font-size:3rem; line-height:1.5; padding:30px 30px 40px 30px; font-family:Arial, Verdana; font-weight:700; color: #ffffff; position:relative; }
		.attline-box .slogan:after{ content:''; position:absolute; left:30px; top:0; width:.5em; height:5px; background-color:#fff; }
		.attline-box .attline{ border-top:3px solid #fff; display: flex; justify-content: space-between; align-items:center; color: #ffffff; padding:0 30px; height:88px; }
		.attline-box .attline i{ color: #ffffff; font-size:1.6rem; font-family:Arial; }
		.attline-box .attline span{ color: #ffffff; font-weight:700; font-size:1rem; }

/** 图片展示 */
.swiper-atlas .swiper-slide a{ display:block; padding-top:50px; }
.swiper-atlas .swiper-slide.swiper-slide-next a{ padding-top:0; }

/** 标题样式 */
.title-s1{ margin-bottom:60px; text-align:center; font-family:"Heiti SC", "Microsoft Yahei", Arial; }
.title-s1 h3 em{ display:block; font-size:2.2rem; font-weight:700; text-transform: uppercase; }
.title-s1 h3 p{ display:block; font-size:1rem; color:#999; }
.title-s1.white h3 em{ color:#fff; }
.title-s1.white h3 p{ color:#ddd; }

.star{ background: url(../images/dian.png) center 130px no-repeat; padding-bottom:80px; }
.star.section{ padding-top:0; }
.about-box{ padding-bottom:50px; }
	.about-title{ text-align:center; margin-bottom:50px; }
	.about-content{ text-align:center; font-size:1.8rem; font-weight:700; line-height:1.75; }

/** 产品展示 */
.product-list ul{ margin-left:-30px; margin-top:-30px; }
.product-list ul li{ width:25%; float:left; padding-left:30px; padding-top:30px; }

.product-list ul li .img-box,
.product-list .swiper-slide .img-box{ overflow:hidden; position:relative; }
.product-list ul li img,
.product-list .swiper-slide img{ width:100%; transform: scale(1); transition: all .25s ease; }
.product-list ul li i,
.product-list .swiper-slide i{ display:block; width:64px; height:64px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background: url(../images/play.png) center center no-repeat; }
.product-list ul li span,
.product-list .swiper-slide span{ display:block; text-align:center; padding: 10px 0 20px 0; font-size:.9rem; }
.product-list ul li a:hover img,
.product-list .swiper-slide a:hover img{ transform: scale(1.1); }
	
/** INJECTION PRINT */
.injection-box{ background: url(../images/p_bg.png) center top no-repeat; padding-top:50px; }
.injection-box .title-s1{ padding:40px 0; }
	
/** HAND WARE STAMPING */
.handware-box{ background: url(../images/b_bg.png) center bottom no-repeat; padding-bottom:80px; min-height:790px; }
.handware-box .product-list .swiper-slide span{ color:#fff; }

.handware-list{ display: flex; justify-content: space-between; align-items: flex-start; margin-bottom:40px; }
.handware-list .l-row{ width:66%; }
.handware-list .l-row .srow{ display: flex; justify-content: space-between; align-items: stretch; padding-bottom:2.76%; }
.handware-list .l-row .srow .item{ width:48.48%; }
.handware-list .r-row{ width:32%; }
.handware-list .item{ position:relative; }
.handware-list .item .txt-box{ position:absolute; bottom:0; left:0; width:100%; color:#fff; padding:25px 100px 25px 40px; }
.handware-list .item .txt-box em{ font-size:.9rem; }
.handware-list .item .txt-box .iconfont{ position:absolute; right:40px; top:50%; transform:translateY(-50%); font-size:1.6rem; }

.handware-list .item .img-box{ overflow:hidden; position:relative; }
.handware-list .item img{ width:100%; transform: scale(1); transition: all .25s ease; }
.handware-list .item a:hover img{ transform: scale(1.1); }

/** BACK LIGHT */
.swiper-backlight .swiper-slide{ padding-top:55px; }
.swiper-backlight .swiper-slide:nth-child(4n+2){ padding-top:0; }
.swiper-backlight .swiper-slide:nth-child(4n+3){ padding-top:105px; }
.swiper-backlight .swiper-slide .item:nth-child(2){ margin-top:20px; }


/** 底部样式 */
.footer{ background: url(../images/bottom_bg.png) center bottom no-repeat; height:494px; padding:100px 50px 30px 50px; position:relative; border-bottom-left-radius:100px; border-bottom-right-radius:100px; }
.backtop{ position:absolute; width:120px; height:50px; top:0; left:50%; margin-left:-60px; cursor:pointer; }
.bot-social{ text-align:center; margin-bottom:20px; }
	.bot-social a{ display: inline-block; margin-left: 10px; }
	.bot-social a .iconfont{ font-size:1.5rem; color:rgba(255, 255, 255, .5); }

.bot-contact{ margin-bottom:120px; padding:0 120px; }
	.bot-contact em{ display:block; margin-bottom:70px; font-size:2.3rem; color:#fff; text-align:center; font-weight:700; text-transform: uppercase; }
	.bot-contact ul{ display: flex; justify-content: space-between; align-items:center; }
	.bot-contact ul li{ color:#fff; font-size: .9rem; text-transform: uppercase; }
	
.copyright{ color:#fff; line-height:2; font-size: .9rem; }
.copyright p{ text-align:center; }
.copyright a{ color:#fff; }


/** 信息详情 */
.view-title{ font-size: 1.3rem; text-align:center; padding: 15px 0; margin-bottom: 20px; }
.view-element{ color:#666; border-bottom:1px solid #eee; border-top:1px solid #eee; padding: 15px 0; margin-bottom: 20px; }
.view-element .view-attr{ text-align:center; }
.view-element .view-attr span{ display: inline-block; margin-left: 10px; }
.view-element .view-attr span:first-child{ margin-left: 0; }
.view-content{ line-height:2; padding: 15px 0; }
.view-content p{ margin-bottom: 5px; }

.view-assoc{ background-color: #f5f5f5; height: 80px; line-height: 80px; }
.view-assoc .prev{ float: left; padding-left: 20px; position: relative; width: 50%; }
.view-assoc .next{ float: right; padding-right: 20px; position: relative; width: 50%; text-align: right; }
.view-assoc .next::after,
.view-assoc .prev::after { position: absolute; top: 50%; margin-top: -5px; left: 0; content: ' '; display: block; border: solid #999; border-width: 0 2px 2px 0; padding: 3px; vertical-align: middle; transform: rotate(135deg); -webkit-transform: rotate(135deg); }
.view-assoc .next::after{ left: auto; right: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }


/*中等屏幕   w<1400*/
@media screen and (max-width: 1400px) {
	.wrap{ padding: 0 15px; }
}

/*中等屏幕   w<1200*/
@media screen and (max-width: 1200px) {
	
}

/*pad: w< 992*/
@media screen and (max-width: 992px) {
	.top-bar .hotline,
	.search-btn{ display: none; }
	.top-bar .logo{ width:100%; text-align:center; }
	
	.circu-s1{ border-radius:15px; }
	
	.section{ padding: 40px 0; }
	.inner-wrap{ padding: 0 15px; }
	
	.banner-box{ border-top-left-radius: 40px; border-bottom-right-radius: 40px; }
	.banner-box .attach .inner-box{ height:80px; }
	.banner-box .attach{ padding:0 15px; }
		.attline-box{ width: 150px; padding-top: 15px; border: 2px solid #fff; bottom: 35%; }
		.attline-box .slogan{ font-size:.9rem; padding: 10px; }
		.attline-box .slogan:after{ left:10px; height: 3px; }
		.attline-box .attline{ height: 50px; border-top: 2px solid #fff; padding: 0 10px; }
		.attline-box .attline i{ font-size:.8rem; }
		.attline-box .attline span{ font-size:.7rem; }
	.banner-box .swiper-button-next,
	.banner-box .swiper-button-prev {width: 26px;height: 26px;top: 50%;bottom: auto;left: auto;right:46px;margin-top:-13px;}
	.banner-box .swiper-button-next{ left: auto; right:0; }
	.banner-box .swiper-pagination{ display:none; }
	
	.swiper-atlas .swiper-slide a{ padding-top:0; }
	
	.about-content{ font-size:1.3rem; }
	
	.title-s1{ margin-bottom:30px; display:block; }
	.title-s1 h3 em{ font-size:1.8rem; }
	
	.injection-box .title-s1 { padding: 20px 0; }
	.star{ padding-bottom:40px; }
	
	.handware-list .l-row .srow,
	.handware-list{ display:block; }
	.handware-list .l-row .srow .item,
	.handware-list .l-row .srow .item:first-child,
	.handware-list .r-row,
	.handware-list .l-row{ width:100%; }

	.handware-list .item{ margin-bottom:20px; }
	.handware-list .item .txt-box{ padding: 15px 60px 15px 15px; }
	.handware-list .item .txt-box em{ font-size:.8rem; }
	.handware-list .item .txt-box .iconfont{ right:15px; font-size: 1.3rem; }
	.handware-list .r-row .item{ margin-bottom:0; }
	
	.handware-box{ padding-bottom: 40px; }

	.swiper-backlight .swiper-slide,
	.swiper-backlight .swiper-slide:nth-child(4n+2),
	.swiper-backlight .swiper-slide:nth-child(4n+3){ padding-top:0; }
	.swiper-backlight .swiper-slide .item:nth-child(2){ margin-top:0; }
	
	.footer{ padding: 80px 25px 25px 25px; border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; height:auto; background-color:#5e161b; }
	.bot-contact { margin-bottom: 50px; padding: 0; }
	.bot-contact em { margin-bottom: 30px; font-size: 1.5rem; }
	.bot-contact ul{ display:block; }
}
/*mobile: w < 768*/
@media screen and (max-width: 768px) {

}
/*mobile: w < 640*/
@media screen and (max-width: 640px) {

}
/*mobile: w < 480*/
@media screen and (max-width: 480px) {	

}