@charset "utf-8";
@media(max-width: 900px){
	.guan{display: none;}
}
body {
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}
.clear{clear: both;}
/* 集美塑胶模具 */
.index{width: 100%;margin-top: 30px;}
.index_a{width: 100%;height: 30px; background: url(../images/indexb.png);position: relative;
	background-size: 100%;}
.index_a p,.xie .index_a p{position: absolute;left: 50%;transform: translateX(-50%);text-align: center;
	font-size: 30px;line-height: 20px;padding-top: 10px;}
.index_a p >span>b{color: #01a1ec;padding-left: 10px;}
em{font-style: normal;width: 100%;display: inline-block;font-size: 12px;color: #ddd;}

.index_b{width: 100%;margin-top: 40px;}
.index_b .indexleft,.index_b .indexright{display: inline-block;width: 20%;vertical-align: top;}
.index_b .indexleft{background:#484848;border-top: 5px solid #01a1ec;padding-bottom: 14px;}
.index_b .indexleft .indexleft_a li.topa{margin-top: 30px;}
.index_b .indexleft .indexleft_a li.top {width: 100%;text-align: center;padding: 36px 0;/* margin: 70px 0px; */}
.index_b .indexleft .indexleft_a li a{display: inline-block; color:#fff; font-size:18px;}
.index_b .indexleft .indexleft_a li a img{float: left;width: 34%;}
.index_b .indexleft .indexleft_a li.top:hover{background: #4e4e4e;}
.index_b .indexleft .indexleft_a li a em{float: left;font-size: 18px;width: 64%;text-align: left;color: #fff;}
.index_b .indexleft .indexleft_a li.zhong {border-bottom: 1px solid #f1f1f1;line-height: 30px;padding: 5px 0;}
.index_b .indexleft .indexleft_a li.zhong a{font-size: 16px;width: 100%;text-align: center;color: #adadad;padding: 6px 0px;}
.index_b .indexleft .indexleft_a li.zhong a:hover{color: #1d7aad;text-decoration: underline !important;}
.icon-jian:before{content: "\e60d";font-size: 18px;}

.index_b .indexright{width: 78%;float: right;}
.index_b .indexright .main4b{ width:100%; position: relative;}
.caseb{margin:0 auto; overflow:hidden;width:100%;}
.caseb {white-space: nowrap;overflow: hidden;/* margin-top: -20px; */font-size: 0;}
.caseb li{margin-right:2%;width:31%;float:left;border: 1px solid #ddd;margin-bottom: 2%;}
.caseb li:nth-child(3n){margin-right:0px;}
.caseb li a{width: 100%;font-size: 16px;color: #000;}
.caseb li img{width: 100%;height: 230px;object-fit: cover;}
.caseb li p{width:100%;height: 45px;line-height: 45px;text-align: center;margin-bottom: 0;}
.box a.left,.box a.right{font-size: 40px;color: #fff;background: rgba(0,0,0,0.8);}
.box a.left{position:absolute; top:50%;left:0;transform: translateY(-20%);z-index: 99;}
.box a.right{position:absolute;top:50%;right:0;transform: translateY(-20%);z-index: 99;}
.box{ margin:0 auto;position:relative;}


.main4b_ ul li ol{width: 100%;background: rgba(0, 155, 229, 0.5);position: absolute;z-index: 999;height: 139px;bottom: 0;}
.main4b_ ul li ol li.caseb_a{width:88%;display: inline-block;vertical-align: top;}
.main4b_ ul li ol li.caseb_a a{color: #fff;display: inline-block;padding:20px 20px 10px;
	font-weight: bold;font-size: 18px;}
.main4b_ ul li ol li.caseb_a a:hover{text-decoration: underline !important;}
.main4b_ ul li ol li.caseb_a p{width: 100%;white-space: normal;padding: 0px 20% 10px 20px;color:#b3e2f8;
	font-size: 15px;overflow: hidden;  text-overflow: ellipsis;display: -webkit-box;
	-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.main4b_ ul li ol li.caseb_b{width: 12%;display: inline-block;}

@media(max-width: 1366px) and (min-width: 1200px){
   .index_b .indexleft .indexleft_a li.topa{margin-top:16px;}
.img .zi{top: 50% !important;}
	.index_b .indexleft .indexleft_a li.top {width: 100%;text-align: center;padding: 35px 0;margin:40px 0px;}
}

@media(max-width: 900px){
	.index .index_a p,.xie .index_a p{font-size: 18px;width: 100%;margin-top: -24px;}
	em{font-size: 12px;}
	.index_b .indexleft{width: 100%;display: flex;border-top: none;padding-bottom: 0;}
	.index_b .indexleft .indexleft_a{width: 100%;display: flex;}
	.index_b .indexleft .indexleft_a li a{font-size:14px;}
	.index_b .indexleft .indexleft_a li.top{flex:1;margin-top: 0;border-top: 2px solid #484848;padding: 15px 0;}
	.index_b .indexleft .indexleft_a li.active{border-top: 2px solid #01a1ec;}
	.index_b .indexleft .indexleft_a li.top:hover{border-top: 2px solid #01a1ec;}
	.index_b .indexleft .indexleft_a li.zhong{display: none;}
	.index_b .indexleft .indexleft_a li a em{font-size: 12px;}
	.index_b .indexright{width: 100%;}
	.box a.left,.box a.right{position:absolute; top:20%;}
	.main4b_ ul li ol li.caseb_a a{font-size: 14px;padding: 4px;}
	.main4b_ ul li ol li.caseb_a p{font-size: 12px;padding: 0px 10px 0px 4px;}
.main4b_ ul li img.clist{ height:300px;}
.main4b_ ul li ol{height: 60px;}

}

/* 集美塑胶模具 end */

/* 协同研发设计 */
.xie{width: 100%;background: url(../images/indexbg.jpg);margin-top: 40px;
	position: relative;padding: 70px 0px 30px;overflow: hidden;}
.xie .index_a{width: 100%;height: 30px; background: url(../images/fwtit.png) no-repeat;position: relative;
	background-size: 100%;}
.xie .index_a p{color: #fff}
.xie .index_a p >span>b{padding-left: 10px;color: #fff;}
.xie .index_a p em{font-size: 14px ;color: #fff;}

.xie .xie_a{width: 100%;margin-top: 50px;}
.xie .xie_a li{width: 23.3%;display: inline-block;margin-right: 1.8%;vertical-align: top;background: #fff;text-align: center;}
.xie .xie_a li span.xie_b{width: 100%;text-align: center;}
.xie .xie_a li span h4{font-size: 24px;color: #333;font-weight: bold;padding-top: 20px;}
.xie .xie_a li span hr{width: 20px;}
.xie .xie_a li span p{padding: 0px 20px;font-size: 15px;color: #222;height: 88px;}
.xie .xie_a li span.xie_c{display: inline-block;/* margin-bottom: 20px; */vertical-align: bottom;}
.xie .xie_a li img{width: 100%;}
.xie .xie_a li .xie_b img{width: 16%;}
.xie .xie_a li:nth-child(4n){margin-right:0px;}
@media(max-width: 900px){
	.xie{padding-top: 40px;}
	.xie .index_a p{font-size: 18px;margin-top: -24px;}
	.xie .index_a p em{font-size: 12px ;color: #fff;}
	.xie .xie_a li{width: 48%;margin: 4px 0;background: #fff;}
	.xie .xie_a li span h4{font-size: 16px;padding-top: 10px;}
	.xie .xie_a li span p{padding: 0px 10px;font-size: 12px;}
}
/* 协同研发设计 end */

/* 经典案例 */
.anli{width: 100%;margin-top: 60px;overflow: hidden;display: none;}
.index_lefta{width: 48%;display: inline-block;text-align: center;vertical-align: top;margin-left: 20px;}
.index_righta{
	width: 48%;
	display: inline-block;
	background: url(../images/bgtu.jpg) no-repeat;
	padding: 40px 3%;
	color: #fff;
	height: 400px;
	}
.index_righta >a{color: #fff;font-weight: bold;font-size: 20px;padding: 20px 0px 30px;display: inline-block;}
.index_righta p{border-top: 1px dashed #fff;padding-top: 30px;overflow: hidden;  text-overflow: ellipsis;
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;line-height: 35px;}
.index_righta span{margin-top: 18px;display: inline-block;}
.index_righta span>a{background: #fff;padding: 6px 36px;border-radius: 20px;color: #294da0;}
.index_righta >a:hover,.index_righta span a:hover{text-decoration: underline !important;}

@media(max-width: 900px){
	.index_lefta,.index_righta{width: 100%;}
	.index_righta{padding: 10px 4%;}
	.index_righta >a{font-size: 16px;padding: 0px 0px 10px;}
	.index_righta p{padding-top: 10px;}
	.index_righta span{margin-top: 14px;}
	.index_righta span>a{padding: 2px 20px;border-radius: 20px;font-size: 14px;}
.bx-controls{display:none;}	


	}
/* 经典案例 end */ 


.juzhong{width: 100%;height: 330px;background: url(../images/xban.jpg)no-repeat;
	background-size: 100%; position:relative;}
.juzhong span{position: absolute;right: 10%;top:40%;line-height: 20px;transform: translateY(-50%);}
.juzhong span p{font-size: 16px;color: #375aac;}
.juzhong span b{font-size: 24px;color: #375aac;display: inline-block;width: 100%;}
.juzhong span a{background: #fff;padding: 6px 38px;margin-top: 10px;display: inline-block;
	border-radius: 20px;color: #375aac;}
.juzhong span a:hover{text-decoration: underline !important;}

@media(max-width: 900px){
	.juzhong{width: 100%;height: 80px;}
	.juzhong span p{display: none;}
	.juzhong span b,.juzhong span a{font-size: 12px;display: block;}
	.juzhong span a{padding: 8px 20px;}
	.juzhong span{line-height:2px;right: 0;margin-top: -6px;margin-right: 20px;}
}

table{width: 100%;}
.nian{width: 100%;}
.nian img{width: 100%;}
.nian h2{text-align: center;color: #3f65be;font-weight: bold;}
.nian ul.ti li{display: inline-block;margin-bottom: 4%;width: 48%;vertical-align: top;float: left;}
.nian ul.ti li:nth-child(2n){float:right;/* padding: 20px 0 20px 20px; */}
.nian ul.ti li img{width: 100%;}
.nian ul.ti li p{position: relative;}
.nian ul.ti li p em{width: 50px;height: 50px;position: absolute;right: 0;bottom: -10px;background: #0099e0;
	text-align: center;line-height: 50px;font-size: 30px;color: #fff;}
.textwen{padding-top: 30px;font-size: 26px;}
.textwen>b{width: 100%;display: inline-block;border-bottom: 1px dashed #999;padding-bottom: 20px;}
.textwen span{font-size: 16px;width: 100%;line-height: 20px;display: inline-block;padding-top: 10px;}
 .textwen a{padding: 6px 30px;border-radius: 20px;background: #0099e0;font-size: 12px;color: #fff;
 	display: inline-block;margin-top: 10px;}
 .textwen a:hover{text-decoration: underline !important;}

@media(max-width: 900px){
	.nian h2{font-size: 16px;}
	.nian ul.ti li{width: 100%;}
	.textwen{padding-top: 10px;font-size: 16px;}
	.textwen span{font-size: 14px;}
	.textwen a{padding: 4px 24px;}
	.nian ul.ti li{padding: 2px;}

}
.icon-toright{background: red;}

.g_newcon{padding-top: 147px; background:url(../images/newbg.jpg) no-repeat center top;}
.g_news{width:46%;float: left;margin-left: 65px;}
.g_newcon .wdmore{position: absolute;right: 0;top:-48px;width: 100px;height: 100px;}

.g_newcon .wdmore a{width: 100px;display:block;}
.g_newcon .wdmore img{width: 100px;display:block;}


.g_news .newq{background:url(../images/dtline.jpg) no-repeat 134px 10px;}
.g_news .newq li{float:left;width: 166px;font-size: 22px;color: #848484;}
.g_news .newq li a{display:inline-block;color:#848484;text-decoration: none; }
.g_news .newq li a:hover,.g_news .newq li.cur a{color: #294da0;}
.g_news .newq li em{display: block;font-size: 12px;color: #adadad;text-transform: uppercase;}
.g_news dl{ border-bottom: 1px dashed #e5e5e5;margin-bottom: 20px;}
.g_news dt{width: 530px; }
.g_news dd{position: relative;}
.g_news dt img{width: 530px;height: 130px;display: block;}
.g_news h3{
	height: 32px;
	line-height: 32px;
	/* overflow: hidden; */
	font-size: 14px;
	color: #252525;
	margin-bottom: 5px;
	font-weight: normal;
	width: 100%;
	}
.g_news h3 a{color: #252525;}
.g_news p{font-size: 14px;line-height: 26px;color: #888;height: 52px;overflow: hidden;width: 80%;}
.g_news span{position: absolute;right: 0;top:14px;font-size: 14px;color: #666;text-align: center;}
.g_news span b{display: block;font-size: 46px;color: #666;font-weight: normal;}
.g_news .newlst li{height: 30px;line-height: 30px;overflow: hidden;font-size: 14px;color: #888;}
.g_news .newlst li a{width: 200px;color: #888;/* display: block; */height: 30px;line-height: 30px;}
.g_news .newlst li em{float:right;width: 100px;text-align: right;}
.wend{width: 464px;float: right;margin-top: 0px;}
.wend .m_zxc{height: 400px;overflow: hidden;}
.g_newcon .wend h3{ height:52px;font-size: 22px;color: #848484;font-weight: normal;}
.g_newcon .wend h3 a{ color:#848484;text-decoration: none; }
.g_newcon .wend h3 em{display: block;font-size: 12px;color: #adadad;
	text-transform: uppercase;font-weight: normal;}
.wend dl{padding: 0px 0 16px; border-bottom: 1px dashed #dcdcdc;}
.wend dt{background:url(../images/wen.jpg) no-repeat 0 2px;padding-left: 33px;height: 22px;
	line-height: 22px;font-size: 14px;font-weight: bold;color: #294da0;overflow: hidden;}
.wend dt a{color: #294da0;}
.wend dd{background:url(../images/da.jpg) no-repeat 0 2px;padding-left: 33px;height: 60px;
	font-size: 14px;color: #888888;overflow: hidden;  text-overflow: ellipsis;
 display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.wend dt span{float:right;}

.g_zj{background:url(../images/abbg.jpg) no-repeat center top;padding-top: 500px;height: 440px;}
.g_zj h2{position: absolute;left:280px;top:0;}
.g_zj .zi{position: absolute;left:690px;top:0;font-size: 20px;line-height: 30px;color: #333;}
.g_zj h3{padding-top: 130px;height: 54px;text-align: center;
	background:url(../images/abtit2.jpg) no-repeat center bottom;font-size:26px;color: #333;
	font-weight: normal;margin-bottom: 25px;}
.g_zj h3 a{color: #333;text-decoration: none;}
.g_zj p{font-size: 16px;color: #666;line-height: 32px; height: 96px;overflow: hidden; 
	padding: 0 142px;text-align: center; margin-bottom: 32px;}
.g_zj span a{display: block;background:url(../images/abbtn.png) no-repeat;width: 236px;
	height: 44px;line-height: 44px;text-align: center;font-size: 20px;color: #fff;margin: 0 auto;}


@media(max-width: 900px){
	.g_news{width: 100%;margin-left: 0;overflow: hidden;}
	.g_news dt img{width: 360px;}
	.g_news p{font-size: 12px;}
	.g_news .newq li a{font-size: 16px;}
	.g_news .newq li em{font-size: 12px;}
	.g_news span b{font-size: 24px;}
	.newlst{display: none;}
	.wend{width: 100%;}
	.wend h3{font-size: 18px;}
	.wend dl{height: 100px;padding: 10px;}
}


.img{background: url(../images/acs.jpg) no-repeat; width: 100%;margin-top: 40px;height: 840px;
	 position: relative;background-size: 100%;overflow: hidden;}
.img >img{width: 100%;}

.img span{position: absolute;top: 56%;left: 36%;}
.img p{position: absolute;top: 56%;right: 22%;font-size: 20px;color: #333;}
.img p b{width: 100%;display: inline-block;color: #00A2ED;}
.img .zi{width: 60%;position: absolute;top: 73%;left: 50%;transform: translateX(-50%);display: inline-block;text-align: center;}
.img .zi h6{font-size: 16px;color: #666;overflow: hidden;text-overflow: ellipsis;
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-height: 30px;}

.img .zi a{background: #0099e0;border-radius: 50px;display: inline-block;padding: 4px 40px;
	margin-top: 20px;color: #fff;font-size: 20px;}
.img .zi a:hover{text-decoration: underline !important;}

@media(max-width: 900px){
	.img{height: 340px;}
	.img span img{display: none;}
	.img span{position: absolute;top: 30%;}
	.img p{display: none;}
	.img p b{display: none;}
	.img .zi{width: 100%;padding:0px 10px;}
	.img .zi h3{font-size: 16px;}
	.img .zi h6{font-size: 13px;line-height: 20px;}
	.img .zi a{padding: 4px 20px;font-size: 12px;}
}



/*底部开始*/


/*底部结束*/
 @media(max-width: 900px){
	.bx-wrapper .bx-prev {position: absolute: ;left: 0px;}
	.bx-wrapper .bx-next {position: absolute: ;right: 0px;}
	.gdlist dl dt {margin-left:50px;width: 100%;} 
}

