/* 焦点图 */

.focus_img{width:100%;float:left;}

.banner { margin: 0; padding: 0px; width:100%; }
.slides { margin: 0px auto; width: 100%;  overflow: hidden; position: relative; }
.slide-pic { margin: 0px; padding: 0px; width:100%; overflow: hidden; list-style: none; }
    .slide-pic img { width:100%;  }
    .slide-pic li { display: none; }
        .slide-pic li.cur { display: block; }
.slide-li { margin: 0px; padding: 0px; left: 0px; bottom: 0px; position: absolute; width:100%}
    .slide-li li { margin: 0px; padding: 0px; width:20%; height: 10px; float: left; overflow: hidden; list-style: none; }
    .slide-li a { width: 154px; height: 10px; color: #000; font-size: 12px; display: block; }
        .slide-li a:hover { color: #F00; text-decoration: none; }
.op li { background: #999999; filter: alpha(opacity=60); opacity: 0.6; }
    .op li.cur { background: #666666; }
.slide-txt span { display: none; }



/* 产品滚动 */
.scroll_img{ float:left; width:100%; padding:0 0px }
#demo {overflow:hidden;width:100%; }
#indemo { float: left; width: 800%;}
#demo1 { float: left; }
#demo2 { float: left;margin:2px;}
.wrap{float: left;margin:30px 8px;}
.photo{ float:left;border:2px solid #c4c4c4; width:170px; height:160px}
.photo a{display:block;}
.photo:hover{border:2px solid #aa0404;}
.photo img{ height:100%}

.picScroll-left{ width:100%;   overflow:hidden; position:relative;  }
		.picScroll-left .hd{ overflow:hidden;  height:0px; background:#f4f4f4; padding:0 10px;  }
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:30px; height:40px; float:right; overflow:         hidden;cursor:pointer; background:url("../images/ico.jpg") no-repeat; top:30px; z-index:999999}
		.picScroll-left .hd .prev{ background:url(../images/ico.jpg) 0 -200px no-repeat; position:absolute; left:0px}
		.picScroll-left .hd .prev:hover{ background:url(../images/ico.jpg) 0 -252px no-repeat; }
		.picScroll-left .hd .next{ background:url(../images/ico.jpg) -30px -200px no-repeat;position:absolute; right:0px  }
		.picScroll-left .hd .next:hover{ background:url(../images/ico.jpg) -30px -252px no-repeat;   }
		.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
		.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/ico.jpg") 0 -9px no-repeat; }
		.picScroll-left .hd ul li.on{ background-position:0 0; }
		.picScroll-left .bd{ padding:30px 0px;   }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin:0 12px; float:left; _display:inline; overflow:hidden; text-align:center; 
		border:2px solid #c4c4c4; width:184px; height:173px }
		.picScroll-left .bd ul li:hover{border: 2px solid blue;}
		.picScroll-left .bd ul li .pic{ text-align:center;width:100%; height:100%; }
		.picScroll-left .bd ul li .pic a{ width:100%; height:100%; display:block}
		.picScroll-left .bd ul li .pic img{  height:100%; display:block;  }

.picScroll-left2{ width:100%;   overflow:hidden; position:relative; display:none  }
.picScroll-left2 .bd{ padding:30px 0px;   }
		.picScroll-left2 .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left2 .bd ul li{ margin:0 12px; float:left; _display:inline; overflow:hidden; text-align:center; 
		border:2px solid #c4c4c4; width:154px; height:143px }
		.picScroll-left2 .bd ul li:hover{ border:2px solid #a80202}
		.picScroll-left2 .bd ul li .pic{ text-align:center;width:100%; height:100%; }
		.picScroll-left2 .bd ul li .pic a{ width:100%; height:100%; display:block}
		.picScroll-left2 .bd ul li .pic img{  height:100%; display:block;  }



.Slogan{ padding:65px 110px; float:left; width:100%; background: url(../images/Slogan_bg.jpg) no-repeat; font-family: Roboto; text-align:center; font-weight:bold; font-family:Roboto, Arial, Helvetica, sans-serif;}
.Slogan h1{ font-size:40px; color:#fee9b0;font-family: Roboto;letter-spacing:2px; font-weight:bold;line-height:48px;margin-bottom:10px; font-family:Roboto, Arial, Helvetica, sans-serif;}
.Slogan .text{ font-size:26px; color:#FFF; line-height:48px; font-family:Roboto, Arial, Helvetica, sans-serif;}

.Introduction{width:100%;float:left;padding:20px 0px;}
.Introduction .con{width:100%;PADDING:0 0px 0 0px; float:left;  }
.Introduction .con .about{  float:left; font-family: Roboto; width:100%;padding:15px 20px 20px 20px; background:#d9d9d9 ; font-family:Roboto, Arial, Helvetica, sans-serif;}
.Introduction .con .about H6{ font-family:Roboto, Arial, Helvetica, sans-serif; font-size:24PX;font-weight:bold; padding-bottom:8px }
.Introduction .con .about .text{ font-size:15px; line-height:26px}
.Introduction .con .about .more{ text-align:right}
.Introduction .con .about .more a{ padding:5px 25px; background:#fd0c00; border:1px solid #7f1f1a; border-radius:20px; color:#FFF}
.Introduction .con .about .more a:hover{ text-decoration:underline} 

.Introduction .slide{float:left;width:100%;padding: 0px 0px 0px 0px;/* margin-top:30px; */}


.focusBox { position: relative; width:100%;  overflow: hidden; height:100%}
.focusBox { position: relative; width:100%;  overflow: hidden; }
	.focusBox .pic img { width:100%;  display: block; }
	.focusBox .hd { overflow:hidden; zoom:1; position:absolute; bottom:5px; right:10px; z-index:3}
	.focusBox .hd li{float:left; line-height:15px; text-align:center; font-size:12px; width:25px; height:10px; cursor:pointer; overflow:hidden; background:#919191; margin-left:4px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease }
	.focusBox .hd .on{ background:#fff; filter:alpha(opacity=100);opacity:1;   }

	.focusBox .prev,
	.focusBox .next { width:23px; height:50px; position:absolute; top:45%; z-index:3; filter:alpha(opacity=0); -moz-opacity:.0; opacity:.0; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
	.focusBox .prev { background:url(../images/sprite.png) no-repeat ;  left:0 }
	.focusBox .next { background:url(../images/sprite1.png) no-repeat;  right:0 }
	.focusBox .prev:hover,
	.focusBox .next:hover { filter:alpha(opacity=80); -moz-opacity:.8; opacity:.8 }


@media (max-width: 1466px){
.Slogan { padding:65px 100px;}
.Slogan h1{ font-size:36px;}
.Slogan .text {font-size: 24px;}

	.Introduction .con{PADDING:0 0px;   }
	.Introduction .con .about{ padding:15px;}
	.Introduction .con .about .text{ font-size:14px; line-height:22px}
	.Introduction .con .about .more{ margin-top:5px}
	
	.Introduction .slide{ float:left;}

@media (max-width: 1200px){
	
.Slogan h1{ font-size:36px;}
.Slogan .text{ font-size:24px;}

.Introduction .con{width:100%}
.Introduction .con .about{ padding:15px;}
	.Introduction .con .about .text{ font-size:15px; line-height:26px}
	.Introduction .slide{ width:100%; padding:0 0px; margin-top:15px  }
	.Introduction .slide{ float:left;}
	
}


@media (max-width: 768px){

.Slogan{ padding:45px 30px;}
.Slogan h1{ font-size:30px;letter-spacing:0px; font-weight:bold;line-height:40px; }
.Slogan .text{ font-size:20px; line-height:40px}

.Introduction .slide{ float:left; }
}

@media (min-width: 401px) and (max-width: 767px){



	
}

@media (max-width: 400px){
	.picScroll-left{ display:none}
	.picScroll-left2{ display:block}
.Slogan{ padding:30px 15px;}
.Slogan h1{ font-size:20px;letter-spacing:0px; font-weight:bold;line-height:20px}
.Slogan .text{ font-size:16px; line-height:20px}

.Introduction .con .about .text{ font-size:14px; line-height:22px}
.focusBox .prev,
	.focusBox .next{ top:20px}
	.Introduction .slide{ float:left;}