@charset "utf-8";
/* CSS Document */
/*public*/
html, body, div,object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small,sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,caption, tbody, tfoot, thead,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video { margin:0; padding:0; border:0; outline:0; background:transparent; font-size:12px; color:#000; list-style:none; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
h1 {font:24px}
h2, h3 {font:16px;}
h4 {font:14px; font-family:"微软雅黑";}
h5, h6 {font-size:12px; font-weight:100;}
p{ font-family:"微软雅黑"; line-height:24px;}
a{text-decoration:none;color:#555;}
a:hover{ text-decoration:none;color:#F00;}
em,strong{ font-style:normal;}
img{border:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
.clearfix:after{content:" ";clear:both;height:0;visibility:hidden;display:block;}
.clearfix{*zoom:1;}
.cl{clear:both;}
.fr{ float: right; }
.fl{ float:left;}

/*page*/
.page{ width:100%;}
.page_con{ width:334px; margin:0 auto;}
.logo{ width:334px; height:185px; background:url(../images/y_lbg.png) center no-repeat; margin:206px 0 30px 0;}
.logo img{ margin:40px 0 0 66px;}
.yuyan{margin-right:-120px;}
.yuyan a{ display:inline-block; margin-right:100px; margin-left:30px; margin-top:30px;}

/*home*/
/*头部*/
.header{ width:100%; height:118px; background:#f0f0f4;}
.head{ width:1100px; margin:0 auto;}
.head span{ float:left; margin-top:14px;}
.head a{ float:right; font-size:14px; color:#000; width:88px; height:35px; background:url(../images/btn.png); text-align:center; line-height:35px; margin-top:46px;}
/*内容*/
.main{ position:relative;}
/*banner*/
.banner{width:100%; height:100%; background-position:50% 50%;}
.banner img{ width:100%; height:100%;}

/*nav*/
.ban_nav{ width:100%; height:53px; background:url(../images/index_navbg.png); position:absolute; top:0; left:0;}
#bnav{width:1100px; margin:0 auto;}
.nav{ width:1100px; position:absolute; height:53px;}
.nav li{position: relative;	float: left;}
.nav li a{line-height: 53px; width:157px;float:left;height:53px;color:#fff;	font-size:16px; text-align:center; font-family:"微软雅黑";}
.nav li a:hover {background:#1b1b1a; color:#ddd;}
.nav li .nav-w {z-index:21;	position:absolute;display:none;	float:left;	clear:both;	overflow:hidden;top:53px; background:url(../images/index_navbg.png);left:0px;}
.nav li .section-nav1{ width:149px; padding:4px; height:auto; overflow: hidden;}
.nav li .section-nav1 ul {position:static;padding:0px;margin:0px;width:149px;overflow:hidden;}
.nav li .section-nav1 ul li {position:static;padding:0px;margin-bottom:3px;	width:100%;	background:none;float:left;}
.nav li .section-nav1 ul li a {	border-bottom:#555454 1px dashed;text-align:center;padding:0px;line-height:36px;width:auto;display:block;background:none;float:none;height:auto;color:#fff;	font-size:12px;	overflow:hidden;cursor:pointer;}
.nav li .section-nav1 ul li a:hover {border-bottom: #aaa 1px dashed;background:none;color: #aaa;}
/*中间内容*/
.tubiao{ width:240px; position:absolute; top:200px; left:50%; margin-left:-140px;}
.tubiao span a{ display:block; font-size:18px; font-family:"微软雅黑"; color:#000; background:url(../images/index_pic2.png) no-repeat; margin:60px auto 18px auto; width:160px; height:50px; line-height:50px; text-align:center;}
.tubiao a img{ margin-left:110px;}
/*底部*/
.index_footer{ width:100%; height:50px; background:url(../images/indexfootbg.png); position:fixed; bottom:0px;}
.index_foot{ width:1000px; margin:0 auto; text-align:center;}
.index_foot p{ color:#fff; font-size:12px; line-height:50px;} 


/*about us*/
/*导航*/
.aan_nav{ width:100%; height:53px; background:#333;}
.aan_nav .nav li a:hover {background:#444; color:#fff;}
.aan_nav .nav li .nav-w { background:url(../images/index_navbg.png);}
.aan_nav .nav li .section-nav1 ul li a {border-bottom:#fff 1px dashed;}
.aan_nav .nav li .section-nav1 ul li a:hover {border-bottom:#CCC 1px dashed;background:none;color: #ccc;}
/*小banner*/
.con_pic{ width:100%; height:410px; overflow:hidden;}
.con_pic img{ width:100%; height:426px;}
/*内容*/
.concent{ width:1100px; margin:0 auto; overflow:hidden;}
.con_all{ overflow:hidden;}
.con_left{ width:180px;}
.con_left ul li{ color:#333; text-align:center; line-height:60px; font-size:14px; font-family:"微软雅黑";}
.con_left ul li a{ display:block; width:180px; height:60px; color:#333; text-align:center; line-height:60px; font-size:14px; font-family:"微软雅黑";}
.con_left ul li a:hover{ color:red;}
.con_right{ width:920px;}
.about_con{ padding:20px;}
.about_con p{font-size:14px; line-height:34px; color:#999;}
.all_footer{ width:100%; height:50px; background:url(../images/indexfootbg.png); overflow:hidden;}

/*product*/
.fold_wrap{width:1100px;height:260px;margin:30px auto 30px auto;overflow:hidden;}
.fold_wrap li{float:left;width:130px;height:260px;position:relative;overflow:hidden;cursor:pointer;}
.fold_wrap li .mask_b{position:absolute;overflow:hidden;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.3);_background:#B2B2B2;}
.fold_wrap li.active .mask_b{background:none;}
.fold_wrap li .mask_b h4{color:#fff;width:140px; text-align:left;margin:0 auto;display:block;font:22px Microsoft Yahei;position:relative;padding:100px 0 0 0; line-height:30px;}
.fold_wrap li.big{width:322px;}
.fold_wrap li .adv_intro{ width:92%; height:40px; padding:5px 4%; position:absolute;left:0; bottom:-50px;background:#37D; color:#FFF; overflow:hidden;}
.adv_intro_show{bottom:0 !important; transition:bottom 0.3s linear 0.3s; -webkit-transition:bottom 0.3s linear 0.3s;}
.pic_auto{width:100%;height:100%;}
.pic_auto1{background:url(../images/if1.jpg) no-repeat center 0;}
.pic_auto2{background:url(../images/if2.jpg) no-repeat center 0;}
.pic_auto3{background:url(../images/if3.jpg) no-repeat center 0;}
.pic_auto4{background:url(../images/if4.jpg) no-repeat center 0;}

/*product_detail*/
.concent01{ width:1100px; margin:20px auto 0 auto;}
.product_detail{ padding:20px; background:#fff; overflow:hidden;}
.p_xk h4{ font-size:14px; font-weight:bold; border:1px solid #ddd; border-bottom:none; width:160px; height:40px; text-align:center; line-height:40px;}
.p_nk{ padding:20px; border:1px solid #ddd;}
.product_detail p{ color:#666; line-height:24px; font-size:12px;}
.tue{ margin-top:20px; height:36px; line-height:36px; background:#202020;}
.tue h4{ font-size:16px; color:#fff;  font-family:"微软雅黑";}
.tue h4 em{ background:url(../images/ico.jpg) no-repeat center; padding:4px 18px 0px 18px;}
.p_dd{ padding:20px; background:#ededed; height:80px;}
.p_dd h6{ font-size:24px;}


/*factory*/
.photopile-wrapper { width: 1100px; margin: 20px auto; overflow:hidden;}
div#photopile-nav-next,div#photopile-nav-next:hover,div#photopile-nav-prev,div#photopile-nav-prev:hover {background-image: url('../images/nav-sprites.png');}
div#photopile-nav-next,div#photopile-nav-prev {opacity: 0; position: absolute; top: 50%; width: 30px; height: 40px; margin-top: -20px; cursor: pointer;}
div#photopile-nav-next {right: 0;margin-right: -35px; background-position: -50px 0;}
div#photopile-nav-next:hover {background-position: -50px -50px;}
div#photopile-nav-prev {left: 0;right: 0;margin-left: -35px;background-position: 0 0;}
div#photopile-nav-prev:hover { background-position: 0 -50px;}
.photopile-wrapper ul li{ float:left; transform:rotate(0deg) !important; -webkit-transform:rotate(0deg) !important; background:none !important; margin:0px 32px 20px 0px !important; height:210px; overflow:hidden;}
.photopile-wrapper ul li p{ text-align:center; font-size:14px; margin-top:6px;}
.allp{ width:880px; overflow:hidden;}
.allp ul li{ margin:0px 20px 20px 0px !important;}
.allp li img{ padding:2px; border:1px solid #ddd;}
/*contact us*/
.contact_con{ background:#fff; padding:20px;}
.contact_con p{ width:880px; margin:0 auto; font-size:14px; color:#666; line-height:26px; text-align:left;}
.contact_con p em{ margin-left:50px; color:#999;}

/*news*/
.news{ padding:20px; background:#fff; overflow:hidden;}
.news a{ display:block; height:32px; margin-bottom:16px; border-bottom:1px dashed #c6c2c2;}
.news em{ float:left; color:#666; padding:4px 36px; background:url(../images/news.png) no-repeat left center; font-size:14px;}
.news i{ float:right; font-style:normal; color:#666; font-size:14px;}
.news_con{background:#fff; overflow:hidden;}
.n_txt{ width:820px; padding:20px;}
.n_txt p{ width:874px; font-size:14px; color:#999; text-indent:32px; line-height:34px;}

/*gallery*/
.gallery{ background:#fff; overflow:hidden; margin-bottom:42px;}
.gallery ul li{ float:left; width:253px; height:179px; overflow:hidden; margin: 0 0 20px 28px;}