@charset "utf-8";
/* CSS Document */

body {margin:0; padding:0; font-size:12px; line-height:160%; font-family:verdana, Arial, Tahoma, Helvetica, sans-serif; color:#333; height:100%; width:100%;background:url(../images/bg.jpg);}
html, body, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, img { margin:0; padding:0; }
ul, ol, li, dl, dt, dd { list-style:none; }
input, select, option { font-family:verdana, Arial, Tahoma, Helvetica, sans-serif; font-size:11px; margin:0;}
img { border:0px; }

.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}

a{color:#286bae;text-decoration:underline;}
a:hover{text-decoration:none;}

#top{background:url(../images/logo_bg.gif) repeat-x;height:46px;padding:8px 0 0 0}
.top_main{width:962px;margin:0 auto;}
.logo{background:url(../images/logo.png) no-repeat;width:224px;height:38px;}
.logo a{width:224px;height:38px;display:block;text-indent:-9999px;}
#content{background:url(../images/top_bg0.png) repeat-x left top;}
#main{margin:0 auto;width:962px;}
.main_top{background:url(../images/main_top.gif) no-repeat;height:17px;width:962px;}
.main_mid{position:relative;background:#fff;border-left:1px solid #c2cfdc;border-right:1px solid #c2cfdc;width:880px;height:100%;padding:80px 40px 30px 40px;}
.main_mid .title{position:absolute;left:-13px;top:5px;}
.main_mid .title_bg{background:url(../images/title_bg.png) no-repeat;width:688px;height:65px;font-size:20px;color:#fff;padding:0px 0 0 30px;line-height:50px;}
.main_mid .father_twi{position:absolute; left: 789px; top: 2px; width:50px;}
.main_mid .freebtn {position:absolute; right:40px; top:2px; width:50px;}
.product{padding:20px 0 20px 0;}
.main_mid .title2{position:absolute;left:-13px;top:700px;}
.pro_left{width:677px;background:url(../images/product_line.gif) no-repeat right center;padding-bottom:10px;}
.pro_left ul li{background:url(../images/col_bg.gif) no-repeat;width:191px;height:196px;padding:25px 0 0px 0;float:left;margin:0 20px 20px 0;}
.pro_left ul li p{text-align:center;}
.pro_left ul li .text_preview{line-height:1.3em;padding:13px 0 0 0;text-align:center;;position:relative;}
.pro_left ul li .preview{
	background:url(../images/show_bg.png) no-repeat;
	width:118px;
	height:240px;
	padding:15px 20px 0 30px;
	position:absolute;
	left: 173px;
	top: -190px;
	z-index:9;
	display:none;
}
.pro_left ul li .preview h3{font-size:12px;padding:0 0 5px 0;}
.pro_left ul li .preview .preview_text{font-size:10px;line-height:1.3em;text-align:left;padding-bottom:15px;}
.pro_left ul li .text_preview .father_fb{position:absolute;left:0;top:-165px;z-index:0;}

.pro_left .pro_more{text-align:right;padding-right:70px;}
.pro_right{padding:10px 0 0 20px;width:180px;}
.sidebar_title{font-size:18px;}
.pro_right dl {margin-top:20px;}
.pro_right dl dd{background:url(../images/sidebar_li.gif) no-repeat left 7px;padding-left:10px;margin-bottom:10px;line-height:1.5em;}
.pro_right dl dd a{color:#313131;font-size:11px;text-decoration:none;}

.box_main{padding:80px 0 0 0;}
.box_left{width:605px;padding-right:25px}
#slider{width:549px;height:215px;position:relative;margin-left:34px;margin-top:30px;}
.scrollButtons {position: absolute;top: 0px;cursor: pointer;}
.scrollButtons.left {left: -34px;}
.scrollButtons.right{
	right: -33px;
}
.scroll {
	overflow: hidden;
	width:549px;height:215px;
    position: relative;
	background:url(../images/box_bg.gif) no-repeat center 80px;
}
.scrollContainer {
	position: relative;
	width:1570px;
}
.scrollContainer div.panel {
	position:relative;
    width: 106px;
	height: 215px;
	float:left;
	display:block;
}
.inside{text-align:center; position:relative;}
.inside img{width:74px;display:block;margin:0 20px;}
.panel .inside h2{font-size:12px;color:#313131;text-align:center;font-weight:inherit;position:absolute;width:300px; z-index:9; margin-left:-70px;_margin-left:-150px;display:none;}
.inside p{
	text-align:center;
	color:#e60012;
	font-size:16px;
	position:absolute;
	top: 180px;
    left:20px;
	display:none;
}
.inside p span{font-size:12px;text-decoration:line-through;maring-right:5px;}
.hide {
    display: none;
}

.main_bottom{background:url(../images/main_bottom.gif) no-repeat;height:36px;width:962px;}
.slide_btn{text-align:center;}
.box_right{padding:10px 0 0 0px;width:245px;}