body{font-size:16px;line-height:30px;font-family: Arial, Helvetica, sans-serif; color:#444}
*{padding:0;margin:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
.fl{float:left}
.fr{float:right}
.clear{clear:both}
a{color:#333;text-decoration:none}
header{background:#fff;height:100px}
.top{min-width:1180px;background:#fff;border-bottom:1px solid #ccc;line-height:40px;padding:0 10px}
.tia_l{float:left}
.top_r{float:right;display:block}
.top_r img{vertical-align:middle;line-height:40px;padding:0 5px 0 0}
.top a{padding:0 5px;font-size:14px}
.tel{line-height:55px;font-size:27px;text-align:center}
.phone{font-size:40px;text-align:center;font-weight:bold;padding-bottom:14px}
.aboutCol{background:#f7615f}
footer,.foot{text-align:center;line-height:1.8;background-color:#FFF;font-size:14px;min-width:1200px}
.foot{padding:8px 0 20px 0}
.foot_nav{line-height:2.0}
.foot_nav a{padding:0 5px}

.pro_con{width:1200px;margin: 0 auto;}
.pro_con h1{width: 420px;margin: 50px auto;border: 1px solid #025da4;line-height: 60px;border-radius: 0 20px;font-size: 30px;font-weight: bold;color: #025da4;text-align: center;}
.pro_con dl{width: 1200px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.pro_con h2{font-size: 18px;margin: 10px 0;}

.product_tel{height:100px; line-height: 100px; box-shadow:0 12px 21px #f1f1f1}
.product_tel ul{width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between}
.product_tel li{font-size:21px;}
.product_tel li:last-of-type{color:#f00}
.productList dt a{border: 2px solid #2196f3;display: block;}
.productList dl{margin-bottom: 30px;border-bottom: 1px solid #ccc;padding-bottom: 30px;}
.productList dt img{max-width: 380px;}
.productList dd {width: 700px;color: #555;font-size: 15px;}
.productList dd li{overflow: hidden;margin-bottom: 3px;}
.productList dd p{float: left;width: 590px;}
.productList dd span{float: left;}
.productList dd h2{font-size: 22px;}
.productList dd li{display: flex;flex-wrap: wrap;justify-content: space-between;}
.pro_btn{margin-top: 20px;}
.pro_btn a{float: left;width: 120px;line-height: 40px;border-radius: 4px;background: linear-gradient(#f57c36, #ff5500);text-align: center;margin-right: 10px;color: #fff;}
.pro_btn a:first-of-type{background: linear-gradient(#0260a6, #024f9f);}
.pro_btn a:hover{background: #2196f3;}

.side_ad1{height: 500px;background: url(images/ad5.jpg) no-repeat center;}
.side_ad2{height: 500px;background: url(images/ad2.jpg) no-repeat center;}
.side_ad3{height: 500px;background: url(images/ad6.jpg) no-repeat center;}
.side_ad4{height: 500px;background: url(images/ad4.jpg) no-repeat center;}


.silder{position: fixed;left: 4px;top: 300px;border-left: 6px solid #025ba4;width: 140px;z-index: 2;box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);}
.silder a:first-of-type{background: #1d76be;}
.silder a{background: #2196f3;color: #fff;margin-bottom: 4px;padding-left: 10px;display: block;}
.silder a:last-of-type{margin-bottom: 0;}
.silder a:hover{background: #025ba4;}
.proList ul{width:1200px;overflow:hidden}
.proList li{width:370px;float:left;height:646px;margin:0 43px 20px 0}
.proList li:nth-of-type(3n){margin-right:0}
.proList li img{border:2px solid #2196f3;max-width:100%}
.proList li > a{display:block;width:369px;height:374px}
.proList h2{text-align:center;font-size:22px}
.proList li span{font-size:15px;display:block}
.proList li p{height:78px;font-size:15px;line-height:26px;word-break:break-all;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.proList .pro_btn{text-align:center;width:265px;margin:20px auto}

.about dl{width:1160px; padding: 40px 20px; border-radius: 15px; border: 1px solid  #eee; background: #f5f5f5;}
.about dt img{display:block;border-radius:10px;}
.about dt {width: 950px; margin: 0 auto 20px;}
.about dd{text-indent:2em;text-align:justify;padding: 0 24px;}
.about dd p{padding:4px 0}
.proContact{padding:30px 0}
.proContact table{width:1200px;border-collapse:collapse}
.proContact td{padding:6px 20px;border:1px solid #ddd}
.proContact td a:hover{color:#f00}
.proContact tr:nth-of-type(odd){background:#f5f5f5}
.mobile_banner{display: none;}
.mobile_tel{opacity: 0; height: 0;}
.footer_m ,.header_m{display: none;}
.proList li.pos01{padding-left: 210px;}

			
@media screen and (max-width: 750px) {
	.pc_banner{display: none;}
	.mobile_banner {display: block;}
	.mobile_banner img{width: 100%;}
	.top,.bar,.foot{display:none}
	.pro_con{width:6rem;margin:0 auto}
	.pro_con dl,.pro_con ul,.contact{width:100%;display:block}
	.pro_con li{width:100%;padding:0;height:auto;display:block;border-radius:0;background:none;border: none;}
	.pro_con p{margin:0 auto;font-size:0.26rem;line-height:0.55rem}
	.pro_con li p{width:6rem;height:auto}
	.pro_con img{display:block;width:5rem;margin:.3rem auto;}
	.pro_con dd{width:100%}
	.pro_con h1{width:100%;border:none;box-shadow:none;margin:.4rem 0;font-size:0.45rem}
 .pro_con li h2{font-size:0.3rem;font-weight:bold;line-height:0.68rem}
	.bg,.about,.contact{padding:0;margin:0;background:none;color:#444}
	.bg div{padding:0}
	.about{width: 6rem; margin: 0 auto; }
	.about p{line-height:0.69rem;font-size:0.3rem;text-align:left;padding:0}
	.contact{display:none}
	.about h1{font-size:0.38rem;color:#ff4e0b;margin:.2rem 0;font-weight:bold}
	.mobile_tel{padding:0rem 0 0.9rem;display:block; opacity: 1; height: auto;}
	.tel_boda{display:inline-block;background:#ff4e0b;color:#fff;text-align:center;width:1.6rem;height:.6rem;margin-left:0.1rem;line-height:0.6rem;font-size:0.32rem;border-radius:2px}
	.footer_m{border-top:1px solid #ccc;text-align:center;display:block;padding:.5rem 0}
	.header_m{display:block}
	.header_m{background:#0091f1;display:flex;flex-wrap:wrap;justify-content:space-between;padding:.15rem 0}
	.header_m img{transform:translateY(0.1rem);padding:0 .2rem;}
	.header_m .bz img{padding:0;transform:translateY(0)}
	.product_tel {display: none;}
	.contact{opacity: 0; height: 0;}
	.registIcon img , .callBackIcon img{width: 0.4rem;}
	.productList dl{border: none; padding-bottom: 60px;}
	.pro_btn{text-align: center; width: 4.3rem; margin: 0 auto;}
	.productList dd h2{font-size: 0.28rem;text-align: center;font-weight: bold;}
	.silder{display: none;}
	.proContact table{width: 6rem;}
	.proContact tr , .proContact td{display: block;margin-bottom: 2px;}
	.proContact tr:nth-of-type(odd){background: #fff;}
	.proContact tr td:nth-of-type(odd){background: #f5f5f5;font-weight: bold; border-bottom: 1px solid #ddd;}
	.productList dt a {width: 5.5rem; margin: 0 auto; border: 1px solid #0091f1;}
	.productList dd p{width: 4.5rem;}
	.about dd p{padding: 0; font-size: 0.26rem; line-height: 0.52rem;} 
	.proContact td{border: none;}
	.proList li > a{height: auto;width: auto;} 
	.proList li img{border: 1px solid #2196f3;}
	.about dt{width: 6rem;}
	.about dd{padding: 0;}
	.about dl{padding: 0;}
}