@charset "utf-8";

.fl{ float:left;}
.fr{ float:right;}

.index_box{padding:50px 0;width:100%;position:relative;background:#fff;}

.index_title{ width:100%;position:relative;}
.index_title p{display:block;text-align:center;}
.index_title .cn{font-size:26px;font-weight:bold;}
.index_title .cn em{color:#1e4890;font-weight:bold;}
.index_title .en{color:#999;margin-top:10px;text-transform:uppercase;}

@media screen and (max-width:768px){
	.fl, .fr{ float:none;}
	.index_box{padding:30px 0;}
	
	.index_title .cn{font-size:17px;}
	.index_title .en{font-size:13px;}
}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*幻灯片*/
.index_slide{ width:100%;height:auto;position:relative;overflow:hidden;}
.index_slide .img{height:570px;overflow:hidden;width:100%;}
.index_slide .swiper-slide img{ display:none;}
.index_slide .tips{bottom:0;position:absolute;height:30px;display:flex;align-items:center;justify-content:center;}
.index_slide .tips .swiper-pagination-bullet{background:#fff;opacity:1;}
.index_slide .tips .swiper-pagination-bullet-active{background:#015cb5;}

@media screen and (max-width:768px){
	.index_slide{ margin-top:60px;}
	.index_slide .img{ display:none;}
	.index_slide .swiper-slide img{ display:  block; width:100%;}
}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*搜索*/
.index_serch{padding:25px 0;border-bottom:1px solid #eee;position:relative;}
.index_serch .fl{height:34px;display:flex;align-items:center;position:relative;font-weight:bolder;}
.index_serch .fl a{margin-left:10px;font-weight:normal;}
.index_serch .fl a:first-child{ margin-left:0;}
.index_serch .fr{height:34px;width:210px;border:1px solid #eee;padding:6px 12px;position:relative;}
.index_serch .fr input{width:100%;height:100%;line-height:20px;font-size:14px;padding-right:50px;}
.index_serch .fr button{cursor:pointer;width:40px;height:34px;background:url(../images/sear.png) no-repeat center / contain #cc2231;color:#fff;font-size:0;position:absolute;right:-1px;top:-1px;}
@media screen and (max-width:768px){
	.index_serch{padding:0;border-bottom:none;background:#fff;}
	.index_serch .container{ width:100%;}
	.index_serch .fl{ display:none;}
	.index_serch .fr{width:100%;padding:10px 12px;height:42px;}
	.index_serch .fr input{padding-right:60px;}
	.index_serch .fr button{ height:42px;width:50px;}
}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*产品*/
.index_pro{background:#f8f8f8;}
.index_pro .fl{ width:290px;border:3px solid #214d98;background:#fff;}
.index_pro .fl .title{text-align:center;color:#fff;line-height:70px;font-size:24px;font-weight:bold;background:#214d98;}
.index_pro .fl ul{padding:10px 10px 0;position:relative;}
.index_pro .fl ul li{ width:100%;position:relative;margin-bottom:10px;}
.index_pro .fl ul li a{display:block;width:100%;height:60px;text-align:center;line-height:60px;color:#fff;font-size:18px;background:url(../images/nyfl_titbg.jpg) no-repeat center/cover;border-radius:8px;}
.index_pro .fl ul li i{width:40px;height:60px;position:absolute;right:0;top:0;cursor:pointer;}
.index_pro .fl ul li i:before{content:'';position:absolute;top:24px;right:15px;display:block;border-width:1px 1px 0 0;border-style:solid;border-color:#fff;width:10px;height:10px;}
.index_pro .fl .box{ width:100%;}
.index_pro .fl .box a{ margin-top:10px;}

.index_pro .fl ul li i:before{transform:rotate(45deg);transition:transform .5s ease-in-out;}
.index_pro .fl ul li.on i:before{transform:rotate(135deg);}
.index_pro .fl ul li .box{display:none;}
.index_pro .fl ul li.on .box{display: inline;}


.index_pro .fr{ width:870px;}
.index_pro .fr .title{border-bottom:1px solid #ddd;padding-bottom:15px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;}
.index_pro .fr .title p{font-size:24px;color:#0d5ba4;}
.index_pro .fr .title p i{font-size:14px;color:#999;text-transform:uppercase;margin-left:10px;}
.index_pro .fr .title a{font-size:14px;}
.index_pro .fr ul{ width:100%;font-size:0;position:relative;}
.index_pro .fr ul li{margin:0 2% 2% 0;display:inline-block;}
.index_pro .fr ul li a{ display:block;position:relative;}
.index_pro .fr ul li .img{ width:100%:}
.index_pro .fr ul li .img img{ width:100%;display:block;}
.index_pro .fr ul li p{ font-size:14px;line-height:20px;padding:10px 0;text-align:center;}

@media screen and (min-width:769px){
	.index_pro .fr ul li{ width:32%;}
	.index_pro .fr ul li:nth-child(3n){ margin:0 0 2% 0;}
	.index_pro .fr ul li:hover a:after{ content:'';width:100%;height:100%;display:block;position:absolute;left:0;top:0;border:1px solid #015cb5;box-sizing:border-box;}
	.index_pro .fr ul li:hover p{ color:#015cb5;}
}
@media screen and (max-width:768px){
	.index_pro .fl{ display:none;}
	.index_pro .fr{ width:100%;}
	.index_pro .fr ul li{ width:49%;}
	.index_pro .fr ul li:nth-child(2n){ margin:0 0 2% 0;}
	
	.index_pro .fr .title{padding-bottom:10px;margin-bottom:15px;}
	.index_pro .fr .title p{font-size:18px;}
	.index_pro .fr .title p i,
	.index_pro .fr .title a,
	.index_pro .fr ul li p{font-size:12px;}
}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*案例*/
/*
<div class="index_box index_album"><div class="container clearfix wow fadeInUp">
     <div class="index_title"><p class="cn"><em></em> · </p><p class="en"></p></div>
     <ul class="swiper-container"><div class="swiper-wrapper">{pboot:list scode= num=8 order=sorting}<li class="swiper-slide"><div class="img"><img src="[list:ico]"></div><p>[list:title]</p></li>{/pboot:list}</div></ul>
</div></div>
<script>if (window.matchMedia("(max-width: 768px)").matches){var banner = new Swiper('.index_album .swiper-container', {loop : true,spaceBetween:10,autoplay: {delay:3000,stopOnLastSlide: false,disableOnInteraction: false,},slidesPerView:1,centeredSlides: true,}); }</script>
*/

.index_case .info{ margin-top:30px;}
.index_case .info .fl{ width:290px;position:relative;}
.index_case .info .fl li{padding:0 40px 0 60px;position:relative;display:block;width:100%;height:64px;line-height:64px;font-size:14px;cursor:pointer;}
.index_case .info .fl li:before{content:'';display:block;position:absolute;width:100%;height:100%;background:url(../images/index_probg.jpg) no-repeat center / cover;top:0;left:0;z-index:-1;}
.index_case .info .fl li.swiper-slide-thumb-active, .index_case .info .fl li:hover{ background:#015cb5;color:#fff;}
.index_case .info .fl li.swiper-slide-thumb-active:before, .index_case .info .fl li:hover:before{background:url(../images/index_probgon.jpg) no-repeat center / cover;}
.index_case .smallbox .swiper-wrapper {display:block;transition-property:transform;box-sizing:border-box;transform:none !important;}

.index_case .fr{width:870px;position:relative;}
.index_case .fr .img{overflow:hidden;width:420px;float:left;height:350px;}
.index_case .fr .img img{ display:block;width:100%;height:100%;}
.index_case .fr .txt{width:calc(100% - 420px);float:right;padding-left:30px;height:350px;position:relative;}
.index_case .fr .txt p{color:#666;line-height:2em;position:relative;}
.index_case .fr .txt p.p1{font-size:20px;font-weight:bolder;line-height:30px;margin-bottom:10px;color:#333;}
.index_case .fr .txt a{display:block;width:180px;line-height:38px;background:#dd0000;color:#fff;text-align:center;margin-top:20px;font-size:16px;}

@media screen and (min-width:769px){
	.index_case .fr .txt a{position:absolute;left:30px;bottom:0;}
}

@media screen and (max-width:768px){
	.index_case .info .fl{ display:none;}
	
	.index_case .fr{width:100%;overflow:hidden;}
	.index_case .fr .swiper-slide{ width:100%;background:#fff;overflow:hidden;}
	.index_case .fr .img{width:100%;float:none;height:auto;}
	.index_case .fr .img img{ height:auto;margin:0 auto;}
	.index_case .fr .txt{width:100%;float:none;padding-left:0;height:auto;}
	.index_case .fr .txt p.p1{font-size:18px;line-height:28px;margin-top:10px;}
	.index_case .fr .txt a{width:180px;line-height:38px;background:#dd0000;color:#fff;text-align:center;margin-top:20px;font-size:16px;position:relative;}
}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*车间*/
.index_album{background:#f8f8f8;}
.index_album ul{ margin-top:30px;font-size:0;position:relative;}
.index_album ul li .img{ width:100%;overflow:hidden;}
.index_album ul li .img img{ display:block;width:100%;}
.index_album ul li p{ line-height:20px;padding:10px 0;font-size:14px;text-align:center;}

@media screen and (min-width:769px){
	.index_album ul li{ display:inline-block;width:calc(calc(100% - 30px) / 4);margin:0 10px 10px 0;}
	.index_album ul li:nth-child(4n){ margin:0 0 10px 0;}

	.index_album .swiper-wrapper{transform:none !important;display:block;}
	.index_album .swiper-slide{transition-property:none;}
}

@media screen and (max-width:768px){
	.index_album .swiper-wrapper{transition-duration:0 !important;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/
/*关于*/
.index_about .info{ margin-top:30px;}
.index_about .info .img{float:left;width:526px;height:341px;}
.index_about .info .img img{ display:block;height:100%;width:100%;}
.index_about .info .txt{ float:right;width:calc(100% - 526px);padding-left:30px;height:341px;line-height:2em;}
@media screen and (max-width:768px){
	.index_about .info .img,
	.index_about .info .txt{float:none;width:100%;height:auto;}
	.index_about .info .img img{height:auto;}
	.index_about .info .txt{padding-left:0;margin-top:20px;}
}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*流程*/
.index_liucheng{background:url(../images/index_lcbg.jpg) no-repeat center / cover;}
.index_liucheng .index_title *,
.index_liucheng .index_title .cn em{ color:#fff;}

.index_liucheng ul{ margin-top:30px;font-size:0;position:relative;}
.index_liucheng ul li{ display:inline-block;width:32%;margin:0 2% 2% 0;position:relative;}

.index_liucheng ul li .img{ width:100%;overflow:hidden;}
.index_liucheng ul li .img img{ display:block;width:100%;}
.index_liucheng ul li p{position:absolute;left:0;bottom:0;width:100%;background:rgba(0,0,0,0.5);text-align:center;overflow:hidden;font-size:14px;color:#fff;line-height:45px;}

@media screen and (min-width:769px){.index_liucheng ul li:nth-child(3n){ margin:0 0 2% 0;}}
@media screen and (max-width:768px){.index_liucheng ul li{width:100%;margin:0 0 4% 0;}}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*新闻*/
.index_news .info{ margin-top:30px;position:relative;font-size:0;}
.index_news .item{ display:inline-block;width:32%;margin:0 2% 0 0;font-size:14px;}
.index_news .item:nth-child(3n){ margin:0;}
.index_news .img{ width:100%;overflow:hidden;margin-bottom:20px;}
.index_news .img img{ display:block;width:100%;}
.index_news .title{border-bottom:1px solid #ddd;padding-bottom:15px;display:flex;justify-content:space-between;align-items:center;}
.index_news .title p{font-size:20px;color:#0d5ba4;}
.index_news .title p i{font-size:14px;color:#999;text-transform:uppercase;margin-left:10px;}
.index_news .title a{font-size:14px;}

.index_news .desc{margin-top:20px;}
.index_news .desc a{border-bottom:1px dotted #ccc;display:block;overflow:hidden;}
.index_news .desc i, .index_news .desc p, .index_news .desc em{display:block;height:45px;line-height:45px;overflow:hidden;}
.index_news .desc i{ float:left;width:8px;background:url(../images/index_newico.jpg) no-repeat center/8px;}
.index_news .desc p{float:left;padding:0 14px 0 6px;max-width:calc(100% - 78px);}
.index_news .desc em{float:right;font-size:12px;color:#666;max-width:70px;}

@media screen and (max-width:768px){
	.index_news .img,
	.index_news .title{ display:none;}
	.index_news .item{ display:block;width:100%;margin:0;}
	.index_news .desc{ margin-top:0;position:relative;}
}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*友情链接*/
.index_link{background:#f8f8f8;}
.index_link .title{border-bottom:1px solid #ddd;padding-bottom:15px;text-transform:uppercase;font-size:16px;color:#999;line-height:24px;}
.index_link .title em{color:#0d5ba4;}
.index_link .info{ margin-top:30px;position:relative;}
.index_link .info a{margin-left:15px}
.index_link .info a:first-child{ margin-left:0;}

@media screen and (max-width:768px){
	.index_link .info{ margin-top:10px;}
	.index_link .info a{margin-left:5px}
}
/*-------------------------------------------------------------------------------------------------------------------------*/