/*banner*/
.m-banner{ width:100%;}

/*notice*/
.m-notice{ width:1200px; height:30px; padding:5px 0px; border-bottom:1px solid #cecece; line-height:30px; margin:0 auto; font-size:14px;}
.m-notice .name{ float:left; width:70px; height:30px; overflow:hidden; color:red;}
.m-notice .name i{ padding-right:5px;}
.m-notice .content{ position:relative; margin-left:75px; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*屏幕最大为1200*/
@media screen and (max-width: 1200px){
	.m-notice{ width:96%; padding:5px 2%;}
	}

/*category*/
.m-category{ display:block; width:1200px; margin:0 auto; padding:20px 0px;}
.m-category li{ float:left; margin-left:5px;  background:red; margin-bottom:5px;}
.m-category li a{ display:block; background:#f4f4f4; padding:7px 15px; font-size:14px; color:#8f8f8f; border:1px solid #f2f2f2;}
.m-category li a:hover{ color:#fff; background:#276eb3;}
.m-category li a.current{ color:#fff; background:#276eb3;}

/*屏幕最大为1200*/
@media screen and (max-width: 1200px){
	.m-category{width:100%;}
	}


/*product*/
.m-product{ width:1200px; margin:0 auto; margin-top:20px;}
.m-product .title{ padding:0px 7px; height:40px; line-height:40px; font-size:20px; color:#333;}
.m-product .title a{ margin-top:5px; display:block; width:80px; height:30px; text-align:center; line-height:30px; font-size:13px; color:#333;}


.m-product .content{ display:block; position:relative; width:1220px; padding:20px 0 0 0;}
.m-product .content li { margin-right:20px; margin-bottom:20px;  float:left; }
.m-product .content li a{ display:block; color:#666; position:relative; width:271px; height:228px; padding:6px; border:1px solid #eeeeee;}
.m-product .content li a:hover{ border: 1px solid #276eb3; color:#276eb3;}
.m-product .content li img{ display:block; width:271px; height:188px;}
.m-product .content li p{ width:100%; line-height:40px; text-align:center; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*屏幕最大为1200*/
@media screen and (max-width: 1220px){
	.m-product{width:100%;}
	.m-product .title{ padding:0px 2%;}
	.m-product .content{ width:100%;}
	.m-product .content li{ margin-right:0px; width:25%;}
	.m-product .content li a{ margin:0 auto;}
	}

@media screen and (max-width: 1140px){
	.m-product .content li{width:33.3333%;}
	}
@media screen and (max-width: 855px){
	.m-product .content li{width:50%;}
	}
@media screen and (max-width: 570px){
	.m-product .content li{width:50%; margin-bottom:10px;}
	.m-product .content li a{ display:block; color:#666; position:relative; width:96%; height:auto; padding:2%; border:none;}
	.m-product .content li a:hover{ border:none; color:#276eb3;}
	.m-product .content li img{ display:block; width:100%; height:auto;}
	.m-product .content li p{ width:100%; line-height:30px; text-align:center; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	}

/*news*/
.m-news{ width:100%;  padding:30px 0px; overflow:hidden; background:#f5f5f5;}
.m-news .content{ width:1250px; position:relative;}
.m-news dl{ float:left; width:360px; margin-right:50px;}
.m-news dl dt{ height:40px; line-height:40px; font-size:20px; color:#333; margin-bottom:10px;}
.m-news dl dt a{ margin-top:5px; display:block; width:80px; height:30px; text-align:center; line-height:30px; font-size:13px; color:#333;}

.m-news dl dd { line-height:30px; height:30px; border-bottom:1px dashed #ccc;}
.m-news dl dd a{ font-size:14px; color:#333; float:left;}
.m-news dl dd a:hover{ color:red;}
.m-news dl dd span{ font-size:14px; color:#999; float:right;}
.m-news dl .about img{ width:100%; height:120px;}
.m-news dl .about p{ font-size:14px; line-height:22px; text-indent:30px;}


.slidebox2{ position:relative; overflow:hidden; margin:10px auto;  max-width:560px;/* 设置焦点图最大宽度 */ }
.slidebox2 .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
.slidebox2 .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.slidebox2 .hd li.on{ background:#fff;  }
.slidebox2 .bd{ position:relative; z-index:0; }
.slidebox2 .bd li{ position:relative; text-align:center;  }
.slidebox2 .bd li img{ background:url(/uploads/image/tdbanner/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.slidebox2 .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.slidebox2 .bd li .tit{ display:block; width:100%; font-size:14px;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background: repeat-x; color:#fff;  text-align:left;  }

/*屏幕最大为1200*/
@media screen and (max-width: 1260px){
.m-news .content{ width:96%; padding:0px 2%;}
.m-news dl{ float:none; width:100%; margin-right:0; margin-bottom:20px;}
.m-news dl .about img{ width:100%; height:auto;}
	}