body{
	/* font-family: ; */
	font-size: 18px;
}
*{ padding:0; margin:0;}
fieldset,img {border:0} 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal} 
ol,ul {list-style:none} 
caption,th {text-align:left} 
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal} 
a{ color:#333; text-decoration:none;}

.btn{ width:100%; float:left; display:block; margin:30px 0 0; text-align: left;}
.btn1,.btn2{ padding:6px 20px; margin:0 20px 0 0;  border:1px solid #f30; text-align:center; font-size:18px;}
.btn1{background:#f30; color:#fff;}
.btn2{background:#fff; color:#f30;}

.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;}

header{ background:#fff; height:100px;}
.header{ width:1200px; margin:0 auto; height:100px; }
.logo{ float:left;  font-size: 21px;  padding:0 0; text-align:left;margin-top: 34px;font-size: 24px;}
.menu{ float:right; width:859px;}
.menu li{ float:left; width:auto; line-height:100px; padding:0 32px 0 0;  font-size:20px;}
.menu li:last-of-type {color: #f00;font-size: 22px; padding: 0;}
.menu li a{ color:#555;}
.menu li a:hover{color: #f30;}
.bg{width: 1200px;margin: 0 auto;height: 3658px;background: url('images/bg1.jpg') center top no-repeat, url('images/bg2.jpg') right bottom repeat;position: relative;}
.con_text {font-family: "宋体";font-size: 26px;position: absolute;top: 650px;left: 18%;width: 770px;line-height: 40px;text-align: justify;color: #fff;}
.pic2{margin-top: 260px;}
.pic3 {margin-top: 288px;}
.pic4 {margin-top: 285px;}
.pic5{margin-top: 285px;}
.swiper-container{margin-bottom: 40px;}
.swiper-container img{display: block;width: 100%;}
body{background: #f6f9fe;}

.pro_con{width:1200px;margin:0 auto}
/* .pro_con h1 {text-align: center;color: #fff;font-size: 33px;font-weight: bold;margin: 50px auto;width: 890px;height: 72px;line-height: 49px;background: url(images/tit.jpg) no-repeat center;} */

/* .pro_con h2{font-weight:bold;font-size:18px;padding:10px 0} */
/* .pro_con ul,.pro_con dl{width:1200px;display:flex;flex-wrap:wrap;justify-content:space-between} */
.about{ background:#0144d9; margin:80px 0 0;}
.about h1{ text-align:center;  font-size:42px; padding:40px 0 30px; color:#fff; font-weight:bold;}
.aboutcon{ width:1120px; border-radius: 12px; margin:0 auto; background:#fff; padding:40px;}
.contact{ width:1200px; margin:0 auto; padding:25px 0 20px; color:#fff;}
.tel{ line-height:55px; font-size:24px; text-align:center;}
.phone{ font-size:42px; text-align:center; font-weight:bold;}

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;}

.header_tel{display: none;}
.header_m ,.footer_m{display: none;}
.header_tel {display: none;opacity: 0;height: 0;}
.mobile_tel{display: none; opacity: 0; height: 0;}
.m_ban{display: none;}

.links_pic {position: absolute;width: 312px;height: 330px;top: -53px;left: -366px;opacity: .2;transition: 0.2s;}
.links_pic:hover{background: #f5f5f5;}
.listPic{position: relative;}
.productList1,.productList2{width: 1200px;height: 1800px;margin: 0 auto;background: url(images/bg4.jpg) no-repeat 0 0;margin-top: 30px;position: relative;}
.productList2{background: url(images/bg3.jpg) no-repeat 0 0;}
.productList1 h1,.productList2 h1 {text-align: center;font-size: 40px;padding-top: 120px;}
.productList1 .l1,.productList2 .l1 {position: absolute;font-size: 21px;right: 163px;line-height: 38px;top: 353px;}
.productList2 .l1{right: 188px; top: 352px;}
.links {position: absolute;}
.productList1 .links a{width: 360px;height: 362px;position: absolute;left: 111px;top: 122px;opacity: 0.2; transition: 0.2s; }
.productList1 .links a:hover,.productList2 .links a:hover{background: #f5f5f5;}
.productList2 .links a{opacity: 0.2; transition: 0.2s; width: 360px;height: 362px;position: absolute;left: 88px;top: 110px; border: 1px solid red; }
.listPosition{position: absolute;top: 1230px;right: 120px;font-family: "宋体";font-size: 23px;line-height: 36px;font-weight: bold;}
.about{margin-top: 40px;padding-bottom: 50px;border-top: 10px solid #fff;background: #0694da;}
.about h1{font-weight: normal;font-size: 38px;}
.footer_tel {text-align: center;padding: 40px 0;color: #fff;}
.footer_tel h2{padding: 10px 0 10px;font-size: 35px;}
.footer_tel p {font-size: 24px;padding-bottom: 10px;}
.footer_table td{border: 1px solid #1ea0e0;padding: 10px 12px;font-size: 17px;}
.menu li{border-left: 1px solid #eee;padding: 0 19px;}
.menu{width: 880px;}
.footer_table {width: 100%;margin: 0 auto;border-collapse: collapse;}
.tables_box{background: #fff;padding:30px 27px;box-shadow: 0 0 15px rgb(6 97 143 / 55%);width: 1200px;box-sizing: border-box;margin: 0 auto;}
.tables_box td:nth-of-type(odd){width: 70px;background: #f5f5f5;text-align: center;font-size: 16px;}
.tables_box  td:nth-of-type(2n){width: 400px;}
.menu li:last-of-type{font-size: 21px;padding-left: 10px;}
.moblieBox{display: none;}

@media screen and (max-width: 750px) {
	.m_ban{display: block;}
	.footer_m{display: block;}
	.header_m{display:block}
	.footer_m{background:#f9f9f9;border-top:1px solid #ccc;padding:0.3rem 0;text-align:center;line-height:0.46rem;font-size:0.26rem;margin:0.3rem 0 0 0;color:#666}

	.header_m{background:#0091f1;display:flex;flex-wrap:wrap;justify-content:space-between;padding:.1rem 0}
	.header_m img{transform:translateY(0.1rem);padding:0 .2rem;height:0.42rem}
	.header_m .bz img{height:0.6rem;padding:0;transform:translateY(0)}
	.banner,header{display: none;}
	html , body{width: 100%;}
	/* .pro_con{width: 100% !important;} */
	.pro_con,.contact {display: block;width: 6.4rem;margin: 0 auto;}
	.header,.top{display: none !important;}
	.contact h1{font-size: 0.35rem;}
	.contact p,.contact p:last-of-type{font-size: 0.35rem;color: #e93608;padding: 0;}
	footer{display: none;}
	table td{
		font-size: 0.28rem;
	}
	.bg{
		width: 100%;
		/* height: auto; */
		background-size: contain;
		/* display: none; */
	}
	.productList1, .productList2{
		width: 100%;
		background-size: contain;
	}
	
	.pc_box{
		display: none;
	}
	.moblieBox{
		display: block;
	}
	.pro_con h1{
		text-align: center;
		font-size: 0.38rem;
		margin: .2rem auto .2rem;
	}
	.moblieBox img{
		margin-bottom: 0.25rem;
		max-width: 5rem;
	}
	
	.moblieBox .pro_con{
		width: 6rem;
		margin: 0.2rem auto;
		background: #fff;
		padding: .2rem;
		box-sizing: border-box;
	}
	.moblieBox .pro_con p{
		font-size: 0.26rem;
		color: #555;
		padding: 0 .1rem;
		line-height: 0.4rem;
	}
	.moblieBox .pro_list{
		background: none;
	}
	.moblieBox .pro_list li{
		background: #fff;
		border: 1px solid #eee;
		padding: .2rem;
		margin-bottom: 0.2rem;
		box-sizing: border-box;
	}
	.moblieBox .pro_cpjs p{
		font-size: 0.3rem;
		line-height: 0.48rem;
	}
	.about{
		display: none;
	}
	.footer_table td{
		display: block;
		border: #fff;
	}
	.footer_table td:nth-of-type(2n){
		border-bottom: 1px solid #eee;
	}
	.footer_table td:nth-of-type(odd)::after{
		content: "：";
	}
	
	
}