@charset "utf-8";
/* div{margin:30px!important;margin:28px;}*/
/* yui reset.css version: 2.5.2 */
html{overflow-x: hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,div,div,div,div,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
.clear,.cl{clear:both; height:0px;overflow:hidden; content:""; }
legend{color:#000;}
a { text-decoration:none; color:#FFF}
a:hover { text-decoration:none;color: #C30}
.clearfix:after { content:""; clear:both; display:block; visibility:hidden; }
 /* end of reset.css */

body {
	width:100%;
	font-family:"Microsoft YaHei","宋体", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #888;
	background:#000;
}
.field { padding: 4px 5px;color: #969696; height: 15px; }
.field-focused { color: #333; }

a { color: #333; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: none; color:#333}

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }


.notext { font-size: 0; line-height: 0; background-repeat: no-repeat; }

.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }
.top{ width:100%; height:40px; overflow:hidden;}
#page { width: 1200px; margin:0 auto;}
.info_top { width: 100%; height:31px;background:url(../images/info_top.jpg) repeat-x top center}
.banner-in { width:1862px;}
#top { width:1200px; margin:0 auto;background:url(../images/top_bg.png) repeat-x left top; overflow:hidden;}
#top .hd { position:relative}
#logo {width: 136px; height:92px; margin:0 auto; padding-top:17px}
#logo a { display: block;}

#lang { position:absolute; right:25px; bottom:17px;}
#lang a { color: #fff}
#lang .cn {  height:24px; display:inline-block; padding-left:30px;background:url(../images/gq2.png) no-repeat left center; margin-left:20px;}
#lang .en { height:24px; display:inline-block; padding-left:30px;background:url(../images/gq1.png) no-repeat left center; margin-left:20px;}
#lang .cn:hover {background:url(../images/gq2_hover.png) no-repeat left center}
#lang .en:hover {background:url(../images/gq1_hover.png) no-repeat left center}

#lang .cn_h {background:url(../images/gq2_hover.png) no-repeat left center}
#lang .en_h {background:url(../images/gq1_hover.png) no-repeat left center}
#search { float: right; display: inline;width: 294px; height:36px; background:url(../images/search.png) no-repeat }
#search .field-holder { float: left; display: inline; width:254px;text-align:left}
#search .field { width: 185px; border: 0; background: none; color:#FFF; margin:6px 0 0 28px;}
#search .button { float:left; display: inline; width: 38px; height: 35px; font-size: 0; line-height: 0; margin-top:1px; text-indent: -4000px; }
#search .button { background:url(../images/sbtn.png) no-repeat;border: 0; cursor:pointer }


#header { width:100%;}
#example { width:1200px; height:623px; margin:0 auto;position:relative;}
		
/* 焦点图 */
.focus{width:100%;height:623px;position:relative;float:left}
.slides1{width:100%;height:623px;overflow:hidden}
.slides1 img{width:100%;height:623px;}

.rslides{width:100%;position:relative;list-style:none;padding:0}

.rslides_tabs{ width:50px;position:absolute;bottom:30px;left:50%; margin:0 0 0 -25px;}
.rslides_tabs li{display:inline;margin:0 3px; float: left; display:inline}
.rslides_tabs a{
	display:inline-block;
	width:10px;
	height:10px;
	text-indent: -9999px;
	overflow:hidden;
	background:url(../images/dot.png) no-repeat 0 0;
}
.rslides_tabs .rslides_here a{background:url(../images/dot.png) no-repeat -19px 0;}

		
		
#main { width:1200px; margin:0 auto; overflow:hidden}
		

.about_bg {width:100%; height:1117px; background:url(../images/about_bg.jpg) no-repeat top center;}
.about_bg .hd { padding-top:335px; padding-left:580px;}
.about_bg .hd h2 { font-size:32px; font-weight:normal; color: #666; margin-bottom:30px;}
.about_bg .hd h2 span{ display:inline-block; border-bottom:1px solid #666; padding-bottom:5px;}
.about_bg .hd p { margin-bottom:10px; line-height:24px;}
/* Nav
==========================================================*/
.nav {
	 width:100%; margin:0 auto; height:42px;
    position: relative; overflow:hidden;background:#fff url(../images/nav_bg.png) repeat-x left top;
}
.navlist { text-align:center

}
.nav li { display:inline-block;margin-left:42px;padding-right:42px; padding-top:5px;
}

.nav a {
    display: block; width:83px; height:30px; line-height:30px;
    text-align: center;
	font-size:14px;
}
.nav a:link, .nav a:visited {
    color: #000;
}
.nav  .home {}
.nav  .home:hover { }

.nav a.hover, .nav a:hover, .nav a:active {
    color: #fff;
    background: url(../images/nav_hover.png) no-repeat center center;
}
.searchbar {padding-top:60px; text-align:right}

#container {
width: 980px;
margin: 0px auto;
overflow:hidden;
padding-top:50px; padding-bottom:66px;
}
.sidebar{width:310px; float:left; margin-right:16px;overflow:hidden; background-color:#FFF}
.sidebar .hd { height:30px; line-height:30px;background:url(../images/side_hd.jpg) no-repeat left top; color:#FFF}
.sidebar .hd h3 { padding-left:45px;}
.leftmenu{width:100%;float:left; margin-bottom:0px;border:1px solid #CCC ; border-top:0; box-sizing:border-box;background:url(../images/cont_bg.jpg) repeat-x left top;}
.leftmenu ul { width:257px;padding:30px 0px 10px; margin:0 auto;}
.leftmenu ul li {  margin-bottom:30px;}
.leftmenu ul li a {height:42px; line-height:42px;display:block; text-indent:25px;background:url(../images/nav_li.png) no-repeat left top; color:#282828;font-size:16px;}
.leftmenu ul li a:hover,.leftmenu ul li .hover {background:url(../images/nav_lihover.png) no-repeat left top;}

.side_box{ width:100%; margin-top:20px; float:left}
#index_contact2 {
PADDING-LEFT: 8px;
BACKGROUND: url(../images/bg_index_content5.jpg);
COLOR: #0359a2;
LINE-HEIGHT: 22px;
PADDING-TOP: 5px;
HEIGHT: 123px;
}

#contents{width:648px; border:1px solid #CCC ;background-color:#FFF; float:left; overflow:hidden;background:#eeeeee url(../images/cont_bg.jpg) repeat-x left top;}

#title{overflow:hidden;line-height:23px;}
#title h3{float:left;font-size:13px;text-indent:25px; font-weight:normal; padding-top:25px;}
#location{float:left; overflow:hidden; padding-right:20px;}
#location li{display: inline; margin-left:5px; text-align:right;}
#location a{display: inline; color:#7C7C7C}
#location .last{padding-left:10px;}
#bonmun{padding:20px 0px 30px 0px;font-size:12px;color:#58585a;overflow:hidden;float:left; display:inline; min-height:476px;}
#bonmun p { line-height:23px;}
.product_list { float:left; padding-top:15px;}

.product_list ul {}
.product_list li { width:232px;background-color:#f6f6f6;float:left;margin:0 0px 30px 60px; text-align:center;font-size:14px; border:1px solid #999; border-radius:5px; overflow:hidden}
.product_list li span{ display:block; line-height:30px; background-color:#5f5f5f; color:#fff}
.product_list li .p_img { width:232px; height:125px;}
.product_list li .p_img  img { width:100%}
/* Pagenavi */
.pagenavi { width:100%; float:left;padding:0px; text-align:right; margin-top:20px;}
.pagenavi a, .pagenavi a:visited{
	margin-right:10px;
	color:#666;
	outline:0px;
	font-size:14px;
	font-family:"Ubuntu", Arial;
	text-transform:capitalize;
	display:inline-block;
	height:24px;
	line-height:24px;
	padding:0 10px;
	background:url(../images/bg-button-nav.png) repeat-x left top;
}

.pagenavi a:hover{
	text-decoration:none;
	color:#E82D34;
}
.pagenavi .current{
	margin-right:10px;
	color:#1be8e6;
	outline:0px;
	font-size:14px;
	font-weight:bold;
	font-family:"Ubuntu", Arial;
	text-transform:capitalize;
	display:inline-block;
	height:24px;
	line-height:24px;
	padding:0 10px;
	background:url(../images/bg-button-nav.png) repeat-x left top;
	text-decoration:underline
	}
.pagenavi .pages{
	padding:0 5px;
	margin-right:0px;
}
.contact h2 { margin-bottom:10px; font-size:16px}
.contact{ width:270px; line-height:22px; font-size:14px; float:left; padding-left:20px;}
.map { width:430px; float:right;}


#GBook_Title { width:470px; height:50px;}
#bonmun fieldset { padding-left:40px;}
#bonmun label {
display: block;
padding-bottom: 2px;
}
input[type="submit"],
input[type="reset"],
button{
	height:32px;
}
.butcontact
{
	color:#555555;
	outline:0px;
	display:block;
	border:solid 1px #CCC;
	display:inline-block;
	border-radius:4px;
	-moz-border-radius:4px;		
	-webkit-border-radius:4px;
	height:30px;
	line-height:30px;
	padding:0 15px;
	background:none;
	cursor: pointer;
margin: 10px 0 0 0;
}
.butcontact:hover { color:#C30}

.contact_bg{ width:100%; height:623px; background: url(../images/contact.jpg) no-repeat top center;}
.contact_bg .hd { padding-top:174px; padding-left:770px; font-size:20px; font-weight:bold; color:#6f6f6f; min-height:350px;box-sizing:border-box}
.contact_bg .hd  h3{ font-size:18px; color:#999; font-weight:normal; margin-bottom:5px;}
.contact_bg .hd .lx_tel {background: url(../images/lx_tel.png) no-repeat left center; line-height:30px; padding-left:25px;}
.contact_bg .hd .lx_email {background: url(../images/lx_email.png) no-repeat left center; line-height:30px; padding-left:25px;}
.contact_bg .hd a { color:#6f6f6f}
.contact_bg .hd a:hover { color:#000}
.contact_bg .bd { padding-top:77px; padding-left:368px; font-size:16px; color:#FFF}
.contact_bg .bd span { display:inline-block; margin-right:155px;}
.contact_bg .bd .nomg { margin-right:0;}
.contact_bg .bd a { color:#fff}
.contact_bg .bd a:hover { color:#e5e5e5}


.sales{ width:100%; height:623px; background: url(../images/sales.jpg) no-repeat top center;}


#prodmain {width:1200px; margin:0 auto;background:#ececec url(../images/prod_bg.jpg) no-repeat top center;position:relative; z-index:1}


.product_info { width:732px;}
.pinfo_left { width:295px; float:left}
.pinfo_right { width:407px; float:right}
#picbig { width:293px; height:293px; border:1px solid #6a6567}

#picsmall{ width:300px;margin:10px 0 0 0;overflow:hidden}

#picsmall a{ display:block;cursor:pointer;margin-right:5px;width:68px;height:68px;float:left;border: 1px solid #6a6567;}
#picsmall a:hover,#picsmall .hover {border:1px solid #f6883d}
#main_img{cursor:pointer;display:block}
#gotop{cursor:pointer;display:block;margin-left:9px}
#gobottom{cursor:pointer;display:block;margin-left:9px}


.pinfo_right h3 { font-size:24px; line-height:38px;}
.number { font-size:14px; color:#666666}
.price { font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#00656f; font-weight:bold; padding:20px 0 0 0; }
.scprice { font-size:14px; color:#00656f; font-weight:bold}
.sctitle { font-size:12px; margin-top:10px;}

.pother { width:361px; padding:23px; margin-top:20px; background-color:#ebebeb}
.pcolor { width:285px;}
.pcolor a { display:inline-block; width:45px; height:45px; border:1px solid #bcbcbc}
.pcolor a:hover {border:1px solid #f6883d}
.pbox { width:100%; overflow: hidden; margin-bottom:17px;}
.pbox dl { font-size:16px; font-weight:bold; overflow:hidden; margin-bottom:10px; float:left;}
.pbox .psize { width: 100%;}
.pbox .pweight { margin-right:30px;}

.pbox dt {  height:26px;border:1px solid #bcbcbc; padding:0px 10px; float:left; background:url(../images/size_bg.jpg) repeat-x; line-height:26px; text-align:center; margin-right:12px;}
.pbox .dthover { border:1px solid #9d2528}
.pbox dd { line-height:26px; float:left}

.ptext { margin-top:20px; border-top:3px solid #000; padding-top:15px; font-size:14px}
.ptext p { padding-left:20px; background:url(../images/pdot.jpg) no-repeat 5px 10px; font-size:14px; font-family: Verdana, Geneva, sans-serif}

.pt-1{}
.pt-2{padding-bottom:20px;}

.pbox p{ margin-bottom:13px;}


#Footer { width:1200px; margin:0 auto;height:110px;background:#ffffff;}
.copyright { color:#999; text-align:right; padding:20px 50px}