@charset "utf-8";
/*Reset*/
*{ padding:0; margin:0}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label,b{margin:0;padding:0;border:0; font-size:12px; font-weight:normal;}
img{border:none;}
ul,ul li{ list-style:none;} 
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
select,input{ vertical-align:middle;font-size:12px;}  
.hidden{ display:none}
i{ font-style:normal}
html,body{-webkit-text-size-adjust:none;}
table { border-collapse:collapse; }
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
.pos{ position:relative;}

/*字体*/
.Arial{ font-family:"Arial", Helvetica, sans-serif;}
.yahei{ font-family:"\5FAE\8F6F\96C5\9ED1";} 
.song{font-family:Arial, "\5B8B\4F53";}

/*字体大小*/
.f10{ font-size:10px;}
.f11{ font-size:11px;}
.f12{ font-size:12px;}
.f13{ font-size:13px;}
.f14{ font-size:14px;}
.f15{ font-size:15px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f22{ font-size:22px;}
.f24{ font-size:24px;}
.f32{ font-size:32px;}
.f36{ font-size:36px;}

/*颜色*/
.hei{ color:#000;}
.red{ color:#ff0000;}

/*链接*/
a {color:#666;text-decoration:none;hide-focus: expression( this.hideFocus=true );outline: none;-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
a:hover {color:#b46ac4;}
a:active {color:#b46ac4;}

/*basic*/ 
body{margin:0px; padding:0px;font-family:Arial, "\5B8B\4F53"; font-size:12px;color:#333; line-height:20px; min-width:1100px; width:100%;} 
.indexbody{ overflow-y:hidden; padding-top:150px;}
 
 /*wrap*/
 
.wrap{ width:1100px; margin:0 auto;}
 
 /*主布局*/
#header{ position:fixed; top:0px; left:0px; width:100%; z-index:99999; height:149px; border-bottom:1px solid #f2eaf4; background:#fff;}

#header2{width:100%; z-index:99999; height:149px; border-bottom:1px solid #f2eaf4; background:#fff; float:left; width:100%;}

.toper{ float:left; width:100%; height:30px; background:url(../images/bgtop.gif) center top no-repeat; overflow:hidden;}

/*toper*/
.tophome{ float:right; line-height:30px; color:#fff;}
.tophome span{ float:right; padding-right:5px;}
.tophomelist{ float:right; width:340px;}
.tophomelist li{ float:left; width:110px; text-align:center; line-height:30px;}
.tophomelist li a{ color:#fff;}
#header h1,#header2 h1{ float:left;}
.nav{ float:right; width:603px; margin:50px 0 0 0; line-height:30px;}
.navlist li{ float:left; margin-left:40px; display:inline; font-size:19px;font-family:"\5FAE\8F6F\96C5\9ED1"; line-height:30px; font-weight:bold;}
.navlist li a{color:#7e2e8f;}

/*footer*/
.footer{ float:left; width:100%; background:#b0935f; height:212px;}
.f_l{ float:left; width:690px; margin:27px 0 0 0; color:#fff; line-height:32px;}
.f_l_pic{ float:left;}
.f_l_txt{ float:left; width:530px; padding-left:18px;}
.sch{ float:right; width:246px; height:29px; margin:38px 0 0 0;}
.flinks{ color:#c9b48c;}
.flinks a{ display:inline-block; margin:0 3px; color:#fff;}
.copyright{ float:left; width:100%; line-height:24px; color:#d7bf91; margin:18px 0 0 0;}
.copyright a{ color:#fff;}


/*表单元素*/
.txt1{ float:left; width:53px; padding-left:8px; border:1px solid #f0e1f3; line-height:25px; color:#666; height:25px;}
.btn1{ float:left; width:27px; height:27px; border:none; cursor:pointer; background:url(../images/bgbtn1.jpg) no-repeat;}
.schtxt1{ float:left; width:200px; padding-left:9px; background:#fff; height:29px; line-height:29px; color:#666; border:none;}
.schbtn1{ float:right; width:36px; height:29px; border:none; cursor:pointer; color:#fff; background:#d7bf91;}


/*family start*/
.family{ float:left; width:100%; height:855px; margin:150px 0 0 0;}
.family_con{ float:left; width:100%; height:855px; position:relative;}
.family_pic1{ position:absolute; left:50%; margin-left:-550px;top:107px; z-index:1;}
.family_pic2{position:absolute; left:50%; margin-left:108px; top:35%; z-index:2}

/*mydiv*/
.mydiv{ background:#fff; height:377px;z-index:999999999;width:100%;left:-11150%;/*FF IE7*/top:364px;/*FF IE7*/margin-left:-50%!important;/*FF IE7 该值为本身宽的一半 */margin-top:240px;position:absolute;/*IE6*/
}
.close{ position:absolute; right:40px; top:-29px;}

/* container */
.container{ display:block; overflow:hidden; clear:both; margin:47px 24px 0 24px;height:308px;overflow:hidden;position:relative;}
.container ul{width:10000px;position:absolute;left:0px;top:0px;padding:0;margin:0;}
.container ul li{width:240px;float:left;text-align:left; height:265px; margin-right:24px; display:inline;}
.container ul li a{ display:block;background:#f4f4f4; height:265px;}
/*2014-05-22*/
.container ul li a img{border:8px solid #ececec;margin-bottom:1px; width:158px; height:154px; padding:0 33px; background:#fff;}
.container ul li a h2{ padding:0 8px; line-height:36px; font-size:18px;font-family:"\5FAE\8F6F\96C5\9ED1";}
.container ul li a p{ text-align:left; padding:0 8px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#939393;}
.container ul li a:hover{ background:#9348a3; color:#fff;}
.container ul li a:hover p{ color:#fff;}
.container ul li a:hover img{ border:8px solid #7e2e8f;}

/* hScrollPane */
.hScrollPane_dragbar{position:absolute;left:0px;bottom:0px;height:9px;margin:0 auto;background:#ececec;;}
.hScrollPane_draghandle{height:9px;width:30px;overflow:hidden;position:absolute;top:0px;left:0px;cursor:default;background-color:#d3d3d3;}
.hScrollPane_leftarrow,.hScrollPane_rightarrow{display:inline-block;height:16px;width:0px;overflow:hidden;position:absolute;bottom:0; display:none;}
.hScrollPane_leftarrow{left:0;}
.hScrollPane_leftarrow:hover{background-position:left -64px;}
.hScrollPane_rightarrow{right:0;background-position:left -16px;}
.hScrollPane_rightarrow:hover{background-position:left -80px;}
.draghandlealter{ background:#ececec;}

/*grow*/
.grow{ position:absolute; left:50%; top:0; width:1100px; margin:0 auto; margin-left:-550px; display:inline; float:left;}
.grow_con{ float:left; width:674px; margin:145px 0 0 0;}
.grow_tab_nav{ float:left; width:100%; border-bottom:1px solid #7e2e8f; line-height:32px; margin:35px 0 0 0;}
.grow_tab_navlist li{ float:left; width:120px; text-align:center; font-size:14px; font-weight:bold; border-right:1px solid #fff;}
.grow_tab_navlist li a{ text-align:center; background:#c1a56f; color:#fff; display:block;}
.grow_tab_navlist li a:hover,.grow_tab_navlist li.hover a{ background:#7e2e8f;}
.grow_tab_con{ float:left; width:100%;}
.growpic{ float:left;}
.growpic img{ display:block; border:1px solid #fff;}
.growlist li{ float:left; width:100%; border-bottom:1px dashed #bababa; margin:23px 0 0 0; padding-bottom:14px;}
.growtxt{ float:right; width:480px; line-height:24px; color:#707070;}
.growtxt h2{ font-size:14px; font-weight:bold; line-height:30px;}
.growtxt h2 a{ color:#7e2e8f;}
.growtxt p{ height:95px;}
.growtxt span{ background:url(../images/bgtime2.png) left center no-repeat; padding-left:15px;}

/*pages*/
.pages{ float:right; margin:28px 0 0 0;}
.pages a{ border:1px solid #7e2e8f; width:50px; height:50px; text-align:center; color:#7e2e8f; margin:0 0 0 5px; float:left; display:inline; line-height:50px;}
.pages a:hover,.pages a.hover{ background:#7e2e8f; color:#fff;}

/*contact*/
.lxpic{ float:right;margin:345px -104px 0 0; display:inline;}
.lxword{ float:left; width:550px; margin:148px 0 0 0; line-height:40px;}
.lxword h2{ padding-bottom:56px;}
.lxword p{ font-size:16px;font-family:"\5FAE\8F6F\96C5\9ED1"; color:#7e7e7e;}
.erwm{ float:left; width:100%; margin:10px 0 0 0;}
.erwm p{ font-size:12px;}

/*share*/
.mydiv2{
	background:#fff;
font-size: 12px;
z-index:99999999;
width:1000px;
left:-1150%;/*FF IE7*/
top:30%;/*FF IE7*/
margin-left:-500px!important;/*FF IE7 该值为本身宽的一半 */
margin-top:0px;
height:365px;
position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
}

.bglayout{
background-color: #000;
width: 100%;
height: 100%;
left:0;
top:0;/*FF IE7*/
filter:alpha(opacity=60);/*IE*/
opacity:0.6;/*FF*/
position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/

_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
 z-index:888;
}
.close2{ position:absolute; right:13px; top:24px; float:right;}
.close2 img{ display:block; border:1px solid #f0f0f0;}
.share_layout{ float:left; width:890px; margin:95px 0 0 34px; display:inline; line-height:20px; color:#666;}
.share_con{ float:left; width:820px; padding-left:70px; background:url(../images/bgban3.jpg) left top no-repeat; height:170px;}
.share_con h2{ font-size:14px; font-weight:bold;}

/*product*/
.product{width:1080px; margin:0 auto; padding:138px 0 120px 0;}
.protop{ float:left; width:100%; background:#fff; border-bottom:1px solid #f0ecf0; line-height:29px;}
.protop a{ float:left; width:69px; height:29px; background:#7f2f8f; color:#fff; font-weight:bold; text-align:center;}
/*2014-05-22*/
.prodt_img{ float:left;}
.prodt_img img{border:1px solid #e2e2e2; display:block;}
.prodt_txt{ float:right; width:700px; height:347px; border:1px solid #e9e9e9; background:#fff; line-height:41px; color:#6b6b6b;}
.buybtn{ float:left; width:115px; line-height:38px; color:#fff; margin:16px 0 0 17px; display:inline; text-align:center; font-size:18px;font-family:"\5FAE\8F6F\96C5\9ED1"; background:url(../images/bgbuy.jpg) no-repeat;}
/*2014-05-22 end*/
.prodt_txt p{ border-bottom:1px solid #e9e9e9; padding-left:17px; font-size:14px; font-weight:bold;}
.prodt_txt h2{height:64px; border-bottom:1px solid #e9e9e9; font-size:18px; color:#7f2f8f;font-family:"\5FAE\8F6F\96C5\9ED1"; padding-left:17px; padding-top:10px; line-height:34px;}
.prodt_txt h2 span{ line-height:24px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#939393; text-transform:uppercase; font-weight:bold;}
.prodt_infor{ float:left; width:980px; padding:50px 0 0 40px; line-height:22px; color:#6b6b6b;}


.kfqq{width:131px;position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||200)-(parseInt(this.currentStyle.marginBottom,10)||0)));right:30px; top:347px; z-index:9999; height:316px; background:url(../images/bgkf1.png) no-repeat;}
.onqq{ float:left; width:100%; text-align:center; margin:97px 0 0 0;}
.ewm{ text-align:center; margin:66px 0 0 0; float:left; width:100%; color:#666; line-height:20px;}
.notice{ float:left; width:280px; height:283px;position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||200)-(parseInt(this.currentStyle.marginBottom,10)||0)));left:0px; top:380px; z-index:9999; background:url(../images/bgnotice.png) no-repeat;}
.notice_con{ float:left; width:250px; padding:0 12px 0 18px; line-height:22px; color:#666;}
.notice_con h2{ line-height:40px; border-bottom:1px dashed #c7c7c7; font-size:14px; font-weight:bold; color:#7e2e8f; margin-bottom:6px;}
.guanbi{ position:absolute; right:5px; top:5px; color:#ca7dda;}
.guanbi a{color:#ca7dda;}

/*2014.4.17*/
.help{ float:left; width:1100px; position:absolute; left:50%; top:20px; margin-left:-550px; display:inline;}
.help_l{ float:left; width:204px; border:1px solid #ededed; background:#fff; padding-bottom:40px;}
.help_r{ float:right; width:883px; min-height:780px; padding-bottom:20px; border:1px solid #ededed; background:#fff;}
.help_l_tit{ float:left; width:100%; background:#7e2e8f; line-height:39px; text-align:center;}
.help_l_tit h2{ font-size:14px; font-weight:bold; color:#fff;}
.helpnavlist li{ float:left; width:100%;}
.helpnavlist li h2{ line-height:35px;background:#eeeeee; font-size:14px; font-weight:bold; padding-left:73px; color:#666;}
.helpnavlist li p{ line-height:30px; padding-left:78px; float:left; width:100%;}
.helpnavlist li p a{ display:block; float:left;}
.helpnavlist li p.hover a,.helpnavlist li p a:hover{ background:url(../images/bgicon5.jpg) right center no-repeat; padding-right:12px; color:#7e2e8f;}
.help_r_tit{ float:left; width:100%; border-bottom:1px solid #f0f0f0; line-height:39px;}
.help_r_tit p{ padding-left:18px; background:url(../images/bgicon6.jpg) 10px center no-repeat;}
.help_r_tit p span{ color:#7e2e8f;}
.help_con{ float:left; width:850px; padding:26px 0 0 16px; line-height:24px; color:#666;}

.links{ float:left; width:715px; margin:18px 0 0 0; border-top:1px dashed #e9e9e9; padding-top:14px;}
.linkslist li{ float:left; width:132px; line-height:34px; font-size:14px;}

/*2014-05-21*/
.online{ position:absolute; left:50%; margin-left:580px;top:43px; z-index:9999999999;}




/*text*/
.b{ font-weight:bold;}
.em{ text-indent:2em;}
.pink{ color:#7e2e8f;}