@charset "utf-8";
/* CSS Document */
body{ font-size:14px; font-family:"\5FAE\8F6F\96C5\9ED1";  color:#333;}
*{ 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} 
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.riqi{ float:right; display:block;}
a{ color:#333; text-decoration:none;}
header{ background:#fff; height:100px;}
.header{ width:1200px; margin:0 auto; height:100px; }
.logo{ float:left; width:300px; padding:20px 0; text-align:center;}
.menu{ float:right; width:898px;}
.menu li{float: left;width: auto;line-height: 100px;padding: 0 26px;font-size: 19px;border-left: 1px solid #eee;}
.hover{ background:#f8f8f8;}
.menu li a{ color:#000;}
.menu li a.active{ color:#0086cd; font-weight: bold; }
.red{ color:red;}

.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;}
.banner{ background:url(images/banner8.jpg) center 0; height:550px; margin-bottom: 60px;}
.banner1{ background:url(images/banner4.jpg) center 0; height:550px; margin-bottom: 60px;}
.banner5{ background:url(images/banner6.jpg) center 0; height:550px; margin-bottom: 60px;}
.product{ width:1200px; margin:0px auto; padding: 0 0 60px;}
.product h1,.product01 h1{ width:450px; margin:0 auto; background:#0086cd; border-radius:20px 100px; line-height:60px; text-align:center; font-size:28px; font-weight:bold; color:#fff;}
.product img{display: block;margin-top: 10px; border: 1px solid #cccccc38;}
.product ul{ float:left; margin:60px -80px 0 0;}
.product li{ float:left; width:560px; margin:0 80px 0 0; text-align:center; font-size:18px; color:#f00; line-height:40px;}
.prointro{ margin:20px 0 0; font-size:16px; line-height:36px; }
.product dl,.product01 dl{ margin:50px 0 0;}
.product dt,.product01 dt{ float:left; width:468px;}
.product dd,.product01 dd{ float:right; width:724px;}
.product dd h2,.product01 dd h2{ font-size:18px; font-weight:bold; line-height:40px;}
.product dd p,.product01 dd p{ line-height:34px; font-size:16px;}
.product dd p strong{ font-size: 16px;  color: #0086CD; font-weight: bold;}
.product table,.product01 table{ margin:40px 0 0; background:#fff;}
.product table,.product table td,.product01 table,.product01 table td{ line-height:40px; border:1px solid #ccc; border-collapse:collapse;}
.product table td,.product01 table td{ padding:0 10px;}
.bg{ background:#f7f7f7; padding:80px 0;}
.product01{ width:1200px; margin:0 auto;}
.product_con{ line-height:30px; text-indent:2em; margin:60px 0 0; font-size:15px;}

.product_ys{ width:1200px; margin:60px auto 0;}
.product_ys h1{ font-size:30px; text-align:center; color:#1e4fc5; font-weight:bold;}
.product_ys ul{ float:left; margin:0 -50px 0 0;}
.product_ys li{ float:left; width:268px; margin:50px 45px 0 0; height:120px;  padding:20px 20px 20px 70px;  border:1px dotted #00ab84; position:relative; font-size:15px; line-height:30px; }
.product_ys li span{ position:absolute; top:0; left:15px; width:40px; line-height:60px; background:#00ab84; border-radius:0 0 10px 10px; color:#fff; font-size:20px; font-family:Verdana, Geneva, sans-serif; text-align:center;}
 
.about{ background:#0086cd;}
.about h1{ text-align:center;  font-size:36px; padding:40px 0; color:#fff; font-weight:bold;}
.aboutcon{ width:1120px; margin:0 auto; background:#fff; padding:40px;}
.aboutcon dd{ width:620px; float:left;}
.aboutcon dd h2{ font-size:24px;}
.aboutcon dd p{ line-height:28px; color:#333; text-indent:2em; padding:5px 0 0; }
.aboutcon dt{ width:460px; float:right; padding-top: 22px;}
.contact{ width:1200px; margin:0 auto; padding:40px 0; color:#fff;}
.tel{ line-height:55px; font-size:24px; text-align:center;}
.phone{ font-size:30px; 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;}

.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: left;font-size: 18px; border-radius: 3px;}
.btn1 {background: #f30;color: #fff;}
.btn2 {background: #fff;color: #f30;}
.product_list{width:1200px;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.product_list dl{line-height: 30px;font-size: 15px;width: 370px;border: 1px solid #ccc;}
.product_list dd{padding: 0 10px;}
.product_list h2{font-size: 20px;text-align: center;padding: 10px 0;}

h1.title{width: 450px;margin: 40px auto;background: #0086cd;border-radius: 20px 100px;line-height: 60px;text-align: center;font-size: 28px;font-weight: bold;color: #fff;}
.product_zysx {width:1200px;margin: 50px auto;}
.product_zysx ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.product_zysx li {margin: 20px 0; width: 350px;  }
.product_zysx strong{display: inline-block;line-height: 50px;text-align: center;font-size: 21px;border-radius: 6px; margin-right: 12px; }
.product_zysx p {font-size: 15px; line-height: 30px;}
.product_zysx h2{font-size: 18px; padding-bottom: 20px; font-weight: bold;}

.product_czlc ul {width: 1200px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.product_czlc h2{font-size: 17px;padding: 10px 0;font-weight: bold;}
.product_czlc p {font-size: 14px; color: #444; line-height: 36px;}
.product_czlc li {margin: 10px 0; width: 585px;}

.product_syfw{width:1200px;margin: 0 auto 70px;}
.product_syfw ul{width: 1200px;  display: flex;flex-wrap: wrap;justify-content: space-between;}
.product_syfw p {font-size: 16px; color: #444; line-height:32px; }
.product_syfw li {padding-bottom: 20px; width: 284px;}
.product_syfw li img{display: block;padding: 4px;border: 1px solid #ececec; width: 100%; }
.product_syfw li h2{font-size: 18px;text-align: center;padding: 13px 0;}


.product_ggcs{width: 1200px;margin: 0 auto;}
.product_ggcs h2{text-align: center; font-size: 26px; font-weight: bold;  padding: 40px 0;}
.product_ggcs table, .product_ggcs td{border-collapse: collapse;}
.product_ggcs tr:nth-of-type(1) td{background: #f9f9f9;  font-size: 18px; color: #444; padding-left: 35px; text-align: center; }
.product_ggcs td{border: 1px solid #ccc; line-height: 27px; font-size: 15px; text-align: left; padding: 4px 15px; color: #444;}
.product_ggcs td{border: 1px solid #ccc !important;}
.product_ggcs td:nth-of-type(odd){background: #f9f9f9;}

.product_sysm {width: 1200px; margin: 0 auto 50px; overflow: hidden;}
.product_sysm ul{ float:left; margin:0 -60px 0 0;}
.product_sysm li{ float:left; width:570px; margin:0 60px 0 0;}
.product_sysm li h2{border-left: 5px solid #0086cd; padding: 0 0 0 20px; font-size: 20px; color:#0086cd;}
.product_sysm li p{padding: 15px 0 0; line-height: 36px; border-top: 1px solid #0086cd; margin: 15px 0 0; font-size:15px;}

.product_td{width: 1200px;margin: 0 auto 50px;}
.product_td ul {width: 1200px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.product_td li {width: 193px;padding: 14px;line-height: 28px;color: #444;border: 1px dashed #ccc;}
.product_td img{display: block;width: 89px;margin: 0 auto;}
.product_td h2{font-size: 21px;text-align: center; padding: 20px 0; color: #333;  }
.product_td02 li {width: 238px;margin-bottom: 30px;}
h2.pro_title {font-size: 26px; color: #333; font-weight: bold;}
.product_td02 li {width: 238px;margin-bottom: 30px;}

.product_sysm{display: flex;flex-wrap: wrap;justify-content: space-between;}
.product_sysm h2{ font-size: 20px; padding: 15px 0;  font-weight: bold; }
.product_sysm p{font-size: 15px; line-height: 30px;}
.product_sysm div{ width: 358px; padding: 10px; border: 1px solid #ccc; border-radius: 10px; }



.mobile_box,.mbanner01{display:none}


.pc_box5{background: #19197d;}
.colo_modu1{height: 470px;background: url(images/index_03.jpg) no-repeat;color: #fff;position: relative;}
.colo_modu1 div{position: absolute;width: 520px;display: flex;flex-wrap: wrap;justify-content: space-between;right: 65px;top:111px;}
.colo_modu1 div p {width: 235px;font-size: 25px;padding: 55px 0;text-align: center;}
.colo_modu2 {color: #fff;font-size: 21px;}
.colo_modu2 p {text-align: center;line-height: 45px;}
.colo_modu2 img{display: block;width: 845px;margin: 0 auto;padding: 6px;border: 1px solid #dddddd73;border-radius: 5px;}
.colo_modu img{border: 1px solid #dddddd73;border-radius: 5px;padding: 6px;margin: 0 auto;width: 985px;}
.col_text1 p{text-align: center;line-height: 45px;}
.colo_text p {text-align: center;font-size: 25px;padding: 6px;background: #19197D;}
.colo_text {padding-top: 20px;}
.col_contact {text-align: center;}
.col_contact p {font-size: 32px;background: #4e6ef2;border-radius: 45px;padding: 10px 21px;width: 550px;margin: 40px auto 20px;color: #ffffff;font-weight: normal;transition: 0.1s;}
.col_contact p:hover{background: #00AB84;}

.product_box{border-radius: 19px;width: 1000px;margin: 32px auto;background: #fff;font-size: 18px;line-height: 38px;padding: 20px 20px;background: #2c299c;box-shadow: 0 0 20px #19197da3;border: 1px solid #cccccc2b;}
.product_box h1{text-align: center;font-size: 40px;letter-spacing: 2px;}
.product_box ul {width: 942px;border: 1px solid #ddd;border-radius: 20px;padding: 40px 20px 20px 20px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.product_box li {width: 312px;text-align: center;color: #fff;margin-bottom: 40px;}
.product_box li span{font-size: 21px;display: block;margin-top: 25px;}
.product_box li img{display: block;border: 1px solid #ddd;width: 59px;margin: 0 auto;padding: 12px;background: #3239b2;border-radius: 20px;}
.colo_text {color: #fff;font-size: 18px;}
.product_box h2{font-size: 30px;background: linear-gradient(90deg, #0d76e0 , #75ca8c);border-radius:4px 31px 8px 10px;width: 165px;padding: 5px 0;text-align: center;color: #fff;margin: 20px 0;}
.product_box h2::after{content: "";border-bottom: 1px solid #7ac48494;display: block;height: 1px;width: 973px;position: relative;top: 5px;margin-left: 20px;}.product_box p{text-align: center;color: #fff;line-height: 45px;font-size: 28px;}
.product_box dl{width: 1000px;display: flex;flex-wrap: wrap;justify-content: space-between;}.product_box dd{width: 532px;}
.product_box dd p {text-align: left;line-height: 34px;font-size: 16px;}
.product_box dt img{display: block;border: 1px solid #dddddd52;}
.product_box h1{color: #fff;padding: 30px 0;}
.product_box .btn{text-align: center;margin: 0;}
.product_box a{display: inline-block;width: 158px;text-align: center;font-size: 25px;margin-bottom: 40px;}

/* index3 */
.sider_bar{width:145px;position:fixed;top:240px;background:#018fd9;padding:2px; z-index: 999999999999;  }
.sider_bar a{font-size:14px;display:block;padding:4px 0px;background:rgb(2,97,163);color:#fff;margin-bottom:2px;text-align:center;transition: 0.5s;}
.sider_bar a:hover,.sider_bar a.current{
	    background: #ed3f3b;
	    color: #fff;
		font-weight: bold;
}
/* .sider_bar a:last-of-type{background:#c5201d} */
.sider_bar::before{
	content: "产品分类";
	text-align: center;
	color: #fff;
	display: block;
	padding: 6px 0;
}
/* .sider_bar a:first-of-type{background:#018fd9;} */
.pro_list{width:1200px;margin:0 auto;background:#fff;padding:3px 20px;box-shadow:0 0 8px rgba(0,0,0,0.2)}
.pro_list h1{text-align:center;font-size:36px;margin:40px auto;background:linear-gradient(90deg,#fff, #166fb3, #fff);line-height:66px;font-weight:bold;color:#fff;letter-spacing:4px}
.pro_list dl{width:1200px;display:flex;flex-wrap:wrap;justify-content:space-between;font-size:16px;line-height:30px;margin-bottom:50px}
.pro_list dd{width:846px}
.pro_list dd h2{font-weight:bold;margin-bottom:10px}
.pro_list dd p{}
.pro_list table{width:846px;height:350px;border-collapse:collapse}
.pro_list dt{width:353px;border:1px solid #48484852;border-right:0;overflow:hidden}
.pro_list dt a img{transition:0.5s}
.pro_list dt a img:hover{transform:scale(1.1)}
.pro_list table td{border:1px solid #4848483b;padding:0 20px;line-height:28px;font-size: 14px;}
.pro_list tr:nth-of-type(5) td:last-of-type{height:126px;overflow:hidden;font-size:15px;line-height:26px}
.pro_list table tr:first-of-type:hover  td a{color:#c5201d;background:#fff}
.pro_list table tr:first-of-type:hover{background:#fff}
.pro_list td:nth-of-type(odd){font-weight:bold}
.pro_list dt img{display:block;max-width:424px;max-height:347px}
.bg_box{background:#166fb3;margin:0px 0;padding:50px 0}
.pro_list table td:first-of-type{width:80px;text-align:center}
.pro_list table tr:first-of-type td{font-size:21px;text-align:left;padding:10px 15px;height:40px;font-weight:normal;text-indent:12px}
.pro_list table tr:last-of-type td a{background:#0086cd;color:#fff;font-size:16px;float:left; border-radius: 4px; padding:6px 30px;text-align:center;font-weight:normal;margin:10px 12px}
.pro_list table tr:last-of-type td a:first-of-type{background:#f21e1a}

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

@media screen and (max-width: 750px) {
	/* body{overflow-x: hidden;} */
	.mobile_box{display: block;}
	footer{display: none;}
	body,
	html {width: 100%;}
	.header_m {background: #0091f1;height: 0.8rem;position: relative;width: 100%;}
	.ss,
	.dl {width: 0.42rem;height: 0.42rem;padding: 0.19rem 0.19rem 0.19rem 0.1rem;position: absolute;top: 0;}
	.ss img,
	.dl img {width: 100%;}
	.ss {left: 0;}
	.dl {right: 0;}
	.bz {width: 100%;text-align: center;padding: 0.1rem 0;line-height: 0.6rem;font-size: 0.36rem;color: #fff;}
	.bz img {height: 0.6rem;width: 2.88rem !important;}
	.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;}
	.online {position: fixed;top: 50%;margin: -0.5rem 0 0 0;right: 0.05rem;width: 1.2rem;height: 1rem;background: #f60023 url(../images/module-bg-0.png) no-repeat center center;background-size: 0.8rem;z-index: 9999;border-radius: 0.1rem;}
	.close {width: 0.25rem;height: 0.25rem;line-height: 0.25rem;background: #eee;border-radius: 100%;text-align: center;margin: -0.08rem 0 0 -0.08rem;font-family: Arial;font-size: 0.16rem;color: #666;cursor: pointer;}
	.pc_box *,li,.product_td ul,.product_ys dd{margin: 0; padding: 0; height: auto; width: auto;}
	body *{line-height: 0.6rem !important;font-size: 0.32rem !important;}
	.pc_box div,.btn{width: 6rem;margin: 0 auto;}
	.banner,.header ,.top{display: none;}
	h1.title,h1{width: 6rem;margin: .3rem auto !important;padding: 0.1rem !important;background: #0091f1;color: #fff;width: 100%;font-size: 0.38rem !important;border-radius:0;border: none;box-shadow:none;}
	.btn{float: none;}
	.btn1, .btn2{
		padding: 7px 10px;
		margin: 2px;
	}
	.product_td ul,.m_messageTel, .product_ys dl, .product_syff ul, .product_zysx ul,.product_czlc li, .product_sysm ul, .product_fw dl, .product_czlc ul{
		width: 6rem;
		height: auto;
		margin: 0 auto;	
	}
	.product p, .product_syfw ul, .product_ys p,.product_zysx ul p,.product_td li,.m_product_about p,.product_sysm li{
		width: 6rem;
		height: auto;
		margin: 0 auto;	
	}
	table{display: none;}
	.product dd {
		width: auto;
	}
	.product dt img,.aboutcon img,.product_fw img,.m_product_about img{
		display: block;
		width: 5.5rem;
		margin: 0 auto;
	}
	.product_czlc li h2{text-align: left;}
	.btn{}
	.product_sysm li{}
	.product_sysm li p{width: auto;padding: 0;}
	.product_sysm li,.product_zysx li{
		display:initial;
		border:none;
	}
	.product_sysm li span{
		display: inline-block;
		width: auto;
		height: auto;
		border-radius: 0;
		color: #E75B28;
		background: none;
	}
	.product_czlc li{box-shadow: none; padding: 0;}
	.product_czlc li p{text-align: left;}
	.product_czlc li h2{
		background:none;
		color: #E64552;
		height: auto;
		width: auto;
	}
	.m_telBtn{
		display: inline-block;
		width: 2rem;
		padding: 0.0rem 0rem;
		text-align: center;
		font-size: 0.27rem;
		color: #fff;
		background: #FF3300;
		border-radius: 6px;
		margin: 0.1rem auto;
	}
	.product h1, .product01 h1{
		width: auto;
		font-size: 0.38rem !important;
		margin-top: 0.5rem;
	}
	.product dd p, .product01 dd p{
		margin-bottom: 0.5rem;
	}
	.product dt, .product01 dt ,.product_syfw li,.aboutcon dd,.aboutcon dt{
		width: auto;
		float: none;
	}
	.banner01{display: none;}
	.mbanner01{display: block; width: 6rem; margin: 0 auto; }
	
	/* index03 */
	.sider_bar{
		top: 0;
		margin-top: 10px !important;
		position: initial;
		
	}
	.sider_bar a:last-of-type{
		display: none;
	}
	
	
	.pro_list dl{
		width: 6rem;
		display: block;
	}
	.pro_list dd table{
		display: block;
	}
	.pro_list dd,.pro_list table{
		width: 6rem;
		height: auto;
	}
	.pro_list tr:nth-of-type(5) td:last-of-type{
		height: auto;
	}
	.pro_list{
		box-shadow: none;
	}
	.pro_list table td{
		font-size: 0.28rem !important;
		line-height: 0.55rem !important;
		padding: 4px;
		height: auto;
	}
	.swiper-container{display: none;}
}