@charset "utf-8";
/* CSS Document */
/* html{ min-width:1200px;} */
body{ font-size:15px; font-family:"\5FAE\8F6F\96C5\9ED1";  color:#333; background: url(https://study.miaov.com/img/pc/study_2018/lv5-bg.jpg);}
*{ 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;}
.red{  color: #CC0000;}
/* p[class=red]{color:#CC0000;} */

.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/banner.jpg) center 0; height:500px;}
.product,.product_td,.product_fw{ width:1200px; margin:80px auto 0;}
.product dt{ float:right; width:500px;}
.product dd{ float:left; width:660px;}
.product dd h2{ font-size:20px; color:#1296d9; font-weight:bold; }
.product dd p{ line-height:30px; font-size:15px; padding:10px 0; color:#444;}
.btn{ width:100%; float:left; display:block; margin:20px 0 0;}
.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;}
.table_list , .table_title{width: 1200px;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.table_title h2{text-align: center; width: 384px; font-size: 21px; }
.table_list_text p{line-height: 30px; font-size: 16px; padding-top: 10px; }
.table_list_text p strong{color: #FF3300; font-size: 20px; }
.product table{ margin:10px 0 0; background-color: #fff;}
.product table,.product table td{ border:1px solid #9bcae2; border-collapse:collapse; color:#333; }
.product table tr:first-of-type td{font-size: 18px; background:#1296d9e0;  text-align: center; color: #fff;  }
.product table td{padding: 8px 0px;line-height: 25px;font-size: 15px;text-align: center;height: 27px;}
.product table th{background: #1297d9ab;border: 1px solid #9bcae2;color: #fff;font-size: 18px;text-align: center;line-height: 48px;}
.product_td ul{ float:left; margin:60px -60px 0 0;}
.product_td li{ float:left; width:180px; margin:0 24px 0 0;}
.product_td li h2{ width:140px; line-height:140px; margin:0 auto; font-size:22px; font-weight:bold; text-align:center; border:8px solid #cce2ff; border-radius:100%; color:#1296d9;}
.product_td li p{ margin:15px 0 0; line-height:24px; font-size:15px;}
 
.product_zl{ width:1200px; margin:80px auto 0;}
.product_zl li h2{  border-left:5px solid #1296d9; padding:0 0 0 20px; font-size:22px; color:#1296d9; font-weight:bold; }
.product_zl ul{ float:left; margin:0 -80px 0 0;}
.product_zl li{ float:left; width:580px; margin:0 40px 0 0;}
.product_zl li p{padding: 15px 0 0;border: 1px dashed #1296d94f;margin: 15px 0 0;font-size: 15px;color: #444;padding-left: 13px;background: white;}
.product_zl strong{ color:#0083CE;  } 
.product_zl li p{line-height: 46px; height: 400px; }

.product_fw ul{ float:left; margin:20px -80px 0 0;}
.product_fw li{ float:left; width:230px; margin:40px 40px 0 0; box-shadow:0 0 10px #1296d9; padding:50px 20px;} 
.product_fw li h2{ text-align:center; font-size:20px; font-weight:bold; color:#1296d9;}
.product_fw li p{ font-size:15px; line-height:30px; margin:15px 0 0; height:90px;}

.product_td{ width: 1200px; background-color: #fff; }
.product_td dl{display: flex; flex-wrap: wrap; justify-content: space-between;padding: 20px 0;border: 1px #1296d961 dashed; margin: 20px 0;  }
.product_td dl dt{width: 440px;}
.product_td dl dd{width: 661px;line-height: 42px;font-size: 16px;padding: 20px 40px; border-left:1px solid #68e1d657; }
.product_td dl dd h2{font-size: 22px; color: #0099CC; font-weight: bold;}
.product_td dl p strong{color: #0099CC;font-size: 18px;}

.product_ys{ background: url(images/img2.jpg) no-repeat; width: 1200px; margin:40px auto; height: 400px; padding-top: 10px;}
.product_ys ul{float: left;}
.product_ys ul:last-of-type{float: right;}
.product_ys li{font-size: 18px;padding: 8px 10px;line-height: 30px;border: 1px dashed #a2d6f0;width: 370px;border-radius: 4px;margin: 30px 0;background: #fff;color: #1084be;}

.about{ background:#1296d9; margin:80px 0 0;}
.about h1{ text-align:center;  font-size:30px; 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:30px; color:#333; text-indent:2em; margin:10px 0 0; }
.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;}
.banner_m{ display: none; }
.banner_m img{display: block; width: 100%;}
.phone{ font-size:33px; text-align:center; font-weight:bold;}

.title{width: 520px;margin: 50px auto;border: 1px solid #1296d9;line-height: 60px;border-radius: 0 20px;font-size: 30px;font-weight: bold;color: #1296d9;text-align: center;box-shadow: 5px 5px 0 #1296d9; background-color: #fff;}

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;}
.footerMobile ,.headerMobile{display: none;}
.footerMobile{ background:#f9f9f9; border-top:1px solid #ccc; padding:0.3rem 0; text-align:center; line-height:0.4rem; font-size:0.22rem; margin:0.3rem 0 0.9rem 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;}

.headerMobile{ background:#0091f1; height:55px; width:100%; display: flex; flex-wrap: wrap; justify-content: center; display: none;}
.headerMobile img{margin-top: 10px;height: 73%;width: 47%;}
a.mobileBtn{font-size: 16px;color: #fff;background: #ff3300;text-align: center;display: none;line-height: 37px;border-radius: 10px;width: 260px;margin: 22px auto;opacity: 0;}
.banner_tel{font-size: 28px;text-align: right;width: 1000px;margin: 0 auto;line-height: 40px;padding-top: 34px;color: #000;}
.mobile_box{display: none;}
		
@media screen and (max-width: 750px){
	.pc_box{display: none;}
	.mobile_box{display: block;}
	.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{left: 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;
	}
	
	.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;
				background: #0082f1c2;
				border-top: 5px solid #ececec;
				line-height: 0.7rem;
				padding: 0.1rem 0 0 0.15rem;
				color: #fff;
			}

.main_mobile img{
	display: block;
	width: 100%;
}
.main_mobile h2 {
		font-size: 0.29rem;
		line-height: 0.56rem;
		color:#278fd3;
	}

	.main_mobile p {
		line-height: 0.46rem;
		font-size: 0.26rem;
		color: #333;
		padding: 0.05rem 0.1rem;
	}
	.m_product img{
		display: block;
		width: 5rem;
		border: 1px solid #ccc;
		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;
	}
	
	.m_telBtn {
		    display: block;
		    width: 3rem;
		    padding: 0.12rem 0.3rem;
		    text-align: center;
		    font-size: 0.36rem;
		    color: #fff;
		    margin: 0.2rem auto;
		    background: red;
		    border-radius: 34px;
	}
	.m_messageTel p{text-align: center; font-size: 0.3rem; }
}