@charset "utf-8";
/* CSS Document */

.inbanner{ background:#ccc url(../img/inbanner.jpg) no-repeat center center; height:300px;}


.inpagex { background: #fff; position: relative; }
.inpagex:before { content: ''; display: block; position: absolute; left: 0; width: 500px; top: 0; bottom: 0; background-color: #fff; }
.inpagex .inpwrapx { width:1200px; margin: 0 auto; position: relative; overflow: hidden; }
.inpagex .inpwrapx .sidex { width: 100%; background-color: #fff;}
.inpagex .inpwrapx .mainx {
	background: #fff;
    width: 100%;
}

.snavx { padding: 20px 0; border-bottom: 1px #ddd solid;}
.snavx .hdx { line-height: 60px; }
.snavx .hdx .namx { color: #00579D; font-weight: bold; padding: 0 20px; font-size: 20px; display:none;}
.snavx .bdx {  }
.snavx .bdx .conpx { font-size: 14px; color: #666; padding: 0 20px; line-height: 1.8; }
.snavx .bdx .bulx {  }
.snavx .bdx .bulx .blix { display:inline-block;}
.snavx .bdx .bulx .blix .bax { font-size: 16px; line-height: 40px; display: block; padding: 0 30px; -webkit-transition: all .2s; transition: all .2s; text-decoration:none;}
.snavx .bdx .bulx .blix .bax:hover { background: rgba(0,61,106,.1); color: #003d6a; }
.snavx .bdx .bulx .blix.on .bax { background: #00579D; color: #fff; }
.snavx.snavxcon {  }

.mainboxx { padding: 40px; }
.mainboxx .hdx { /*height: 20px; border-bottom: 1px solid #dedede; margin-bottom: 60px;*/ }
.mainboxx .hdx h1 { /*float: left;*/ text-align:center; background: #fff; line-height: 40px; font-weight: normal; color: #39424b; /*padding-right: 20px;*/ font-size: 30px; margin-bottom:20px;}
.mainboxx .now { float: right; background: #fff; line-height: 40px; color: #999; padding-left: 10px; font-size: 14px; display:none;}
.mainboxx .now .split { margin: 0 4px; color: #999; font-family: simsun; }
.mainboxx .now a { color: #999; }
.mainboxx .now a:hover { color: #003d6a; }

.mainboxx .bdx { font-size: 16px; line-height: 30px; color: #333; word-wrap: break-word; }
.mainboxx .bdx img { max-width: 100%; }
.mainboxx .bdx p { margin-bottom: 20px; }
.mainboxx .bdx h3 { font-size: 18px; font-weight: normal; background: linear-gradient(to right,#003d6a,#003d6a); color: #fff; line-height: 30px; padding: 5px 20px; border-radius: 10px 0 10px 0; margin-bottom: 20px; margin-top: 40px; font-weight: bold; }


/*客户反馈*/
.messagecon { font-size: 14px; line-height: 24px; margin-bottom: 20px; font-family: microsoft yahei; }
.messagecon p { margin-bottom: 20px; }
.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; font-family: microsoft yahei; color: #666; resize: none; width: 96%; height: 90px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; outline: none; background: #fff; }
.messageinput { width: 27%; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0; font-family: microsoft yahei; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; outline: none; background: #fff; }
.messagebtn { width: 30%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #b8c5ce; color: #2d3e50; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 50%; color: #fff; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }
.main .con .yanzhengma { display: inline; }
.messagebtn.btnon { background: #2172bd; }


/*新闻*/
.newslist{}
.newslist .item {
    width: 100%;
    overflow: hidden;
    margin-bottom: 50px;
    border: 3px solid #eee;
}
.newslist .item .info{ padding:50px 55px;}
.newslist .item .info .name{ float:left; font-size:18px; color:#123c92; font-weight:bold;}
.newslist .item .info .date{ 
	float:right; 
	color:#828282; 
	font-size:14px; 
}
.newslist .item .info .text{ display:inline-block; font-size:14px; color:#555; width:100%; margin-top:30px;}
.newslist .item .name:hover{ text-decoration:underline;}
.newslist .item .date:hover{ color:#F30;}


/*产品展示*/
.prolist .item {
	float:left;
	width: 31%;
	text-align: center;
	background: #fff;
	border:1px solid #ccc;
	margin-bottom:2%;
	margin-right:2%;
}
.prolist .item:nth-child(3n){ margin-right:0;}
.prolist .item .pic {
	text-align: center;
}
.prolist .item .pic img{
	width:100%;
	display:block;
	height:auto;
	margin:0 auto;
}
.prolist .item .name {
	text-align: center;
	padding:20px 10px;
}
.prolist .item .name a {
	padding-bottom: 10px;
	display: block;
	font-weight: bold;
	font-size: 16px;
	color: #00579D;
}
.prolist .item .en_name {
	font-size: 13px;
	line-height:1.6;
	height:40px;
	overflow:hidden;
}

/*联系我们*/
.contact h2{ font-size:20px; color:#00579d; margin-bottom:10px;}
.contact ul{ column-count:2; margin-bottom:20px;}

/*资质证书*/
.honor-page{}
.honor-page .item{ float:left; width:23.5%; margin:0 2% 2% 0;}
.honor-page .item .pic{ border:4px solid #ccc;}
.honor-page .item .pic img{ display:block; width:100%;}
.honor-page .item .name{ text-align:center; font-size:14px; color:#333;}
.honor-page .item:nth-child(4n){ margin-right:0;}

/*质量保障*/
.quality-page{}
.quality-page .item{ float:left; width:32%; margin:0 2% 2% 0;}
.quality-page .item .pic{ border:1px solid #ccc;}
.quality-page .item .pic img{ display:block; width:100%;}
.quality-page .item .text{ background:#69C; text-align:left; font-size:14px; color:#fff; line-height:1.6; padding:10px;}
.quality-page .item:nth-child(3n){ margin-right:0;}

/*生产设备*/
.equipment-page{}
.equipment-page .item{
	float:left;
	width:32%;
	margin:0 2% 2% 0;
	transition: all .2s;
    position: relative;
    overflow: hidden;
}
.equipment-page .item .flex{
	display: flex;
    justify-content: center;
    align-items: center;
	background: rgba(0, 87, 157, 0.72);
    font-size: 14px;
    line-height: 1.6;
    overflow: hidden;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    color: #fff;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .4s;
    transition: all .4s;
}
.equipment-page .item:hover .flex{
	webkit-transform: translateX(0);
    transform: translateX(0);
}
.equipment-page .item .pic{ border:1px solid #ccc;}
.equipment-page .item .pic img{ display:block; width:100%;}
.equipment-page .item .text{}
.equipment-page .item .text .name{ font-size:18px; font-weight:bold;}
.equipment-page .item:nth-child(3n){ margin-right:0;}

/*生产现场*/
.scene-page{}
.scene-page .item{ float:left; width:32%; margin:0 2% 2% 0;}
.scene-page .item .pic{ border:1px solid #ccc;}
.scene-page .item .pic img{ display:block; width:100%;}
.scene-page .item .name{ background:#69C; text-align:center; font-size:14px; color:#fff; line-height:1.6; padding:10px;}
.scene-page .item:nth-child(3n){ margin-right:0;}

/*合作伙伴*/
.huoban{}
.huoban li {
    float: left;
    display: flex;
    width: 22%;
    margin: 0 2% 2% 0;
    height: 100px;
    border: 1px solid #ccc;
    justify-content: center;
    align-items: center;
    padding: 5px;
}
.huoban li img{ display:block; max-width:100%; max-height:100%;}
.huoban li:nth-child(4n){ margin-right:0;}


@media (min-width: 1200px){
	.prolist .item .pic{ height:238px;}
}

@media (max-width: 768px){
  .inpagex .inpwrapx{ width:100%;}
  .inpagex .inpwrapx .sidex { position: relative; float: none; width: 100%; min-height: 10px; height: auto; border-right: 0; border-bottom: 1px solid #dedede; }
  .inpagex .inpwrapx .mainx { margin-left: 0; min-height: 10px; width:100%; }

  .snavx { padding: 10px 0 4px; }
  .snavx .bdx .bulx { overflow: hidden; padding: 0 10px; }
  .snavx .bdx .bulx .blix { width: 49%; float: left; margin-right: 2%; margin-bottom: 6px; }
  .snavx .bdx .bulx .blix .bax { padding: 0; text-align: center; font-size: 15px; box-sizing: border-box; border: 1px solid #dedede; background: #fff; }
  .snavx .bdx .bulx .blix:nth-child(2n) { margin-right: 0; }
  .mainboxx .now { display: none; }
  .mainboxx .hdx { border: 0; height: 30px; line-height: 30px; margin-bottom: 30px; }
  .mainboxx .hdx h1 { float: none; text-align: center; font-size: 26px; padding-right: 0; }
  .mainboxx { padding: 20px; }
  
  .scene-page .item,
  .equipment-page .item,
  .honor-page .item,
  .quality-page .item{ width:100%;}
  .newslist .item .info .date{ display:none;}
  .inpagex:before{ width:100%;}
  
  .prolist .item .pic{ height:auto;}
}


@media (max-width: 530px){
	.prolist .item{ width:100%;}
	.prolist .item:nth-child(3n){ margin-right:2%;}
}

@media (max-width: 440px){
	.inbanner{ height:200px; background-size:cover;}
}

@media (max-width: 380px){
	.prolist .item .en_name{ height:60px;}
}