﻿.sytitle{padding:60px 0; background:url(../tupian/stitle.png) no-repeat center;Letter-spacing:2px; line-height:1.5;height:160px;font-size:36px; color: #333; font-weight:bold; }

.sytitle  span{ color:#2746b3; }

.sytitle  p{ font-size:1.2rem; line-height:1; font-weight: normal;text-transform: uppercase;color: #bfbfbf; }



/*产品展示*/

.sycpzs{ position:relative; overflow:hidden;background: url(../tupian/schanpin.jpg) repeat-y center top; }

.scpliebiao{ position:relative; overflow:hidden;width:260px; }

.scpliebiao .scplbt{ background:#2746b3 url(../tupian/ctitle.jpg) no-repeat left 20px center; color:#fff;padding: 15px 0 15px 80px;font-size: 30px;font-weight: normal; margin-bottom:0;}

.scpliebiao .scplbt p { color: #7887cc; width: 100%; display: block; font-size: 20px;line-height: 40px; height: 40px;  margin-bottom:0; }

.scpliebiao .scplb{ background: #ffffff;padding: 5px 14px;border-left: #bfbfbf solid 1px;border-right: #bfbfbf solid 1px;margin-bottom: 0;}

.scpliebiao .scplb li{ list-style:none;height:40px; font-size:16px; line-height:40px; text-indent:20px;  border-bottom:#b2b2b2 dashed 1px; margin:0 0; }

.scpliebiao .scplx{ padding:26px 0 26px 70px; color:#FFF; background:#2746b3 url(../tupian/cplx.jpg) no-repeat 10px center; font-size:16px;}

.scpliebiao .scplx p{display:block; font-size:28px;margin-bottom:0;}



.scptupian{ position:relative; overflow:hidden;width:calc(100% - 280px); }

.scptupian .scptpbt{ margin:0 7px; font-size:20px; position:relative;background:#fff url(../tupian/cptb.jpg) no-repeat left center; line-height:50px; text-indent:58px; color:#FFF; font-weight:normal;}

.scptupian .scptpbt a{height:50px;width:133px; position:absolute; right:0px;line-height:50px; text-align:center; font-size:16px;background:url(../tupian/more.jpg) no-repeat center center; top:0;color:#FFF;}



.scptupian .scptu{ position:relative;border:1px solid #ccc;background:#fff; }

.scptupian .scptu .scpimg{  width:100%; }

.scptupian .scptu .scpimg span{width:100%;padding-top:100%;display:block;transition:all 0.1s;background-position:center; background-size:cover;background-repeat:no-repeat;}

.scptupian .scptu:hover .scpimg span{ transform:scale(1.03); }

.scptupian .scptu:hover{ background:#2746b3; }

.scptupian .scptu:hover  a{ color:#fff;display:block; }

@media (max-width: 768px) {

	.scpliebiao{ width:100%; }

	.scptupian{ width:100%; }
    .sytitle{ font-size:24px;  }
}

/*产品展示*/

/*生产定制*/

.syshengchan{ position:relative; overflow:hidden; background: url(../tupian/dzcp.jpg) repeat-y center top;}

.sysctupian{ position:relative; margin-top:5rem;overflow:hidden; }

.sysctupian .sysca{ width:50%; margin:15px 25%; float:left; background:#2746b3; border-radius:25px; color:#FFF; line-height:50px;  text-align:center; font-size:20px;}

.sysctupian .sysca:hover{ color:#ddd; }

.sysctupian .sysctu { position:relative; margin-bottom:80px; }

.sysctupian .sysctu .syscimg{  width:100%; }

.sysctupian .sysctu .syscimg span{width:100%;padding-top:100%;border-radius:20px;display:block;transition:all 0.1s;background-position:center; background-size:cover;background-repeat:no-repeat;}

.sysctupian .sysctu p{ width:80%; position:absolute; left:10%; top:75%; padding:10px;margin-bottom:0; background:#333333; border-radius:10px;font-size:16px; line-height:25px; color:#fff; height:130px;}

.sysctupian .sysctu p b{width:100%;float:left; font-size:24px; color:#fff;text-align:center; margin-bottom:10px;}

.sysctupian .sysctu:hover .syscimg span{-moz-box-shadow: 1px 1px 8px #888888;-webkit-box-shadow: 1px 1px 8px #888888;box-shadow: 1px 1px 8px #888888;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#888888')";filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#888888');}

.sysctupian .sysctu:hover p{ background:#2746b3; margin-bottom:0;-moz-box-shadow: 1px 1px 8px #888888;-webkit-box-shadow: 1px 1px 8px #888888;box-shadow: 1px 1px 8px #888888;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#888888')";filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#888888');}

/*生产定制*/

/*优势*/

.youshi{position:relative;overflow:hidden;}

.youshineirong li{ width:100%; float:left; list-style:none; text-align:center; margin:17px 0;position:relative;}

.youshineirong li img{width:100%;  display:block; margin:10px 0;}

.ysboxw{ position:relative;background:url(../tupian/ystit.png) no-repeat left top;}

.ysboxw i{ position:absolute; left:13px; top:8px; color:#fff; font-size:24px; font-family:Impact; font-style:normal;}

.ysboxw h4{  font-size:28px;  color:#333; letter-spacing:1px; text-align:left; width:100%; float:left; text-indent:62px; margin:1px 0 0 0;}

.ysboxw h4 b{ color:#2746b3; margin-right:15px;}

.ysboxw p{ color:#333333; width:100%;text-align:left; float:right; font-size:18px;padding:20px 0 0 0; line-height:32px; margin-bottom:0;text-indent:0;}

.ys-50{ clear: both;height:30px; }

@media (max-width: 768px) {

	.youshi{ display:none; }

	

}

/*优势*/

/*工厂车间*/

.chejian{ background: url(../tupian/chejian.jpg) repeat-y center top;  }

@media screen and (max-width: 768px){

		.swiper-navigator {display: none;}

	}

/*工厂车间*/

/*客户案例*/

.syanli{ position:relative; overflow:hidden;background: url(../tupian/anli.jpg) repeat-y center top; }

.syaltp{ position:relative; overflow:hidden;  }

.syaltp .syaltu .syalimg{  width:100%; }

.syaltp .syaltu .syalimg span{width:100%;padding-top:100%;display:block;transition:all 0.1s;background-position:center; background-size:cover;background-repeat:no-repeat;}

/* .syaltp .syaltu:hover .syalimg span{ transform:scale(1.03); } */

.syaltp .syaltu p{ background:#e7e7e7;line-height:2;font-size:1.2rem; }

.syaltp .syaltu p:hover{ background:#2746b3; }

.syaltp .syaltu p:hover  a{ color:#fff;display:block; }

/*客户案例*/

/*品牌故事*/

.gushi{ position:relative; overflow:hidden; }

.gushiweizi{ position:relative; overflow:hidden;background: url(../tupian/jianjie.jpg) no-repeat center center;background-size:cover; }

.gushiweizi .container{ background:#fff; }

.gushiweizi h4{ font-weight:bold; }

.gushiweizi  a{ position:relative; padding:5px 20px; border:#2746b3 solid 1px; border-radius:25px;  text-align:center; color:#2746b3; line-height:35px;}

.gushiweizi  a:hover{background:#2746b3; color:#FFF;}
.gushiweizi img{ width:100%; }
/*品牌故事*/

/*新闻*/

.syxinwen{ position:relative; overflow:hidden; }

.syxinwenliebiao{ border: 1px solid #ccc;font-size: 18px;-moz-box-shadow:2px 2px 5px #CCC; -webkit-box-shadow:2px 2px 5px #CCC; box-shadow:2px 2px 5px  #CCC; overflow: hidden; background-color: #fff;}

.syxinwenliebiao a.more{ color:#333;background: #ebebeb; line-height:1; font-size:1rem; margin-top:5px; padding:5px 10px; border-radius:15px; }

.syxinwenliebiao a.more:hover{ color:#fff; background:#2746b3; }

.syxinwenliebiao .syxinwenbiaoti{  border-bottom: 1px solid #ccc; }

.syxinwenliebiao  li{ font-size:1rem; border-bottom:1px dotted #ddd; }

.syxinwenliebiao  .syxwsj{ color:#ccc; }

/*新闻*/