@charset "utf-8";
@font-face {
	font-family: 'quattrocento_sansbold';
    src: url('../font/quattrocentosans-bold-webfont.eot');
    src: url('../font/quattrocentosans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/quattrocentosans-bold-webfont.woff') format('woff'),
         url('../font/quattrocentosans-bold-webfont.ttf') format('truetype'),
         url('../font/quattrocentosans-bold-webfont.svg#quattrocento_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {	
	font-family: 'quattrocento_sansitalic';
    src: url('../font/quattrocentosans-italic-webfont.eot');
    src: url('../font/quattrocentosans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/quattrocentosans-italic-webfont.woff') format('woff'),
         url('../font/quattrocentosans-italic-webfont.ttf') format('truetype'),
         url('../font/quattrocentosans-italic-webfont.svg#quattrocento_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,select,blockquote{margin:0; padding:0; font-size:12px; font:12px/25px Arial, Helvetica, sans-serif;}
body{font:12px/25px Arial, Helvetica, sans-serif; background:#f7f7f7; color:#707070;}
ul,ol,li{list-style-type:none;}
img{margin:0; padding:0; border:0;}
.form_input{border:1px solid #cccccc; color:#333; background:url(../images/input_bg.gif) #fff repeat-x; height:20px; line-height:20px; padding:2px;}
.form_area{border:1px solid #cccccc; color:#333; background:url(../images/input_bg.gif) #fff repeat-x; line-height:180%; padding:2px; overflow:auto;}
.width200{width:200px;}
.width300{width:300px;}
.blank{height:10px; overflow:hidden;}
.blank50{height:50px; overflow:hidden;}
.clear{clear:both; width:100%; line-height:0; font-size:0;}
.red{color:#ff0000;}
a{color:#707070; cursor:pointer; text-decoration:none;}
a:hover{color:#ff0000; text-decoration:underline;}
.submit{background-image:url(../images/submit.gif); width:76px; height:22px; border:0px; float:left; cursor:pointer; margin-right:10px; text-indent:-999px; outline:none;}
.reset{background-image:url(../images/reset.gif); width:76px; height:22px; border:0px; float:left; cursor:pointer;}
.padding10{padding:10px;}

.wrap{width:860px; margin:0 auto;}
header{width:860px; margin:0 auto; display:block; padding-bottom:9px; background:url(../images/header_bg.jpg) repeat-x left bottom;}
header .logo{float:left; margin:20px 0 5px 0;}
header .top{float:right; margin:10px 0 0 0;}
header .top .im{float:right;}
header .top .im a{display:block; float:left; margin:0 5px; font-size:12px; line-height:16px; color:#666;}
header .top .im a.msn{background:url(../images/msn.png) no-repeat left center; padding:0 0 0 20px;}
header .top .im a.yahoo{background:url(../images/yahoo.png) no-repeat left center; padding:0 0 0 20px;}
header .top .im a.email{background:url(../images/email.png) no-repeat left center; padding:0 0 0 20px;}
header .top .im a.skype{background:url(../images/skype.png) no-repeat left center; padding:0 0 0 20px;}
header .top .im a.aliwangwang img{padding-right:5px;}
header .top .im a.qq img{padding-right:5px;}
header .top .social-icons{float:right;}

header nav{float:left; width:720px; display:block;}
header nav ul{width:720px;}
header nav ul li{float:left; margin-right:4px;}
header nav ul li a{display:block; width:99px; text-align:center; line-height:32px; font-size:14px; color:#fff; background:url(../images/nav.jpg) no-repeat left top;}
header nav ul li a:hover{color:#fff; text-decoration:none; background:url(../images/nav_h.jpg) no-repeat left top;}
header nav ul li a.current{color:#fff; text-decoration:none; background:url(../images/nav_h.jpg) no-repeat left top;}

header .search{width:132px; float:right;}
header .search .search_input{float:left; width:81px; height:23px; color:#999; padding:3px 0 3px 9px; border:none; background:url(../images/search_input.jpg) no-repeat left top;}
header .search p{float:right; width:42px; height:29px; overflow:hidden; padding:0; margin:0;}
header .search p .search_submit{background-image:url(../images/search.jpg); width:42px; height:29px; margin:0; border:0px; cursor:pointer;}

#content{width:860px; margin:10px auto;}
#content .banner{width:860px; height:360px; overflow:hidden;}
#content .inside_banner{width:860px; height:250px; overflow:hidden;}

#content .box{width:830px; padding:10px 14px; border:1px solid #eee; overflow:hidden; background:#fff;}
#content .box h4.title{font-size:18px; color:#2e2e2e; font-family:"quattrocento_sansbold"; position:relative;}
#content .box h4.title p{position:absolute; right:0; top:0; padding:0; margin:0; font-size:14px; color:#a8a8a8;}
#content .box h4.title p a{margin:0 5px; color:#a8a8a8;}
#content .box a.more{width:830px; display:block; text-align:right; font-size:14px; font-family:"quattrocento_sansitalic"; color:#ff0000;}
#content .box p.narrow{width:830px; padding:5px 0; margin:0;}

.category{width:860px;}
.category h4.title{font-size:18px; color:#2e2e2e; font-family:"quattrocento_sansbold";}
.category .category_box{float:left; width:250px; margin:10px 55px 0 0;}
.category .category_box .pic{width:250px; height:188px; overflow:hidden; position:relative;}
.category .category_box h1.name{width:250px; line-height:30px; text-align:center;}
.category .nomargin{margin:15px 0 0 0;}

.maskitem{position:absolute; left:0; top:0;}
.mask{position:absolute; left:0; top:0; width:250px; height:188px;}
.hover .mask{background:#000; opacity:0.5; filter:alpha(opacity=50); cursor:pointer}

.contact_us{float:left;}
.send_email{float:left; margin-left:40px; padding-left:30px; background:url(../images/explode.jpg) no-repeat left top;}

footer{width:860px; display:block; margin:0 auto; padding:10px 0; color:#fff; text-align:center; background:#595959;}
footer a{color:#fff;}

/*products*/
.classification{width:830px;}
.classification li{float:left; width:190px; margin:10px 4px 0 0;}
.classification li a{display:block; float:left; padding-left:5px; line-height:26px; background:url(../images/class_l.jpg) no-repeat left top;}
.classification li a span{display:block; float:left; font-size:14px; color:#fff; line-height:26px; padding:0 10px 0 5px; background:url(../images/class_r.jpg) no-repeat right top;}
.classification li a.current,
.classification li a:hover{color:#fff; text-decoration:none; background:url(../images/class_l_h.jpg) no-repeat left top;}
.classification li a.current span,
.classification li a:hover span{background:url(../images/class_r_h.jpg) no-repeat right top;}

.goods{float:left; width:188px; margin:15px 9px;}
.goods .pic{width:188px;}
.goods .pic a{display:block; width:180px; height:210px; overflow:hidden; background:#fff; padding:3px; border:1px solid #eee;}
.goods .pic a:hover{border:1px solid #ff0000;}
.goods h2.name{width:188px; text-align:center; margin-top:5px; line-height:200%; color:#555f62;}
.goods h2.name a{color:#707070;}
.goods h2.name a:hover{color:#ff0000;}

/*goods*/
.goods_info{width:830px;}
.goods_info .goods_info_left{width:360px; float:left;}
.goods_info .goods_info_left .goods_pic{width:350px; height:350px; padding:4px; border:1px solid #ddd; z-index:0;}
.goods_info .goods_info_right{width:460px; float:right;}
.goods_info .goods_info_right h2{font-size:24px; color:#2e2e2e; font-family:"quattrocento_sansbold";}

.service_supplier{width:460px; background:#f5f5f5; line-height:200%;}

.service{float:left; width:228px; border-right:2px solid #fff;}
.service a{display:block; margin:10px; font-size:12px; line-height:16px; color:#666;}
.service a.msn{background:url(../images/msn.png) no-repeat left center; padding:0 0 0 20px;}
.service a.yahoo{background:url(../images/yahoo.png) no-repeat left center; padding:0 0 0 20px;}
.service a.email{background:url(../images/email.png) no-repeat left center; padding:0 0 0 20px;}
.service a.skype{background:url(../images/skype.png) no-repeat left center; padding:0 0 0 20px;}
.service a.aliwangwang img{padding-right:5px;}
.service a.qq img{padding-right:5px;}

.supplier{float:right; width:208px; padding:35px 10px; text-align:center; vertical-align:middle;}
.supplier a.contact_supplier{display:block; width:207px; text-align:center; line-height:40px; color:#fff; font-size:16px; background:url(../images/supplier.jpg) no-repeat left top;}
.supplier a:hover.contact_supplier{background:url(../images/supplier_h.jpg) no-repeat left top; text-decoration:none;}

/*info*/
.container{width:830px; overflow:hidden; margin-top:15px; font-size:14px; line-height:200%; min-height:400px; _height:400px;}

/*article list*/
#article_list{width:830px;}
#article_list li{height:30px; line-height:30px; overflow:hidden; border-bottom:1px dashed #dfdfdf;}
#article_list li span{float:right; margin-right:5px; font-size:14px; color:#999;}
#article_list li a{float:left; font-size:14px; padding-left:20px; line-height:30px; background:url(../images/news_ico.gif) no-repeat 5px center;}

/*article*/
dl.article{width:830px;}
dl.article dt{width:830px; border-bottom:1px dashed #ccc; text-align:center; color:#000; font-weight:bold; font-size:16px; padding-bottom:5px;}
dl.article dt div{width:830px; text-align:right; font-weight:normal; color:#666; font-size:12px;}
dl.article dd{padding-top:10px; line-height:250%; font-size:14px;}

.factory td{font-size:14px; text-align:center;}
.contact_bg{background:url(../images/contactus.png) no-repeat 500px 10px;}

/*page*/
.pagebar{width:100%; height:25px; padding:0 0 10px 0;}
.pagebar .pagebar_left{float:left; padding-left:10px; color:#3c3c3c;}
.pagebar .pagebar_right{float:right; padding-right:10px; color:#3c3c3c;}
.pagebar .page_count{display:block; float:left; margin:0 5px; font-weight:bold; padding:0 7px; font-size:13px; border:1px solid #d8d8d8; background:#fff; color:#6f6f72; font-weight:normal;}
.pagebar a{display:block; float:left; margin:0 3px; padding:0 7px; font-size:13px; color:#3c3c3c; text-decoration:none; border:1px solid #d8d8d8;}
.pagebar a:hover{color:#fff; text-decoration:none; padding:0 7px; background:#ff0000; border:1px solid #ff0000;}
.pagebar .page_now{display:block; float:left; margin:0 5px; font-weight:bold; padding:0 7px; font-size:13px; border:1px solid #ff0000; background:#ff0000; color:#fff;}
.pagebar .select{margin-top:4px; color:#3c3c3c;}