@charset "utf-8";
/*顶部    start*/
.yHeader{width: 100%;}
/*导航   start*/
.yNavIndex{width:100%; margin:auto; max-width:1200px;height:0px;position: relative;}
/*下拉*/
.pullDown{z-index: 1;position: absolute;}
.pullDownTitle{height: 35px;width: 285px;background: #a90000;color: #ffffff;font-size: 16px;font-weight: normal;text-align: center;line-height: 35px;}
.pullDownList{width: 285px;height:600px;background:#363636;position: relative;z-index: 2;}
.pullDownList li{height:59px; line-height:59px;color: #fefcfc;font-size: 13px;padding-left:30px;position: relative; border-bottom:1px solid #2d2d2d;}
.pullDownList li i{display: inline-block;position:relative;top:4px;margin-right:10px;left:0;-webkit-transition: margin-left .2s linear;-moz-transition: margin-left .2s linear;-o-transition: margin-left .2s linear; width: 26px;height:26px;background: url(../images/indexicon1.png) no-repeat; font-size:26px; font-weight:normal;}
.pullDownList li.menulihover i{margin-left: 6px;}

.pullDownList li a{color: #fefcfc;font-size: 16px; text-decoration:none;}
.pullDownList li.menuliselected{background: #4a4a4a;}
.pullDownList li.menuliselected span{top:28px;right:15px;border-left: 4px solid transparent;border-top: 4px solid #fff;border-right:4px solid transparent;border-bottom: 0;}
.pullDownList li.menulihover{background: #a90000;}
.pullDownList li span{display: inline-block; width: 0;height: 0;position: absolute;top:28px;right:15px;}
.pullDownList li.menulihover span{top:28px;right:15px;border-left: 4px solid #fff;border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-right: 0;}
/*下拉详细列表具体分类*/
.yMenuListCon{width: 400px;height:600px;position: absolute;z-index:2;top:0px;left: 285px;overflow: hidden;}
.yMenuListCon .fl_02{width:auto;color: #7f7e7e;font-size: 12px;margin:0px 0 0 -1px;overflow: hidden; padding:10px 0 10px 0;border-top: 1px dashed #999;}
.yMenuListCon .fl_02 a{color: #7f7e7e;font-size: 12px;padding:0;display: inline-block;float: left;margin-top: 5px;background: url(../images/indexicon1.png) 0 -1695px; text-decoration:none; width:30%; height:25px; line-height:25px;}
.yMenuListCon .fl_02 a.ecolor610{color: #a90000;}
.yMenuListCon .fl_02 a:hover{color: #a90000;text-decoration: underline;}
.yMenuListConin{display: none; background: #fff;opacity: 0.95; -moz-opacity:0.95;filter: alpha(opacity=95);padding:0 20px;width: 360px;height:600px;position: absolute;left: 0;top: 0;}
.yMenuLCinList{overflow: hidden;border-bottom: 1px solid #999;}
	/*详细分类标题*/
	.yMenuLCinList h3{position: relative;height: 20px;width: auto;margin:30px auto 0;}
	.yMenuLCinList h3 a{font-size: 12px;color: #333;position: absolute;bottom: 0px;display: block; text-decoration:none; float:left; padding-bottom:10px;}
	.yMenuLCinList h3 .yListMore{color: #666666;font-weight: normal;right: 0;with: 40px;height: 20px;  }
	.yMenuLCinList h3 .yListName{-webkit-transition: left .2s linear;-moz-transition: left .2s linear;-o-transition: left .2s linear;display: block;width:260px;height:30px;line-height:30px;padding-top: 17px;left: 0;background:url(../images/yListNameicon.png) no-repeat 0 5px; padding-bottom:10px; font-size:15px;}
	.yMenuLCinList h3 .yListName:hover{left:6px; color:#a90000;}
/*导航   end*/
/*顶部    end*/

/*banner  start*/

/* 本例子css */
.pc_banner{ width:100%; height:400px; overflow:hidden; position:relative; overflow:hidden;  }
.pc_banner .hd{ height:15px; overflow:hidden; position:absolute; left:50%; bottom:10px; z-index:1; margin-left:-70px; }
.pc_banner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.pc_banner .hd ul li{ float:left; margin-right:5px; border-radius:20px;  width:25px; height:6px; line-height:14px; text-align:center; background:#fff; cursor:pointer;transition: all 0.3s; }
.pc_banner .hd ul li.on{ background:#fca206; color:#fff; width:40px; }
.pc_banner .bd{ z-index:0;height:400px; left: 50%; margin-left: -960px; position: absolute; width: 1920px;}   
.pc_banner .bd li{ zoom:1; vertical-align:middle; }
.pc_banner .bd img{ width:1920px; height:400px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.pc_banner .prev,
.pc_banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.pc_banner .next{ left:auto; right:3%; background-position:8px 5px; }
.pc_banner .prev:hover,
.pc_banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.pc_banner .prevStop{ }
.pc_banner .nextStop{ }


/*banner  end*/



@media only screen and (max-width:1000px) {
.pullDownTitle{width:230px;}
.pullDownList{width: 230px;}
.pullDownList li{ padding-left:20px;}
.yMenuListCon{width: 400px;height:600px;position: absolute;z-index:2;top:0px;left:230px;overflow: hidden;}

}

@media only screen and (max-width:960px) {
.yHeader{ display:none;}

}