@charset "utf-8";
*{ padding:0px; margin:0px;box-sizing: 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
li{list-style:none;}
img{border:none;border:0;}
a{text-decoration:none;color:#333;-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
a:hover{color:#0772D0;}
a:focus {outline:0; } 
body{font-family: "Microsoft YaHei","Arial",sans-serif;background:#fff; font-size: 14px; max-width:1920px;}
input,input:focus{outline:none;}
h1{ font-size:20px}
h2{ font-size:18px}
h3{ font-size:16px}
h4{ font-size:14px}
/*通用调用*/
.fl{float:left;}
.fr{float:right;}
.border_box{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.clearfix::before,.clearfix::after{content: "";display: block; height: 0;clear:both; visibility: hidden;}
.clearfix{*zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/}
table{width: 100%; margin: 10px auto; font-size: 14px; border-collapse: collapse; border-spacing: 0px 0px;}
table tr:nth-child(1){background:#f1f1f1;}
table td { text-align: center;  padding: 5px;  border: 1px solid #dedede;}
/*产品单页*/
/*轮播图*/
.slideBox{ position:relative; overflow:hidden;width:100%;/* 设置焦点图最大宽度 */ }
.slideBox .hd{ position:absolute; display: none;}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{ vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.list_content .title_b{line-height:30px; font-size: 24px; color:#333; font-weight: bold; margin-top: 20px; margin-bottom:20px;}
.p_con .left{width: 74.5%; float: left;}
.p_con .right{width: 24.1%; float: right;}
.p_con .right img{display: block; width: 100%; margin-bottom: 10px;}
.p_contact{padding:20px; background: #f5f5f5; margin-top:20px;}
.p_contact .a{width: 23.5%; margin-right:2%; background-color:#eaab06; color: #ffffff; float: left; display: block; height: 40px; line-height: 40px; text-align: center; font-size: 16px; font-weight: bold;  overflow: hidden;}
.p_contact .a span{display: inline-block; background: url(../p_images/ico_a.png) no-repeat left center; padding-left:35px;}
.p_contact .b{width: 23.5%; margin-right:2%; background-color:#1c294b; color: #ffffff; float: left; display: block; height: 40px; line-height: 40px; text-align: center; font-size: 16px; font-weight: bold;  overflow: hidden;}
.p_contact .b span{display: inline-block;background: url(../p_images/ico_b.png) no-repeat left center; padding-left:35px;}
.p_contact .c{width: 23.5%; margin-right:2%; background-color:#d51f09; color: #ffffff; float: left; display: block; height: 40px; line-height: 40px; text-align: center; font-size: 16px; font-weight: bold;  overflow: hidden;}
.p_contact .c span{display: inline-block;background: url(../p_images/ico_c.png) no-repeat left center; padding-left:35px;}
.p_contact .d{width: 23.5%; background-color:#1c294b; color: #ffffff; float: left; display: block; height: 40px; line-height: 40px; text-align: center; font-size: 16px; font-weight: bold;  overflow: hidden;}
.p_contact .d span{display: inline-block;background: url(../p_images/ico_d.png) no-repeat left center; padding-left:35px;}
.all_list{background-color: #f5f5f5;}
.p_mar{margin-top: 140px;}
.pro_p_con{position: relative; margin-top:30px;}
.pro_p_con .left{ float: left; width: 49%; margin-right:0; }
.pro_p_con .left img{display: block; width: 100%;}
.pro_p_con .right{ width: 49%; float:right; background: #f5f5f5; padding:50px;}
.pro_p_con .right .tit{font-size: 24px; line-height: 30px; color: #333; text-align: center; font-weight: bold;}
.pro_p_con .right .font_a{font-size:16px; line-height:24px; color: #999; margin-top:30px; font-weight: bold; padding-left:14px; background: url(../p_images/ico1.png) no-repeat left center;}
.pro_p_con .right .font_b{font-size:14px; line-height:24px; color: #333;}
.pro_p_con .right .down{margin-top:30px;}
.pro_p_con .right .down .tel{ float: left; display: block; height: 40px; line-height: 40px; border-radius: 20px; text-align: center; width: 49%; margin-right:2%; font-size: 16px; font-weight: bold; background-color:#0772D0; color: #ffffff; overflow: hidden;}
.pro_p_con .right .down .tel span{background: url(../p_images/tel.png) no-repeat left center; padding-left:24px;}
.pro_p_con .right .down .messages{ float: right; display: block; height: 40px; line-height: 40px; border-radius: 20px; text-align: center; width: 49%; font-size: 16px; font-weight: bold; border:2px solid #0772D0; color: #0772D0; overflow: hidden;}
.pro_p_con .right .down .messages span{background: url(../p_images/message.png) no-repeat left center; padding-left:24px;}
/*适应物料*/
.mat_ul li{width:23.5%; margin-right: 2%; float: left; margin-top: 20px; transition: .3s; border:1px solid #dedede;}
.mat_ul li:nth-child(4n){margin-right:0;}
.mat_ul li .pic{width:100%;}
.mat_ul li img{display:block; width:100%; transition: .3s;}
.mat_ul li .tit{ line-height:50px; text-align: center; font-size: 16px; font-weight: bold; color:#333; background:#dedede; padding:0 10px; height:50px; overflow: hidden; transition: .3s;}
/*售后服务*/
.service_ul li{width:49%; margin-right: 2%; padding-bottom:10px; float: left; margin-top: 20px; transition: .3s; border:1px solid #dedede;}
.service_ul li:nth-child(2n){margin-right:0;}
.service_ul li .pic{width:100%;}
.service_ul li img{display:block; width:100%; transition: .3s;}
.service_ul li .tit{ line-height:40px; text-align: left; font-size: 16px; font-weight: bold; color:#333; padding:0 10px; height:40px; overflow: hidden; transition: .3s;}
.service_ul li .font{ line-height:24px; text-align: left; font-size: 14px; color:#666; padding:0 10px; height:48px; overflow: hidden; transition: .3s;}
/*单页留言*/
.message{background: url(../p_images/message.jpg) no-repeat center center;}
.message .tit{font-size: 40px; color: #ffffff; line-height: 60px; font-weight: bold;}
.message .font{font-size:16px; color: #ffffff; line-height:30px;}
.message .form{margin-top:30px;}
.message .form .t{ color: #fff; padding:0 5px; background: url(../p_images/ico2.png); outline: none; border-radius: 0; -webkit-appearance: none; height:40px; line-height: 40px;margin-bottom: 20px; border:none; font-size:16px;}
.message .form .t::-webkit-input-placeholder{color:#ffffff;}
.message .form .t::-moz-placeholder{color:#ffffff;}
.message .form .t:-moz-placeholder{color:#ffffff;}
.message .form .t:-ms-input-placeholder{color:#ffffff;}
.message .form .btn{ width: 120px;  height: 40px;  line-height: 40px; font-size: 16px;display: block;background: #B40A13; color: #fff; margin: 0 auto; border:0;}
.message .form .btn:hover{cursor:pointer; }
.message .form .a{width:32%; margin-right:2%; float: left; display: block;}
.message .form .a:nth-child(3n){margin-right:0;}
.message .form .b{width:49%; margin-right:2%; float: left; display: block;}
.message .form .b:nth-child(2n){margin-right:0;}
.message .form .c{width:100%; display: block;}
.table{overflow-x: scroll;}
.table table{display: table;}
.p_pro li{width:23.5%; margin-right: 2%; float: left; margin-top: 20px; transition: .3s; border:1px solid #dedede;}
.p_pro li:nth-child(4n){margin-right:0;}
.p_pro li .pro_a{display:inline-block; padding-bottom:20px;}
.p_pro li .pro_a .pic{width:100%; border-bottom:1px solid #dedede;}
.p_pro li .pro_a img{display:block; width:100%; transition: .3s;}
.p_pro li .pro_a .tit{ line-height:30px; margin-bottom:10px; font-size: 16px; font-weight: bold; text-align: left; color:#333; margin-top: 10px; padding:0 10px; height:30px; overflow: hidden; transition: .3s;}
.p_pro li .pro_a .font{ line-height:24px; font-size: 14px; text-align: left; color:#666666; margin-top: 10px; padding:0 10px; height:48px; overflow: hidden; transition: .3s;}
.p_pro li:hover .pro_a .tit{color:#0772D0;}
.p_pro li:active .pro_a .tit{color:#0772D0;}
.p_pro li:hover .pro_a .font{color:#0772D0;}
.p_pro li:active .pro_a .font{color:#0772D0;}
.p_pro li .more{padding:0 10px;}
.p_pro li .more .a{width: 49%; overflow: hidden; text-align: center; margin-right:2%; font-size: 16px; height: 40px; line-height: 40px; border-radius: 20px; display: inline-block; float: left; border:2px solid #0772D0; color: #0772D0;}
.p_pro li .more .b{width: 49%; overflow: hidden; text-align: center; font-size: 16px; height: 40px; line-height: 40px; border-radius: 20px; display: inline-block; float: left; border:2px solid #d51f09; color: #d51f09;}

/*自适应*/
@media (max-width:1300px){	
	.pro_p_con .right .font_a{margin-top:20px;}
	.pro_p_con .right .down{margin-top:20px;}	
	.p_con .left{width: 75%;}
	.p_contact .a{font-size: 14px;}
	.p_contact .b{font-size: 14px;}
	.p_contact .c{font-size: 14px;}
	.p_contact .d{font-size: 14px;}
}
@media (max-width:990px){
	.mat_ul li{width: 49%;}
	.mat_ul li:nth-child(2n){margin-right:0;}
	.pro_p_con .left{width: 100%; margin-right:0;}
	.pro_p_con .right{width: 100%; margin-right:0;}	
	.pro_p_con .right{padding:20px;}
	.pro_p_con .right .font_a{margin-top:10px;}
	.pro_p_con .right .down{margin-top:10px;}
	.message .tit{font-size: 20px; line-height: 30px;}	
	.p_contact .a{width: 49%; margin-bottom:10px;}
	.p_contact .b{width: 49%; margin-bottom:10px; margin-right:0;}
	.p_contact .c{width: 49%;}
	.p_contact .d{width: 49%;}	
	.p_pro li{width: 49%;}
	.p_pro li:nth-child(2n){margin-right:0;}
	.p_pro li a .tit{margin-top:5px;}
	.p_pro li a .font{margin-top:5px;}
	.p_pro li a{padding-bottom:10px;}
}
@media (max-width:768px){	
	.p_con .left{width: 100%;}
	.p_con .right{width: 100%; margin-top:10px;}
	.p_con .right img{display: block; float: left; width: 32%; margin-right:2%;}
	.p_con .right img:last-child{margin-right:0;}
}
@media (max-width:480px){
	.p_contact .a{width:100%;margin-right:0;}
	.p_contact .b{width:100%;margin-right:0;}
	.p_contact .c{width:100%;margin-right:0; margin-bottom:10px;}
	.p_contact .d{width:100%;margin-right:0;}
	.p_pro li .more .a{width: 100%; margin-right: 0;}
	.p_pro li .more .b{width: 100%; margin-right: 0; margin-top:10px;}
}