*{padding:0;margin:0;}
body{
	width:100%;
	height:100%;
	font-size:62.75%;
}

a{text-decoration: none;color:#111;}

ul {margin:0;}
li {list-style-type:none;}

.head {border-bottom:2px solid #ccc;width:100%;height:105px;background: url(images/HeadBg.png)  repeat-x;}

.menu{border:0px solid #00f;width:1200px;height:105px;margin:0 auto;}
.row {
	 display: grid;
	/* display: inline-grid; 行级网格*/
	grid-template-columns: 280px 70px 70px 70px 70px 70px 70px 70px 127px 30px 100px 163px;
}

.menu_border {
	border-bottom:4px solid #0857c3;}


.footer {border-bottom:0px solid #ccc;width:100%;min-height:200px;background-color:#111;}


.menu_foot{border:0px solid #00f;width:1200px;min-height:200px;margin:0 auto;color:#fff;}
.row_foot {
	margin-top:2rem;
	padding-top:2rem;

	 display: grid;
	/* display: inline-grid; 行级网格*/
	grid-template-columns: 240px 70px 60px 50px 60px 60px 100px 100px 127px 100px 220px;
}

.copyright {
	margin:2rem 0 2rem 0;
}


.row h2{font-weight:700;font-size:12px;height:30px;line-height:30px;}

.rowimg {background-color:#fbfbfb;padding: 5px 5px 5px 0;width:100%;}

.row div{height:102px;line-height:102px;}

.SearchInput {width:91px;height:35px;background: url(../images/SearchBg.png) center center no-repeat;border:0px;text-indent:2em;}

.Flash {border:0px solid #f00;width:100%;height:615px;}

.YingYong {border:0px solid #f00;width:600px;margin:0 auto;height:120px;line-height:120px;text-align:center;font-size:16px;}

.row_yingyong{
	 width:600px;
	  height: 110px;
	  border: 0px solid #c3c3c3;
	  margin:0 auto;
	  display: flex;
	}

.row_yingyong div:nth-of-type(1) {flex-grow: 1;}
.row_yingyong div:nth-of-type(2) {flex-grow: 1;}
.row_yingyong div:nth-of-type(3) {flex-grow: 1;}


.yingyong_list {width:1200px;min-height:200px;margin:0 auto;}
.yingyong_list ul{
	display:flex;
	justify-content:space-between;
	 flex-wrap: wrap;
}

.yingyong_list ul li{
	flex:0 1 24%;
	margin:2rem 0;
	gap:1rem;
}

.yingyong_list ul img{
	max-width:100%;
	height:auto;
}

.yingyong_list ul h4{
	font-size:1.2rem;
	font-weight:500;
	text-align:center;
	padding:0.5rem 0;
}

.yingyong_list ul p{
	font-size:1rem;
	padding:0.5rem 0;
	text-align:center;
}

.more {
	color:#fff;
	background-color:#0855be;
}

.news {width:1200px;min-height:200px;margin:0 auto;}
.news ul{
	display:flex;
	justify-content:space-between;
	 flex-wrap: wrap;
	gap:2rem;
}

.news{
	 width:1200px;
	  min-height: 10rem;
	  border: 0px solid #c3c3c3;
	  margin:0 auto;
	  display: flex;
		gap:2rem;
	}

.news div:nth-of-type(1) {flex-grow: 1;width:0;border-right:2px solid #ccc;}
.news div:nth-of-type(2) {flex-grow: 1;width:0;border-right:2px solid #ccc;}
.news div:nth-of-type(3) {flex-grow: 1;width:0;}

.news a{text-decoration: none;color:#111;}


.news h4{
	font-size:1.2rem;
	font-weight:500;
	padding:0.5rem 0;
	font-weight:700;
}

.news p{
	font-size:1rem;
	padding:0.5rem 0;
}

.newscontent {height:5rem;}

.product_banner {background-color:#f7f7f7;width:100%;height:15rem;}

.product_banner_center{
	width:1200px;
	margin:0 auto;
	height:100%;
	/*background-image:url("../images/t_class_img.png");
	background-position:right center;
	background-repeat:no-repeat;*/
}

.daohang {padding:1rem 0 1rem 0;}

.product_banner_center_content p{width:60%;padding:1rem 0 1rem 0;line-height:1.4rem;}

.promain {
	padding:1rem 0 1rem 0;
	width: 100%;
	height: 100%;
	border: 1px solid #c3c3c3;
	display: flex;
	gap:1rem;
}

.promain div:nth-of-type(1) {width: 270px;}
.promain div:nth-of-type(2) {flex-grow: 1;}

nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 270px;
}
 
nav ul li {
  position: relative;
}
 
nav ul li a {
	display: block;
	padding: 8px 0 8px 16px;
	height:34px;
	line-height:34px;
	text-decoration: none;
	color: #333;
	background:url("../images/t_class_bg_white.png") no-repeat;
	font-weight:700;
	font-size:1rem;
}
 
nav ul li a:hover {
  background-color: #f0f0f0;
}

.active {
	background:url("../images/t_class_bg.png") no-repeat;
	color:#fff;
	width:254px;
	font-weight:700;
	font-size:1rem;
}
 
/* 可折叠菜单样式 */
nav ul li:hover > ul {
  display: block;
}
 
nav ul li > ul {
}

nav ul li > ul  li {
	padding: 8px 0 8px 16px;
	height:1rem;
	line-height:1rem;
	font-size:1rem;
}

.t_class_list {width:cal(100%-1rem);min-height:200px;margin-left:1rem;}
.t_class_list ul{
	display:flex;
	justify-content:space-between;
	 flex-wrap: wrap;
}

.t_class_list ul li{
	flex:0 1 24%;
	margin:1rem 0;
	gap:1rem;
	border:1px solid #ccc;
	height:150px;
	text-align:center;
}

.t_class_list ul img{
	max-width:100%;
	height:auto;
}

.t_class_list ul h4{
	font-size:1.2rem;
	font-weight:500;
	padding:0.5rem;
}

.t_class_list ul{
	font-size:1rem;
	padding:0.5rem;
}

.t_class_list p{
	font-size:1rem;
	line-height:1.4rem;
}

.container {
	/* 最外面的容器宽度为800px */
	width: 100%;
	
	
	border: 0px solid black;

	/* 使用flex布局 */
	display: flex;
}
.container .left-box {

	/* 左边固定宽度为300px */
	width: 300px;
	
	/*background-color: #bfa;*/

	/* 为了能够看到效果，设置最小高度为100px */
	min-height: 100px;
}
.container .right-box {

	/* 右边宽度动态扩展，这将会占满所有剩余空间 */
	flex-grow: 1;
	
	/*background-color: pink;*/
}

.right-box a{text-decoration: underline;}

.prodetail_banner {background-color:#fff;width:100%;height:20rem;}

.prodetail_banner_center{
	width:1200px;
	margin:0 auto;
	height:100%;
	background-image:url("../images/t_class_img.png");
	background-position:right center;
	background-repeat:no-repeat;
}

.prodetail_banner_center_content{
	margin-top:1.5rem;
}

.prodetail_banner_center_content H1{font-size:2rem;}

.prodetail_banner_center_content p{font-size:1.2rem;width:60%;padding:1rem 0 1rem 0;line-height:1.4rem;font-weight:700;}


.table2 th{color:#fff;border:solid #ccc; border-width:0;font-weight:700;background-color:#0857c3;padding:1rem;}
.table2 td{border-bottom:2px solid #ccc;padding-left:3px;padding-right:3px;text-align:left;padding:1rem;text-align:center;}
.table2 {border:solid #ccc; border-width:0; width:100%;border-spacing:0;}

.canshu {margin:1rem auto;}

.wendang {
	margin:1rem 0 0 0;
	display: flex;
	align-items: center; /* 垂直居中 */
	justify-content: center; /* 水平居中 */
	border:1px solid #ccc;width:240px;height:64px;
}
 
.wendang span {
  /* 子元素内容 */
}

.yingyong_detail_banner {background-color:#fff;width:100%;height:5rem;}

.yingying_banner_center{
	width:1200px;
	margin:0 auto;
	height:100%;
}

.brand_detail_banner {background-color:#f7f7f7;width:100%;height:13rem;}

.brand_banner_center{
	width:1200px;
	margin:0 auto;
	height:100%;
}

.news_banner {width:100%;height:2rem;
	width:1200px;
	margin:0 auto;}

.news_banner_center{
	width:1200px;
	margin:0 auto;
	height:100%;
}

.container .news_left-box {

	/* 左边固定宽度为300px */
	width: 600px;
	
	/*background-color: #bfa;*/

	/* 为了能够看到效果，设置最小高度为100px */
	min-height: 100px;
	margin: 0 2.5rem 0 2.5rem;
}

.container .news_center_box {

	/* 左边固定宽度为300px */
	width: 2px;
	
	background-color: #111;

	/* 为了能够看到效果，设置最小高度为100px */
	min-height: 100px;
}
.container .news_right-box {

	/* 右边宽度动态扩展，这将会占满所有剩余空间 */
	flex-grow: 1;
	
	/*background-color: pink;*/
	margin: 0 0 0 2.5rem;
}

.news_left-box p{text-align:left;line-height:1.4rem;margin:1rem 0 0 0;}

.news_right-box p{text-align:left;line-height:1.4rem;margin:1rem 0 0 1rem;}

.newstitle {border-bottom:2px solid #111;margin:0 0 1rem 0;}

.newstitle div {margin:0 0 0.5rem 1rem;}

.current_news {background-color: #efefef;}

.newspage {width:100%;	margin:0 auto;text-align:center;margin:2.5rem 0 0 0;}

.about {
	margin:1rem 0 0 0;
	display: flex;
	align-items: center; /* 垂直居中 */
	justify-content: center; /* 水平居中 */
	border:1px solid #ccc;width:240px;height:64px;
}
 
.about span {
  /* 子元素内容 */
}

.abouttable {width:100%;padding:0;margin-top:1rem;}
.abouttable td{text-align:left;padding:2rem 0 2rem 0;}

.container .contact_left-box {

	/* 左边固定宽度为300px */
	width: 400px;
	
	background-color: #0856c1;

	/* 为了能够看到效果，设置最小高度为100px */
	min-height: 540px;
	margin: 0;
}
.container .contact_right-box {

	/* 右边宽度动态扩展，这将会占满所有剩余空间 */
	flex-grow: 1;
	min-height: 540px;
	
	/*background-color: pink;*/
	margin: 0;
	background-color: #fff;
}

.contact_left-box span{color:#fff;}

info {width:100%;}
.info td{padding:1rem;}

.zixun{width:100%;}

.zixun td{padding:0.5rem;text-align:left;}

.zixun input{border:0;background-color:#f4f4f4;width:280px;height:50px;text-indent:2em;}

.zixun textarea{width:560px;;height:5rem;background-color:#f4f4f4;padding:0.5rem;border:0;}

.row_foot a{color: #fff;}