﻿@charset "utf-8";

body
{font: 12px Arial, Helvetica, sans-serif;background: url(http://www.face100.net/vipweb/images/css5_big_bg.jpg);background-position: top;color:#91131d;background-color:#e38c8f;background-repeat: repeat-x;}
#mainbg{background-position: center;background: url(http://www.face100.net/vipweb/images/nav.jpg) repeat-x;}
#main{margin: 0 auto;height:auto}
*{ margin:0; padding:0;}
.clear{clear:both; font-size:1px; line-height:1px;}
a:link{ color:#91131d; text-decoration:none;}
a:visited{ color:#91131d; text-decoration:none;}
a:hover{ color:#ffffff; text-decoration:underline;}
a:active{ color:#ffffff; text-decoration:none;}
img{ border:none;}
ul{ list-style-type:none;}
.section{position:relative;}
.wz_7_1{width:120px;position:absolute;left:610px;top:140px;}
.text4_jiameng{width:1024px;margin: 0 auto;}

#nav{  height:32px; line-height:32px}
#nav img{ padding-left:13px;float:left;height:29px;}
.nav_list{ float:right; width:475px; }
.nav_list a{ font-size:12px; color:#666666; border-right:#666666 solid 1px; padding-right:11px; text-decoration:none;}
.nav_list a:link{ font-size:12px; color:#666666; text-decoration:none;}
.nav_list a:visited{ font-size:12px; color:#666666; text-decoration:none;}
.nav_list a:hover{ font-size:12px; color:#666666; text-decoration:underline;}
.nav_list a:active{ font-size:12px; color:#666666; text-decoration:none;}

#header{background: url(http://www.face100.net/vipweb/images/css5_header.jpg) no-repeat top center;overflow:hidden;background-size:100% 100%;
    }
.img {
   width:100%;overflow:hidden;position:relative;
} 
.scrollPic li{width:100%;left:0;top:0;}
.center{position:absolute;
	  margin:auto;
	
	  position:absolute;
	  top:0;
	  bottom:0;
	  left:0;
	  right:0;
}
#header {
    background-image: url('/vipweb/images/css5_header.jpg');
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='/vipweb/images/css5_header.jpg',
    sizingMethod='scale');
}
#logo{height:380px;line-height:380px;width:100%;text-align: center;text-transform: lowercase;font-style: italic;font-size: 36px;color: #67510d;font-weight: bold;}
#logo a {text-decoration: none;text-transform: lowercase;font-style: italic;font-size: 36px;color: #d4346f;font-weight: bold;}
#logo H2 a{font-size: 10px;}
#buttons{height: 77px;margin: 0 auto;background: url(http://www.face100.net/vipweb/images/css5_menubg.jpg);background-repeat:repeat-x;background-position:top;}
#buttons ul {padding-left: 0px;}
#buttons li {display: inline;}
#buttons a {font-family: Tahoma, Geneva, Verdana;font-size: 18px;font-weight: normal;text-align: center;text-decoration: none;color: #ffffff;display: block;float: left;width:158px;height: 47px;padding-top: 30px;font-weight:bold}
#buttons .first a {font-family: Tahoma, Geneva, Verdana;font-size: 18px;font-weight: normal;text-align: center;text-decoration: none;color: #ffffff;display: block;float: left;width:160px;height: 47px;padding-top: 30px;font-weight:bold}
#buttons a:hover {height: 47px;background: url(/vipweb/images/css5_menubghov.jpg);background-repeat:repeat-x;background-position:top;}

#jianjie{ background: url(http://www.face100.net/vipweb/images/css5_jianjie_01.jpg) no-repeat  top center;HEIGHT:380px;}
#title{height:100px;}
#h50{ height:30px;background:url(http://www.face100.net/vipweb/images/css5_jianjie_02.jpg) repeat-y top center;}
#conter{padding:10px 30px 20px 30px;background:url(http://www.face100.net/vipweb/images/css5_jianjie_02.jpg) repeat-y top center;line-height:24px;font-size:14px;color:#91131d; background-color:#d65f64;height:auto}
#conter p{ margin:2px 0px; text-indent: 2em;text-align:left;}
#topLogo{width:316px;height:237px;padding:26px 40px 0px 364px;}
#jjfond{background:url(http://www.face100.net/vipweb/images/css5_jianjie_03.jpg) no-repeat top center;height:19px; background-color:#f2c1b2}
.mroe1{ width:120px;position:absolute;left:390px;top:380px;color:#664800;font-size:12px;}

#cpzs{ background: url(http://www.face100.net/vipweb/images/css5_chanpin_01.jpg) no-repeat  top center;HEIGHT:131px;}
#conter2{padding:10px 10px 20px 10px;background:url(http://www.face100.net/vipweb/images/css5_jianjie_02.jpg) repeat-y top center;line-height:24px;font-size:14px;color:#91131d; background-color:#f2c1b2}
#title1{height:122px;}
.producttxilie{ padding-left:75px; padding-bottom:20px;}
.producttxilieullia{ color:#91131d; text-decoration:none;background:#e2656d; font-size:14px; line-height:24px; margin:8px 8px;text-align: center;width:200px; height:22px; display:block; float:left;}
.producttxilieullia:hover{color:#ffffff; text-decoration:none;background:#e2656d; font-size:14px; line-height:24px; margin:8px 8px; width:200px; height:22px; display:block;  float:left}
.propro{ margin:5px 0 0 50px;_margin:5px 0px 0px -5px;}
.proad{width:150px;height:232px;float:left;margin-left:25px; _margin-left:22px;display:inline;text-align:center;line-height:30px;margin-bottom:10px;}
.proad a{font-size:14px;color:#91131d;text-decoration:none;}
.proad a:hover{font-size:14px;color:#ffffff;text-decoration:underline;}
.proad span{width:158px; height:30px; display:block;}
.shadow {width:150px;height:190px;padding:2px;text-align:center; position:relative; display:table-cell; vertical-align:middle; background:#FFFFFF;border:1px solid #d65f63; FILTER: progid:DXImageTransform.Microsoft.Shadow(color=#d65f63 ,direction:120,strength:8)
-moz-box-shadow: 3px 3px 4px #d65f63;-webkit-box-shadow: 3px 3px 4px #d65f63;box-shadow: 3px 3px 4px #d65f63;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d65f63')";}
.pic {*position:absolute; top:50%; left:50%;}
.pic img {max-width:150px;max-height:188px;*position:relative; top:-50%; left:-50%;}
.proPic{ width:269px; height:198px; margin-left:9px; margin-top:9px;}

#qtdt{ background: url(http://www.face100.net/vipweb/images/css5_qydt_01.jpg) no-repeat  top center;HEIGHT:131px;}
#conter1{padding:10px 10px 20px 10px;background:url(http://www.face100.net/vipweb/images/css5_jianjie_02.jpg) repeat-y top center;line-height:24px;text-align:left;background-color:#4a7c9f }
#conter1 img{text-align:center;}
#conter1 ul{font-size:14px;}
#conter1 li{width:450px;line-height:24px; float:left;text-align:left;margin-left:25px; _margin-left:22px;}
#conter1 a{font-size:14px;color:#91131d;text-decoration:none;}
#conter1 a:hover{font-size:14px;color:#FFFFFF;text-decoration:underline;}

#zsjm{ background: url(http://www.face100.net/vipweb/images/css5_zsjm_01.jpg) no-repeat  top center;HEIGHT:131px;}
#conter3{padding:10px 10px 20px 10px;background:url(http://www.face100.net/vipweb/images/css5_jianjie_02.jpg) repeat-y top center;line-height:24px;text-align:left;background-color:#95b6d9; font-size:14px;}
#conter3 img{text-align:center;width:980px;overflow:hidden;padding:10px 10px 20px 20px;}
.pp{margin-left:22px; _margin-left:22px;}
.mroe2{ width:120px;position:absolute;left:390px;top:440px;color:#664800;font-size:12px;}

#content{background: url(http://www.face100.net/vipweb/images/css5_mb5_01.jpg) no-repeat  top center;HEIGHT:436px;overflow:hidden;}
#chanpin{background: url(http://www.face100.net/vipweb/images/css5_mb5_02.jpg) no-repeat  top center;HEIGHT:471px;}
#zhengshu{background: url(http://www.face100.net/vipweb/images/css5_mb5_04.jpg) no-repeat  top center;HEIGHT:506px;}
#zhongduan{background: url(http://www.face100.net/vipweb/images/css5_mb5_05.jpg) no-repeat  top center;HEIGHT:501px;}
#lianxi{background: url(http://www.face100.net/vipweb/images/css5_mb5_06.jpg) no-repeat  top center;HEIGHT:476px;}
#liuyan{background: url(http://www.face100.net/vipweb/images/css5_mb5_07.jpg) no-repeat  top center;HEIGHT:482px;}
#txta1 {float:left;width:447px;height:290px;FONT-SIZE: 14px; MARGIN:90px 20px 0px 0px; LINE-HEIGHT: 170%; FONT-FAMILY: "新宋体"; TEXT-ALIGN: left;word-wrap: break-word;overflow:hidden;}
#txta2 {width:820px;FONT-SIZE: 16px; MARGIN:60px 20px 0px 50px; LINE-HEIGHT: 170%; FONT-FAMILY: "新宋体";}
#txta23 {width:820px;FONT-SIZE: 16px; padding:120px 20px 0px 50px; LINE-HEIGHT: 170%; FONT-FAMILY: "新宋体";}
#txta24 {width:600px;FONT-SIZE: 20px; font-weight:bold; LINE-HEIGHT: 170%; FONT-FAMILY: "新宋体";MARGIN-left: 110px;}
#txta21{width:600px; float:left; overflow:hidden;padding-left: 112px;_padding-left: 110px;FONT-SIZE: 16px; }
#txta23 li{font-size:16px; line-height:26px;overflow:hidden;}
#txta25 {width:820px;margin: 0 auto;FONT-SIZE: 12px; color:#d65f64;  padding:80px 20px 0px 50px; height:260px;}
#txta3 {float:left;width:447px;FONT-SIZE: 14px; MARGIN:60px 20px 0px 50px; LINE-HEIGHT: 170%; FONT-FAMILY: "新宋体"; TEXT-ALIGN: left}
#vcro1 {float:right;padding: 100px 10px 0px 0px; WIDTH: 280px; HEIGHT: 240px;TEXT-ALIGN: left}

#text4{background: url(http://www.face100.net/vipweb/images/css5_mb5_03.jpg) no-repeat  top center;HEIGHT:397px;}
.text4_left{ float:left; width:380px; height:360px;padding-top:30px;padding-right:20px;position:relative;}
.pica{ position:absolute; top:100px; left:80px; width:130px; height:100px; text-align:center; font-weight:bold;}
.pica img{ padding-bottom:10px;}
.new1{ width:230px; padding:65px 10px 0px 230px;_padding:50px 0px 20px 195px;}
.new1 p{ font-size:12px; line-height:21px; text-indent:2em; padding:0 10px 0 0;word-wrap: break-word;}
.new1 h3{ font-size:13px; font-weight:bold; padding:0px 0 5px 0; }
.mroe{ width:100px;margin-left:150px; margin-top:8px; color:#664800;font-size:12px;}
.picb{ position:absolute; top:257px; left:80px; width:130px; height:100px; text-align:center; font-weight:bold;}
.picb img{ padding-bottom:10px;}
.new2{ width:230px; padding:30px 0px 0px 230px;_padding:50px 0px 20px 195px;}
.new2 p{ font-size:12px; line-height:21px; text-indent:2em; padding:0 10px 0 0;word-wrap: break-word;}
.new2 h3{ font-size:13px; font-weight:bold; padding:0px 0 5px 0; }
.text4_right{ float:right; width:398px;  height:298px; padding:60px 40px 0px 0px; overflow:hidden;}

#left{width: 912px;margin: 0 auto;}
#left p{padding-left:5px;padding-right:5px;}
#leftchanpin{width: 912px;margin: 60px auto 5px auto;}
#txta {float:left;width:500px;FONT-SIZE: 14px; MARGIN:110px 20px 0px 30px;HEIGHT:290px;overflow:hidden; LINE-HEIGHT: 160%; FONT-FAMILY: "新宋体"; TEXT-ALIGN: left}
#vcro {float:right;padding: 125px 71px 0px 20px;_padding: 103px 38px 0px 1px;WIDTH: 320px; HEIGHT: 240px;TEXT-ALIGN: left}
#left H1{font-family: Tahoma, Geneva, Verdana;font-weight:normal;color: #ffffff;font-size: 18px;height: 35px;padding-top: 10px;padding-left: 10px;padding-bottom: 5px;width:100%;margin-bottom:20px;background: url(http://www.face100.net/vipweb/images/css5_title_left.jpg);background-repeat:no-repeat;background-position:top left;}
.read, #right ul .read{text-align: right;background: url(http://www.face100.net/vipweb/images/css5_read.jpg);background-repeat:no-repeat;background-position:right;margin-top:10px;margin-bottom:10px;height:16px;}
.read a, #right ul li .read a{color: #ffffff;font-weight:normal;padding-right:4px;font-size: 12px;text-decoration:none;}
.read a:hover, #right ul .read a:hover{text-decoration:underline;}
.mbh_img_wrap {position: relative; margin: 0px auto; width: 880px; overflow: hidden}
.mbh_img_wrap ul {padding-bottom: 20px; padding-left: 8px; width: 228px; padding-right: 10px; overflow: hidden; padding-top: 100px}
.mbh_img_wrap ul li {text-align: center; line-height: 24px; width: 228px; float: left; color: #333; font-size: 12px; font-weight: normal; margin-right: 20px}
.mbh_img_wrap ul li img {border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; padding-bottom: 1px; padding-left: 1px; width: 224px; padding-right: 1px; background: #fff; height: 272px; border-top: #ccc 1px solid; border-right: #ccc 1px solid; padding-top: 1px}
.mbh_img_wrap ul li h3 {text-align: center; line-height: 24px; height: 24px; color: #333; font-size: 12px; overflow: hidden; font-weight: normal}
.mbh_img_wrap ul li A {display: block; color: #333}
.btn_left {position: absolute; width: 25px; display: inline-block; background: url(/vipweb/images/btn_left.gif) #f9f9f9 no-repeat left 30px; height: 142px; top: 107px; cursor: pointer; left: -2px}
.btn_right {position: absolute; width: 25px; display: inline-block; background: url(/vipweb/images/btn_right.gif) #f9f9f9 no-repeat right 30px; height: 142px; top: 111px; cursor: pointer; right: -3px}

#footer{background: url(http://www.face100.net/vipweb/images/css5_footer.jpg);background-repeat:repeat-x;background-position:top;height: 50px;margin: 0 auto;font-size: 10px;color: #ffffff;padding-top: 30px;text-align: center;clear:both;padding-bottom: 5px;}
#footer a{color: #ffffff;font-size: 10px;text-decoration: none;}
.padding{padding: 10px;color:#FF0000;font-weight: bold;}

.page1{ font-family: "宋体", sans-serif; text-align:center;font-size:12px;line-height:21px; color:#999;padding-top:35px;}
.page1 a:link{color:#999;}
.page1 span,.page1 a{padding:4px 8px; background:#fff;margin:0 1px}
.page1 a,.page1 a:visited{border:1px #ddd solid; color:#666; text-decoration:none;}
.page1 span{border:1px #ddd solid;color:#999;}
.page1 span.cur{background:#aaa; font-weight:bold; color:#fff; border-color:#aaa}
.page1 a:hover,.page1 a:active{ border:1px #aaa solid;color:#363636; text-decoration:none}
.page1 .go{width:37px;height:21px;background:url(http://www.face100.net/images/ico.gif) ;border:0;margin:0 0 0 7px;cursor:pointer}
.pub-focus{width:280px; height:347px; border:8px solid #f2f2f2;background:#fff;}
.fi01{position:relative; width:280px;height:347px;cursor:pointer;border:1px solid #ccc;}
.fi01 .fi_player{position:absolute;top:1px;left:1px;width:280px;height:347px;}
.fi01 .fi_tt{position:absolute;bottom:16px; left:-19px; height:20px; line-height:20px; width:280px; font-size:18px; color:#fff; background:url(http://www.face100.net/vipweb/images/vipweb_1.png) no-repeat; padding:15px 0 23px 16px; text-align:center; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.face100.net/vipweb/images/vipweb_1.png',sizingMethod='scale'); _background:none;}
.fi01 .fi_tab{ position:absolute; left:0; bottom:6px; width:100%; height:9px;display:inline; text-align:center; z-index:5;}
.fi01 .fi_tab span{display:inline-block; *display:inline; *zoom:1; width:9px; height:9px; font:0/0 'arial'; line-height:100px; overflow:hidden; background-position:-20px -140px; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.face100.net/vipweb/images/vipweb_2.png',sizingMethod='scale'); _background:none; margin:0 8px;}
.fi01 .fi_tab span.fi_now{ background-position:0 -140px; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.face100.net/vipweb/images/vipweb_3.png',sizingMethod='scale'); _background:none;}
.fi01 .fi_tab span{background:url(http://www.face100.net/vipweb/images/vipweb_4.png) no-repeat;}
.cont{padding:5px 0 25px 5px}
.imageflow{overflow:hidden; position:relative; text-align:left; visibility:hidden; width:950px;}
.imageflow img{
	*width:330px;
	border:none;
	position:absolute;
	height:284px;
	top:0px;
	visibility:hidden;
 	 border:2px solid #f3767e;
	-moz-box-shadow:0px 0px 8px #333; -webkit-box-shadow:0px 0px 8px #333; box-shadow:0px 0px 8px #333;
	_width:expression(document.body.clientWidth > 270 ? "270px" : "auto");
	_width:expression(document.body.clientHeight > 344 ? "344px" : "auto");
}
.imageflow p{margin:0 auto; text-align:center}
.imageflow .loading{border:1px solid white; height:15px; left:50%; margin-left:-106px; padding:5px; position:relative; visibility:visible; width:200px}
.imageflow .loading_bar{background:#fff; height:15px; visibility:visible; width:1%; margin:0px;}
.imageflow .navigation{z-index:10000}
.imageflow .caption{font-weight:bold; position:relative; text-align:center; z-index:10001; font-size:14px;top:80px;}
.imageflow .scrollbar{ position:relative; visibility:hidden; z-index:10002; height:1px}
.imageflow .slider{background:url(slider.png) no-repeat; height:14px; margin:-6px 0 0 -7px; position:absolute; width:14px; z-index:10003}
.imageflow .slideshow{cursor:pointer; height:14px; margin:20px 0 0 20px; position:absolute; width:14px; z-index:10003}
.imageflow .slideshow.pause{background:url(button_pause.png) no-repeat}
.imageflow .slideshow.play{background:url(button_play.png) no-repeat}
.imageflow .images{overflow:hidden; white-space:nowrap}
.imageflow .button{cursor:pointer; height:17px; position:relative; width:17px}
.imageflow .previous{background:url(button_left.png) top left no-repeat; float:left; margin:-7px 0 0 -30px}
.imageflow .next{background:url(button_right.png) top left no-repeat; float:right; margin:-7px -30px 0 30px}

.bigMsgBoard-wrap{}
.bigMsgBoard-wrap .hd{display:none;}
.bigMsgBoard-wrap .brd{height:1px; background:#6B9FE4; border:1px solid #1151A7; border-top-color:#276AC3;}
.msg-board{height:342px; position:relative; 
}
.msg-board .msg-intro {width:171px; height:251px; padding:60px 40px 0; background:url('http://www.face100.net/vipweb/images/newMsgBoard-bg.png') no-repeat left 0px; position:absolute; left:25px; top:18px;}
.msg-board .msg-intro .msg-data{font-size:14px; height:56px; border-bottom:1px solid #ECE5D0; }
.msg-board .msg-intro .msg-data p{line-height:25px; height:25px; text-indent:11px;}
.msg-board .msg-intro ul{border-top:1px solid #FFF; height:167px; overflow:hidden;}
.msg-board .msg-intro ul li{height:47px; padding-top:8px; border-bottom:1px dashed #CCC}
.msg-board .msg-intro ul li em{float:left; width:7px; height:7px; background:#FF4E00; overflow:hidden; margin-top:10px; margin-right:5px;}
.msg-board .msg-intro ul li span{line-height:21px;}
.msg-board .msg-form{width:496px; height:301px; position:absolute; right:10px; top:18px;background:url('http://www.face100.net/vipweb/images/newMsgBoard-bg.png') no-repeat right 0px;}
.msg-board .msg-form .m-title{height:44px; overflow:hidden; text-indent:-999em; background:url('http://www.face100.net/vipweb/images/newMsgBoard-bg.png') no-repeat;}
.msg-board .msg-form table tr td .bg{ text-align:right}
.msg-board .msg-form table tr td {height:28px; line-height:28px;text-align:left;padding-left:15px;}
.msg-board .msg-form table tr td .msg-name,
.msg-board .msg-form table tr td .msg-address,
.msg-board .msg-form table tr td .msg-mobile,
.msg-board .msg-form table tr td .msg-address{border:1px solid #A8ACAD; width:190px; padding:0 5px; height:20px; line-height:20px;}
.msg-board .msg-form table tr td textarea{font-size:12px; border:1px solid #A8ACAD; width:190px; height:60px; line-height:1.5em; padding:5px; overflow-y:hidden;}
.msg-board .msg-form table tr td .msg-btn{display:block; width:100px; height:27px; border:none; font-size:0; text-indent:-999em; background:url('http://www.face100.net/vipweb/images/bot.png') no-repeat; overflow:hidden; cursor:pointer;}
.msg-board .msg-form table tr td .dis-btn{background-position:-100px -355px; cursor:default;}
.msg-board .msg-form table tr td .msg-tip{color:#999}
.msg-board .msg-form table tr td .error{color:#CE0004}
.msg-board .msg-form table tr td .required { font-size:12px; vertical-align:top; line-height:20px; font-weight:100; color:#7a7a7a; display:inline-block; width:108px; }
.msg-board .msg-form table tr td .required b { color:#c8161d; margin-right:3px; }
.msg-board .msg-form table tr td .checkerror { display:none; background:url('http://www.face100.net/vip/images/sj-liuyan_content_error_icon.gif') 2px 4px no-repeat #fff; border:1px solid #f1e4c4; height:20px; line-height:20px; font-size:12px; padding-left:18px; padding-right:3px; vertical-align:top; }
.msg-board .quick-reply{ display:none;border:3px solid #CCC;border-radius:3px;background:#FFF;padding:1px;position:absolute;top:190px;right:-130px;}
.msg-board .quick-reply .tips_arrow{display:block; width:9px; height:15px; background:url('http://www.face100.net/vip/images/msg-arrow.png') no-repeat; overflow:hidden;position:absolute; left:-9px; top:12px;}
.msg-board .quick-reply ul li{height:26px; line-height:26px; width:228px; overflow:hidden; cursor:pointer;}
.msg-board .quick-reply ul .current{background:#2162B6; color:#FFF;}