@charset "utf-8";
/* CSS Document */
body{ font-size:15px; 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;}

.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; width:250px; padding:20px 0; text-align:center;}
.menu{ float:right; width:883px;}
.menu li{ float:left; width:auto; line-height:100px; padding:0 50px; font-size:20px;  border-left:1px solid #efefef;}
.hover{ background:#fcfcfc;}
.menu li a{ color:#2a2a2a;}
.menu li a.active{color: #006EBD;}
.red{ color:red;}

.banner{ background:url(images/banner.jpg) center 0; height:500px;}
.product_dy{ width:1200px; height:200px; margin:80px auto 0; background:#036eb7; border-radius:10px;}
.product_dy dt{ float:left; width:160px; line-height:66px; padding:35px 0; font-size:36px; text-align:center; color:#fff; font-weight:bold;}
.product_dy dd{ float:right; width:996px; line-height:26px; font-size:15px; color:#036eb7; margin:2px; padding:20px; background:#fff; border-radius:10px;}
.product_dy dd p{ text-indent:2em;}
.product{ width:1200px; margin:80px auto 0;}
.product dt{ float:left; width:410px;}
.product dt img{ width:410px;}
.product dd{ float:right; width:730px;}
.product dd h2{ font-size:18px; color:#036eb7; font-weight:bold; }
.product dd p{ line-height:30px; font-size:15px; color:#444; padding:10px 0;}
.btn{ width:100%; float:left; display:block; margin:30px 0 0; text-align: center;}
.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;}
h1.title{width: 458px;margin: 40px auto; line-height: 58px;font-size: 30px; font-weight: bold; color: #fff; text-align: center; background: url(images/img5.jpg) no-repeat; letter-spacing: 2px; }

.product_cs ,.product_zysx{ width:1200px; margin:0 auto;}
.product_cs table,.product_cs table td{ border:1px solid #ccc; border-collapse:collapse;}
.product_cs table{ margin:50px 0 0;}
.product_cs table td{ text-align:left;  padding-left: 20px; line-height:46px;}

tr:nth-of-type(1){font-size: 18px;background: #036eb7;color: #fff;}

.product_cs ul{ float:left; margin:0 -50px 0 0; padding:10px 0;}
.product_cs li{ float:left; width:360px; text-align:left; padding:0 20px; line-height:26px;}
.product_cs11 li{ float:left; width:540px; margin:0 40px 0 0; text-align:left; padding:0 20px; line-height:26px;}
.product_sysm,.product_fw,.product_zy{ width:1200px; margin:0px auto;}
.product_sysm ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.product_sysm li{width: 345px;height: 210px; margin-bottom: 30px; text-align: center;border: 1px dashed #036eb75c;padding: 20px;font-size: 15px;line-height: 28px;border-radius: 3px;}
.product_sysm li h2{width: 60px;line-height: 60px;margin: 0 auto 15px;background: #036eb7;border-radius: 100%;color: #fff;font-family: Arial, Helvetica, sans-serif;font-size: 36px;}

.product_list{width:1200px;margin: 0 auto;}
.product_list ul {width: 1200px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.product_list ul li a{display: block; width: 392px; border: 1px solid #ccc;}
.product_list ul li a:hover{border-color:#007bc6b0; }
.product_list ul li{width: 360px; font-size: 15px;  line-height: 30px; }
.product_list ul li h2{font-size: 23px; text-align: center; padding: 20px 0; }

.product_fw h2{ margin:20px 0 0; font-size:14px; text-align:center; color:#444; line-height:24px;}
.product_fw ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.product_fw li{ width:272px; margin:0 0 30px 0; text-align:center; font-size:15px; line-height:24px; }
.product_fw li h3{ font-size:23px; line-height:48px; color:#333;}
.product_fw li p{font-size: 14px;}
.product_fw li img{width: 134px;}
.product_zy ul{ float: left; width: 600px;  }
.product_zy li{ float: left; width: 544px; margin: 0 40px 0 0; line-height: 30px; font-size: 16px; background: url(images/index_11.jpg) no-repeat 0 20px; padding:10px;
height: 54px;}
.product_zy ul li:first-of-type{line-height: 80px;  font-size: 25px; color: #036eb6; }

.pro_img{display: block; width: 1200px; margin: 0 auto;}
.product_zysx{width: 1200px; margin: 40px auto;}
.product_zysx div{display: flex;flex-wrap: wrap;justify-content: space-between;line-height: 40px;}
.product_ys{width: 1200px; margin: 0px auto;}
.product_ys dl{display: flex;flex-wrap: wrap;justify-content: space-between;}
.product_ys dt{width: 410px;}
.product_ys dd{    font-size: 16px;line-height: 30px;padding-bottom: 19px;width: 350px;border: 1px #3082c7 dashed;}
.product_ys dd h2{
	    font-size: 23px;
	    background-color: #3082c7;
	    color: #fff;
	    line-height: 44px;
	    text-align: center;
	    margin: 26px;
	    border-radius: 8px;
}
.product_ys dd p{
	    padding: 3px;
	    text-align: center;
	    font-size: 16px;
	    color: #036eb7;
}
.product_yl{width: 528px;padding: 25px;margin: 40px 0 0; background: #036eb7; }
.product_yl h4{font-size: 22px;font-weight: bold; color: #fff;}
.product_yl p{font-size: 15px;line-height: 26px;height: 104px;color: #666;padding: 10px 0 0; color: #fff; }
			
.about{ background:#036eb7; margin:80px 0 0;}
.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:45px; color:#555; font-size: 17px; text-indent:2em; }
.aboutcon dt{ width:460px; float:right;}
.contact{ width:1200px; margin:0 auto; padding:40px 0; color:#fff;}
.tel{ line-height:55px; font-size:24px; text-align:center;}
.phone{ font-size:36px; text-align:center; font-weight:bold;}

.product_td ,.product_case{width:1200px;margin: 0 auto;}
.product_td ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 50px 0;}
.product_td ul li{width: 320px;padding: 32px 32px;margin: 11px 0;border: 1px solid #036eb645;border-radius: 4px;}
.product_td ul li img{display: block;width: 124px;margin: 0 auto;}
.product_td h2{font-size: 24px;font-weight: normal;color:#0061AB; line-height: 50px;text-align: center;
}
.product_td p{font-size: 15px;line-height: 30px; text-align: center; }
.product_case ul{overflow: hidden;}
.product_case ul li{border: 1px solid #036eb7;float: left;padding: 3px 13px;line-height: 32px;margin: 6px 3px;border-radius: 6px;background: #4571d0;color: #fff;}

.product_syzz{text-align: left;}
.product_syzz h2{text-align:left; font-size: 23px;}
.product_syzz p{line-height: 30px; display: inline; }

.product_syzz{ width:1200px; margin:0 auto;}
.product_syzz ul{ float:left; margin:30px -40px 0 0;}
.product_syzz li{ float:left; width:578px; margin:0 40px 20px 0; border:1px solid #036eb7; line-height:50px; font-size:16px; border-radius:6px;}
.product_syzz li span{ float:left; width:50px; line-height:50px; background:#036eb7; color:#fff; text-align:center; font-size:30px; border-radius:3px 0 0 6px; }
.product_syzz li p{ float:left; width:508px; padding:0 10px; font-size: 18px; text-align: left;  line-height: 50px; text-indent: 21px;}
.product_syzz_text{font-size: 20px; color: #FF3300;}

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;}

.mobile_box{display: none;}

@media screen and (max-width: 750px){
	.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;}
	
	.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; }
	.newest li{ line-height:0.7rem; border-bottom:1px solid #eee; font-size:0.24rem; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 .2rem; list-style:inside;}
	.newest li a{ color:#333;}
	.newest li:nth-of-type(even){ background:#f9f9f9;}
	
	
	.pc_box{display: none;}
	.mobile_box{display: block;}
	body,html{width: 100%;}
	.main_mobile{width: 100%;}
	.m_product_syks ,.m_product_syyy ,.m_product_about ,.m_product_zysx ,.m_product_syks ,.m_product_czlc ,.m_product_ys ,.m_product_td ,.m_product_ggcs ,.m_product{
		padding: 0 0 .5rem 0;
	}
	h1.m_title{
		font-size: 0.37rem;
		border-top: 5px solid #ececec;
		line-height: 1rem;
		padding: 0.1rem 0 0 0.15rem;
		color: #036eb7;
		color: #000;
		/* font-weight: bold; */
	}
	.main_mobile h2{
		font-size: 0.28rem;
		line-height: 0.56rem;
		color: #0060B8;
	}
	.main_mobile p{
		line-height: 0.46rem;
		font-size: 0.26rem;
		color: #333;
		padding:0.05rem 0.1rem;
	}
	.m_product_td ul{
		width: 100%;
		margin: 0.4rem 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.m_product_td li{
		width: 50%;
		margin: .2rem 0;
		text-align: center;
	}
	.m_product_td li img{
		width: 1.4rem;
		margin: 0 auto;
		display: block;
	}
	
	.m_product_syks p{text-align: center;}
	.m_product_syks h2{text-align: center;}
	.m_product_syks img{
		width: 3.76rem;
		display: block;
		margin: 0.2rem auto;
	}
	.m_product_about{width: 100%;}
	.m_product_about img{
		display: block;
		width: 5rem;
		margin: 0.4rem auto;
		padding: 0.1rem;
		border: 1px solid #ccc;
	}
	
	.m_telBtn{
	    display: block;
	    width: 3rem;
	    padding: 0.12rem 0.3rem;
	    text-align: center;
	    font-size: 0.36rem;
	    color: #fff;
	    margin: 0.5rem auto;
	    background: red;
	    border-radius: 34px;
	}
	.m_product_ggcs h2{ text-align: center; font-size: 0.36rem; border-top: 3px solid #F1F1F1; padding-top: 0.5rem; }
	.m_product_ggcs img{ display: block; width: 4rem;margin: 0 auto;}
	.m_product_btn {
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			margin: 20px 0;
		}
		.m_product_btn a{
			display: block;
			width: 34%;
			text-align: center;
			font-size: 0.3rem;
			border-radius: 30px;
			line-height: 0.6rem;
			background: #f30;
			color: #fff;
			margin: .2rem;
		}
	
}