body{font-size: 17px;}
*{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}
.bar{height: 30px; background: #E75B28;}
.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{width:1200px;margin:0 auto;height:100px;background:#fff}
.logo{float:left;width:240px;padding:10px 0}
.menu{float:left;width:960px}
.menu li{float:left; color: #555; width:239px;text-align:center;line-height:100px;}
.menu li a{display:block}
.hover{background:#f7f7f7}
.side_ad1{background:url(images/ad1.jpg) center 0;height:550px;}
.side_ad2{background:url(images/ad2.jpg) center 0;height:550px;}
.side_ad3{background:url(images/ad3.jpg) center 0;height:550px;}
.side_ad4{background:url(images/ad4.jpg) center 0;height:550px;}
footer{font-size: 14px; text-align: center; color: #555;}
.footer_m{display: none;}

.silderBar{position: fixed;left: 0;width: 100px;top: 40%; z-index: 999;}
.silderBar a{display: block;background: #007ac7;color: #fff;text-align: center;padding: 4px 0;margin-bottom: 4px;}
.silderBar a:hover{background: #ccc;}
.header_logo{margin-top: 10px;width: 300px;}
.nav{height: 100px;line-height: 100px;overflow: hidden;width: 1200px;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.nav ul{width: 800px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.nav li a{font-size: 22px;}
.nav li:last-of-type{font-weight: bold; color: #f00; font-size: 22px;}
.banner{height: 550px;margin-bottom: 30px;}
.pro_con{width:1200px;margin: 0 auto;}
.pro_con dl{width: 1200px;display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 50px;padding-bottom: 50px;border-bottom: 2px dashed #eee;}
.pro_con dd{width: 636px;padding-top: 20px;}
.pro_con dt a {display: block;}
.pro_con dt a:hover{background: #183985;}
.pro_con dl ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.pro_con dt a img{max-width: 482px;transition: 0.4s;}
.pro_con h2 {margin-bottom: 20px;}
.pro_con h2 a{color: #2566fb; font-size: 25px;font-weight: bold;}
/* .pro_con h2 a:hover{color: #f00;} */
.pro_con li{color: #555;margin-bottom: 12px;display: flex;flex-wrap: wrap;justify-content: space-between;width: 740px;color: #666;}
.pro_con li p{line-height: 24px;width: 523px; font-size: 16px; color: #555;}
.pro_con li span{display: block;width: 108px;  color: #888;}
.btn {margin-top: 22px;}
.btn a{display: inline-block;padding: 12px 25px;background: #007ac7;color: #fff;border-radius: 5px;margin-right: 10px;}
.btn a:last-of-type{border: 1px solid #007ac7;box-sizing: border-box;background: #fff;margin-left: 10px;color: #007ac7;}
.btn a:hover{opacity: 0.8;}
.pro_con h1{text-align: center;font-size: 35px;font-weight: bold;color: #555;margin: 40px 0 50px;}
.mobile_box{display: none;}
.about {margin-top: 60px;padding-bottom: 40px;/* background:linear-gradient(#f5f5f5 , #fff); */border-top: 1px solid #eee;}
.about p {text-indent:2em;line-height: 26px;margin-bottom: 10px;font-size: 17px;text-align: justify;color: #fff;}
.about p:last-of-type{margin-bottom: 0;}
.about h1{text-align: center;color: #007ac7;font-weight: bold;font-size: 30px;padding: 30px 0;}
.aboutTxt{width:1002px;margin: 0 auto;box-sizing: border-box;padding: 40px;background: #007ac7;box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);border-radius: 10px;color: #fff;}
.aboutTxt p{margin-bottom: 20px;line-height: 28px;}
.footer_telInfo{border-collapse: collapse;width: 1002px;margin: 0 auto 20px;}
.footer_telInfo td{padding: 10px 20px;font-size: 18px;border: 1px solid #007ac7;color: #007ac7;}
.footer_telInfo td:hover{background: #f5f5f5;cursor: pointer;}
.footer_telInfo  td:nth-of-type(2n){width: 340px;color: #000;}
.header_logo span{font-weight: bold;font-size: 25px;position: relative;left: 10px;top: -28px;color:#555;}
.btn a:first-of-type{background: #faad14;}
.btn a:last-of-type{border-color: #faad14; color: #faad14;}
.pro_con dt a:hover{background: #1839851f;}
.aboutTxt{background: #183985;}
.silderBar a{background: #183985;}
.about h1{color: #183985;}
.silderBar{width: 150px; top: 20%;}
.footer_telInfo td{color: #0ca09f; border-color: #0ca09f;}
.silderBar a{margin-bottom: 1px; font-size: 14px; text-align: left; color: #555; background: none; border-top: 1px solid #fcfcfc;  padding: 6px 0 6px 12px; border-bottom: 1px solid #eee; background: #f5f5f5; }
.bar_title {background: #4378f0; text-align: center; padding: 8px 0; color: #fff; margin-top: 10px;}
.swiper-container{margin-bottom: 80px;}

.abouts{background: #275bd2; margin-top: 30px;}
.aboutsDl{width:1200px;margin: 0 auto;background-color: #fff;}
.aboutsDl dl{padding: 20px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.aboutsDl dt {padding: 10px 0;}
.aboutsDl dd {width: 672px;padding-top: 20px;margin-right: 10px;}
.aboutsDl dd p {text-align: justify;text-indent:2em;line-height: 26px;color: #555;font-size: 16px;padding: 2px 10px 4px;}
.pro_con dt a img:hover{transform: scale(1.04);box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);}
.abouts dd span{display: block;margin-left: 10px;margin-bottom: 4px;color: #4378f0;}
.abouts h1 {color: #fff;font-size: 34px;text-align: center;padding: 40px 0;font-weight: bold;}
.contact{color: #fff;text-align: center;font-size: 24px;padding: 30px 0 50px;}
.footerContact table{border-collapse: collapse;width: 1040px;margin: 40px auto;}
tr:nth-of-type(odd){background: #fff;cursor: pointer;}
tr:first-of-type td{text-align: center;}
tr:hover{background: #f00;}
tr:hover td{color: #275bd2;}
.footerContact tr{border: 1px solid #8da8e7;padding-bottom: 10px;background: #f0f5fc;margin-bottom: 10px;}
.footerContact tr:nth-of-type(odd){background: #fff;}
.footerContact tr:hover{background: #f2f2f2;}
.footerContact td{padding: 12px 50px;color: #555;font-size: 17px;text-align: center;border: 1px solid #8da8e7;}
.footerContact tr td:first-of-type{text-align: left; letter-spacing: 1px; font-size: 20px;}
.footerContact tr:first-of-type td{ letter-spacing: 1px; font-size: 20px;}
.footerContact h1 {margin-bottom: 12px !important;}
.pro_con h1 {border: 1px solid #4378f0;color: #275bd2;width: 440px;margin: 50px auto 80px;line-height: 60px;border-radius: 50px;font-size: 32px;}
.header_tel{color: #f00;font-size: 22px;}
		.pro_con h2 a:hover{color: #8da8e7;}


@media screen and (max-width: 750px) {
	.swiper-container{display: none;}
	.mobile_box{display: block;}
	footer{display: none;}
	body,
	html {width: 100%;}
	.about{background: none;}
	
	.aboutcon dt{float: none;width: auto;}
	.about h1{padding: 0;}
	.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}
	.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;}
	.footer_m{display: block;}
	.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;}
	.top , .banner{display: none;}
	.silderBar{
		display: none;
	}
	.pro_con dt a img{
		width: 100%;
	}
	
	.pro_con ,.footer_telInfo{
		width: 6rem;
		
	}
	.footer_telInfo td{
		display: block;
		border: none;
	}
	.nav{
		width: 6rem;
	}
	.about h1{
		font-size: 0.39rem;
		margin: 0.5rem 0;
	}
	.aboutTxt, .nav ul{
		width: 6rem;
	}
	.pro_con dd ,.pro_con dl{
		width:6rem;
		margin: 0 auto;
	}
	.aboutTxt{
		padding: 0.4rem;
	}
	.aboutTxt p{
		font-size: 0.29rem;
	}
	.pro_con li span{
		width: 1.8rem;
		font-size: 0.26rem;
	}
	.nav li:last-of-type a{
		background: #fff;
	}
	.aboutTxt p{
		margin-bottom: 10px;
		line-height: 0.39rem;
	}
	.footer_telInfo td{
		padding: 10px 20px 0 20px;
	}
	.pro_con h1{
		font-size: 0.48rem;
		margin: .3rem 0;
	}
	.pro_con h2{
		text-align: center;
		font-size: 0.38rem;
	}
	.btn{
		text-align: center;
	}
	.header_logo{
		margin: 0.2rem auto;
	}
	.nav{
		text-align: center;
		height: auto;
		line-height: 0.45rem;
	}
	.nav ul{
		display: block;
	}
	.nav li{
		text-align: center;
		margin-bottom: .2rem;
	}
	.nav li a {
		background: #f5f5f5;
		display: block;
		padding: .2rem 0;
		font-size: 0.32rem;
	}
	.pro_con li p{
		width: 4.2rem;
		font-size: 0.26rem;
		line-height: 0.39rem;
	}
	.btn a{
		font-size: 0.32rem;
	}
	.pro_con dl {
		margin-bottom: 0.3rem;
	}
	
	.nav li:last-of-type , .nav li:last-of-type span{font-size: 0.34rem !important;}
	.footerContact table{
		width: 6rem;
	}
	.footerContact tr{
		
	}
	.pro_con h1{
		width: 6rem;
	}
	.footerContact tr td:first-of-type{
		font-size: 0.28rem;
	}
	.footerContact tr:first-of-type td{
		display: none;
	}
	.footerContact tr{
		border: none;
		padding: .1rem 0;
		border: 1px solid #8da8e7;
	}
	.footerContact td{
		font-size: 0.28rem;
		box-sizing: border-box;
		padding: 0.08rem .2rem;
		border: none;
		display: block;
		text-align: left;
	}
	.footerContact tr td:nth-of-type(1){
		padding-top: .2rem;
	}
	.footerContact tr td:nth-of-type(3n){
		padding-bottom: .2rem;
	}
	.footerContact tr td:nth-of-type(1n)::before{content: "地区：";font-weight: bold; }
	.footerContact tr td:nth-of-type(2n)::before{content: "手机号码：";}
	.footerContact tr td:nth-of-type(3n)::before{content: "联系人：";}
	.abouts h1{
		font-size: 0.38rem;
		padding: .2rem 0;
	}
	.aboutsDl{
		width: 6rem;
	}
	.pro_con h1{
		border: none;
		color: #333;
	}
	.aboutsDl dt img{
		max-width: 100%;
	}
	.header_tel{
		font-size: 0.34rem !important;
	}
	.contact {
		font-size: 0.3rem;
	}
	.pro_con h2 a{
		font-size: .37rem
	}
	.aboutsDl dd{
		padding-top: 0;
		width: 6rem;
		margin: 0;
	}
	.aboutsDl dd p{
		font-size: 0.28rem;
		padding: 0;
		text-align: left;
	}
}