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

/*站点标签通用样式定义*/
html,body{font-family:Microsoft YaHei,arial,宋体;font-size:14px;line-height:2;color:#575757; background:#fff; padding-top:132px; }
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, blockquote, fieldset, div, strong, label, em, body ,span,input{ margin: 0; padding: 0; border: 0; font-family:微软雅黑,arial,宋体;}  
  
a{text-decoration:none;color:#575757; }
a:hover{ color:#dd261a; text-decoration:none;  }
ul,li{  list-style:none; }
img{ border:none;}
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
/*格式化代码-e*/
.C:before, .C:after { content: "."; display: block; height: 0; visibility: hidden; }
.C:after { clear: both; }
.C { zoom: 1; }
@font-face{ font-family:cambriai;src: url("cambria.ttc");}


/*head*/
.navbar{ background:url(../images/topbg.png) repeat; height:132px;}
@media (max-width:767px){
.navbar{ background:#fff; height:120px;}
.navbar img{ padding:10px;}
.navbar-brand{ height:auto;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ background:#fff; border:none;}
}

.tel{ float:right; line-height:78px; height:78px; color:#fff;}
.tela{ padding:10px 0;background:url(../images/tel.png) no-repeat left center; padding-left:40px; margin-right:10px;}
.se{padding:10px 0; background:url(../images/ser.png) no-repeat left center; padding-left:40px;}
.se a{ color:#fff;}
.navbar-brand{ padding:0;}


.topri{ float:right;}
.sear{ float:right; position:relative; padding-top:18px;}
 .sea{ position:absolute; top:55px; display:none; right:0; width:240px; }
.navbar-toggle{margin-top:46px;}
.sousuo1{ border-radius:5px; font-size:12px; text-indent:12px; height:26px; line-height:26px; width:200px; background:#ebebeb}
.glyphicon-search{ border-radius:5px; height:25px; float:right; }

/*nav*/
 
.menu{  float:right; margin-right:30px; }
.menu li{  height:54px; line-height:54px;  float:left; text-align:center; font-size:14px;  position:relative }
.menu li a{ padding:0 25px; display:block;height:54px; line-height:54px;  }
.menu li:hover ul{ display:block;}
.menu li ul{ position:absolute; top:54px; left:0; background:#ccc; z-index:999; display:none;}
.menu li ul li{ background:none; width:100%; line-height:26px; height:26px;border-bottom:1px solid #dedede; font-size:12px;}
.menu li ul li a{ line-height:26px; height:26px; width:100%; padding:0; display:block;}
.menuul{ width:160px;}
@media (max-width:1024px){
.menu{ margin-right:6px; }
.menu li a{ padding:0 10px;  }
}

.links a{ background:#a3182b; color:#fff; padding:12px 25px;} 

/*banner*/
.main_visual{height:377px;overflow:hidden;position:relative; }
.main_image{height:377px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:377px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:377px;}
.main_image li span{display:block;width:100%;height:377px}
.main_image li a{display:block;width:100%;height:377px}

div.flicking_con{position:absolute;top:345px;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:30px;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:30px;}

#bann .main_visual{height:176px;overflow:hidden;position:relative; }
#bann .main_image{height:176px;overflow:hidden;position:relative;}
#bann .main_image ul{width:9999px;height:176px;overflow:hidden;position:absolute;top:0;left:0}
#bann .main_image li{float:left;width:100%;height:176px;}
#bann .main_image li span{display:block;width:100%;height:176px}
#bann .main_image li a{display:block;width:100%;height:176px}

#bann .flicking_con{position:absolute;top:150px;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
#video video{
height: 100%;
width: 100%;
}


.tit{ background:url(../images/tit.jpg) no-repeat left bottom; font-size:20px; font-weight:bold;  padding-bottom:10px; margin-top:80px; margin-bottom:20px;}
.tit h3,.title h3,.contop h3,.maintop p{ font-size:32px; font-family:cambriai; font-weight:bold; line-height:38px;text-transform:uppercase; }
.maintop{background:url(../images/tit.jpg) no-repeat center bottom; padding-bottom:10px; text-align:center; }
.maintop h3{ font-size:18px; font-weight:bold; }
.tit h3 span,.title h3 span,.contop h3 span{ font-size:32px;color:#a3182b; font-family:cambriai;  padding-right:10px;  }
@media (max-width:1024px){
.tit h3{ font-size:22px;  }
}

/*com*/
#com{ background:url(../images/cur.jpg) no-repeat right top }
.comore{ width:34px; height:33px; background:url(../images/more.png) no-repeat; display:block; margin:20px 0 30px 0;}


.title{background:url(../images/tit.jpg) no-repeat center 80px;font-size:18px; font-weight:bold; padding-bottom:10px; margin-top:80px; text-align:center; }
 .title h3{ margin-bottom:20px;}
.title span{ font-size:16px;}
 /*首页产品*/
#pro{  text-align:center; }
.prli{ background:url(../images/probg.jpg) no-repeat center top; padding-top:80px;}
.prli li{ height:363px;}
.pimg{height:363px; background:url(../images/probg.png) no-repeat center top; color:#fff; display:block; padding-top:200px; text-transform:uppercase; position:relative; font-size:16px;}
.pimga a{ color:#fff;}
.pimg h3{font-family:cambriai; font-weight:bold; text-transform:uppercase; font-style:normal; }
.pimg:hover{ background:url(../images/proturn.png) no-repeat center;}
.proturn{ display:none;  position:absolute; width:100%; height:100%; top:0; left:0; color:#313131; }
.proturn a{ color:#313131; background:#fff url(../images/promore.png) no-repeat 20px center; width:180px; height:42px; line-height:42px; margin:0 auto; display:block;}
.proturn span{ padding-top:125px; display:block;}
.proturn h3{ line-height:46px;}
.pimg:hover .proturn{ display:block; }
.pimg:hover .pimga{ display:none;}
.promore{ background:#babac2; color:#fff; line-height:80px; display:block;}
 
/*首页新闻*/
.newspic{ background:#f4f4f4; margin-top:10px;}
.newspic .col-sm-5{ padding-left:0;}
.newspic h3{ font-weight:bold; font-size:16px; margin:35px 0 15px 0;}
.newspic h3 span{ float:right;}
.newslist{ margin-top:65px;}
.newslist li{ position:relative; background:#f4f4f4 url(../images/newsbg.jpg) no-repeat center bottom; padding-bottom:47px; border-right:5px solid #ffffff; padding-top:70px;}
.newslist li span{ width:95px; height:80px; text-align:center; padding:15px 0; color:#b4b4b4; font-size:16px; background:#757575; display:block; position:absolute; left:35px; top:-35px; }
.newslist li span h3{ font-size:22px; color:#fff;}
.newslist li a{ color:#313131; font-size:15px;}
@media (max-width:768px){
.newslist li{ margin-bottom:40px; border:0; }
.newslist li:nth-child(3){ margin-bottom:0;}
.title{  margin-top:30px; }

}



/*join*/
#join{ background:#f1f1f1; margin:80px auto;}
.ser{ background:#616161; padding:80px 30px; height:415px; }
.sertop{ text-align:center; color:#fff; font-size:18px; font-weight:bold;border-bottom:1px dashed #aaaaaa; padding-bottom:18px; margin-bottom:30px; padding:0 20px;}
.sertop h4{ font-size:23px; line-height:50px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.ser ul li{ background:url(../images/joinbg.png) no-repeat center; background-size:100%; text-align:center; height:103px; line-height:100px;-webkit-transition: -webkit-transform 5s ease-out;
	-moz-transition: -moz-transform 5s ease-out;
	-o-transition: -o-transform 5s ease-out;
	-ms-transition: -ms-transform 5s ease-out; }

.ser ul li:hover {
	-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	-o-transform: rotateZ(360deg);
	-ms-transform: rotateZ(360deg);
	transform: rotateZ(360deg);
}
.joinimg{ height:415px; overflow:hidden; padding:0;}
#join .title{ margin-bottom:20px;}
.joinli{ padding:0;}
.joinli li{ height:138px; padding-left:100px; padding-top:40px;}
.joinli li:nth-child(1){ background:#fff url(../images/joina.png) no-repeat 25px center;}
.joinli li:nth-child(2){ background:#fff url(../images/joinb.png) no-repeat 25px center;}
.joinli li:nth-child(3){ background:#fff url(../images/joinc.png) no-repeat 25px center;}
.joinli li:hover{ background-color:transparent;}

/*feed*/
#feedcon{ background:#f1f1f1;  }
.feed{ padding:40px 0;}
.feed input{ margin:5px 0;}
.txtc{ margin:15px 0;}
.contop{ margin-bottom:15px;}
.btna{ background:#a3182b; color:#fff; text-align:center; display:block; width:100%; line-height:48px; height:48px; overflow:hidden;}
.btnb{ background:#babac2; color:#fff; text-align:center; display:block; width:100%; line-height:48px;height:48px; overflow:hidden;}
.con{ text-align:center; background:#fff;padding:40px 0;}
.con img{ display:block; margin:0 auto;}
footer{ background:#313131; color:#fff; padding:20px 0; text-align:center;}
footer a{ color:#fff;}
/*内页*/
.sideli{ margin-top:20px; font-size:18px; text-align:center;}
.sideli img{ margin:0 auto;}
.mainov{ padding:15px 0;}
#content{  padding:30px 0;}
aside{  text-align:center; margin-top:30px; }
aside a{ border:1px solid #a5a5a5; display:block; margin-bottom:16px; line-height:45px; height:45px; overflow:hidden;}
aside a:hover,.cho{ color:#fff; background:#a3182b}
 .maintest{ padding:20px 0; font-size:16px;}

@media (max-width:768px){
.btna,.btnb{ font-size:12px;}
aside{ margin:20px 0;}
 }

.pli{ background:#f5f5f5; margin-bottom:15px; padding:10px; text-align:left;}
.pli:hover{ background:#a3182b; color:#fff;}
.plil{ text-align:left;}
.morea{ background:#ba9163; border-radius:15px;  padding:1px 8px; color:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif; float:right;}
/*!图片查看器
 * baguetteBox.js
 * @author  feimosi
 * @version 0.7.0
 * @url https://github.com/feimosi/baguetteBox.js
 */

#baguetteBox-overlay {
	display: none;
	opacity: 0;
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000000;
	background-color: #222;
	background-color: rgba(0, 0, 0, 0.8);
	-webkit-transition: opacity 0.5s ease;
	        transition: opacity 0.5s ease;
}

#baguetteBox-overlay.visible {
	opacity: 1;
}

#baguetteBox-overlay .full-image {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
}

#baguetteBox-overlay .full-image figure {
	display: inline;
	margin: 0;
	height: 100%;
}

#baguetteBox-overlay .full-image img {
	display: inline-block;
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	   -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

#baguetteBox-overlay .full-image figcaption {
	display: block;
	position: absolute;
	top:30px;
	width: 100%;
	text-align: center;
	line-height: 1.8;
	color: #ccc;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.6);
	font-family: sans-serif;
}

#baguetteBox-overlay .full-image:before {
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right: -1px;
}

#baguetteBox-slider {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	white-space: nowrap;
	-webkit-transition: left 0.4s ease, -webkit-transform 0.4s ease;
	        transition: left 0.4s ease, -moz-transform 0.4s ease;
	        transition: left 0.4s ease, transform 0.4s ease;
}

#baguetteBox-slider.bounce-from-right {
	-webkit-animation: bounceFromRight 0.4s ease-out;
	        animation: bounceFromRight 0.4s ease-out;
}

#baguetteBox-slider.bounce-from-left {
	-webkit-animation: bounceFromLeft 0.4s ease-out;
	        animation: bounceFromLeft 0.4s ease-out;
}
.exhi p{ text-align:center; line-height:30px; height:60px;}
.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
	top: 50%;
	top: calc(50% - 30px);
	width: 44px;
	height: 60px;
}

.baguetteBox-button {
	position: absolute;
	cursor: pointer;
	outline: none;
	padding: 0;
	margin: 0;
	border: 0;
	-moz-border-radius: 15%;
	     border-radius: 15%;
	background-color: #323232;
	background-color: rgba(50, 50, 50, 0.5);
	color: #ddd;
	font: 1.6em sans-serif;
	-webkit-transition: background-color 0.4s ease;
	        transition: background-color 0.4s ease;
}

.baguetteBox-button:hover {
	background-color: rgba(50, 50, 50, 0.9);
}

.baguetteBox-button#next-button {
	right: 2%;
}

.baguetteBox-button#previous-button {
	left: 2%;
}

.baguetteBox-button#close-button {
	top: 20px;
	right: 2%;
	right: calc(2% + 6px);
	width: 30px;
	height: 30px;
}

.baguetteBox-button svg {
	position: absolute;
	left: 0;
	top: 0;
}

/*
    Preloader
    Borrowed from http://tobiasahlin.com/spinkit/
*/

.spinner {
	width: 40px;
	height: 40px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px;
}

.double-bounce1,
.double-bounce2 {
	width: 100%;
	height: 100%;
	-moz-border-radius: 50%;
	     border-radius: 50%;
	background-color: #fff;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: bounce 2s infinite ease-in-out;
	        animation: bounce 2s infinite ease-in-out;
}

.double-bounce2 {
	-webkit-animation-delay: -1s;
	        animation-delay: -1s;
}

@-webkit-keyframes bounceFromRight {

0% {
	margin-left: 0;
}

50% {
	margin-left: -30px;
}

100% {
	margin-left: 0;
}

}

@keyframes bounceFromRight {

0% {
	margin-left: 0;
}

50% {
	margin-left: -30px;
}

100% {
	margin-left: 0;
}

}

@-webkit-keyframes bounceFromLeft {

0% {
	margin-left: 0;
}

50% {
	margin-left: 30px;
}

100% {
	margin-left: 0;
}

}

@keyframes bounceFromLeft {

0% {
	margin-left: 0;
}

50% {
	margin-left: 30px;
}

100% {
	margin-left: 0;
}

}

@-webkit-keyframes bounce {

0%,100% {
	-webkit-transform: scale(0);
	        transform: scale(0);
}

50% {
	-webkit-transform: scale(1);
	        transform: scale(1);
}

}

@keyframes bounce {

0%,100% {
	-webkit-transform: scale(0);
	   -moz-transform: scale(0);
	        transform: scale(0);
}

50% {
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	        transform: scale(1);
}

}



/*Article List*/
.arList li { border-bottom:1px solid #d5d5d6; background:url(../images/titdot.jpg) no-repeat left 15px; margin-bottom:15px; line-height:26px;}
.arList li h3{ font-size:18px; font-weight:normal; margin-bottom:10px; color:#333333;}
.arList li img{ float:left; padding-right:15px;max-height:80px; }
.newsr h2{ font-size:35px; line-height:32px; padding-top:16px;}
.newsdata{ text-align:center; display:block; background:#CCC; padding:10px 0;height:80px;}
@media (max-width:768px){
.newsdata{ text-align:left; display:inline; background:none; }
.newsdata h2{ display:inline; font-size:14px; display:none;}
.arList{ padding:0 10px;}
}


/*Article Content*/
.arDate { text-align: center; }
.arDate span i{font-style:normal;}
.arKeywords { line-height: 24px; color: #db0023;}
.arContent { margin: 10px auto; border-bottom: 1px solid #ccc;padding-bottom: 25px;}
.xgwz li{ border-bottom:1px dotted #ccc;}
.xgwz li span{ float:right;}
.but_tit {height: 30px;border-bottom: 2px solid #ccc;line-height: 30px;margin: 20px 0;}
.but_tit span{display:block;width:114px;height:30px;line-height:30px;color:#fff;background: #db0023;text-align:center;}
.but_tit span em{width: 6px;height: 14px;background-color: #fff;display: inline-block;vertical-align: middle;margin: -3px 5px 0 0;}

.jms{ margin:20px auto;}
/* 加盟商查询效果CSS开始 */
.mod18{width:800px;position:relative;margin:0 auto;}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:10px;background:url(../images/prevbtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:250px;width:32px;height:48px;}
.mod18 #prev,.mod18 #next{top:656px;width:10px;height:16px; }
.mod18 #prevTop{background:url(../images/prevbtntop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(../images/nextbtntop.png) 0 0 no-repeat;}
.mod18 .next{right:10px;background:url(../images/nextbtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:526px;height:377px;position:absolute;color:#fff;}
.mod18 .cf li span{display:block;width:800px;position:absolute;left:0;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{width:800px; height:600px;  position:relative;overflow:hidden; background:#0D0D0D; }
.mod18 .picBox ul{height:800px;position:absolute; left:0;}
.mod18 .picBox li{width:800px; height:600px;}
.mod18 .picBox li img{width:800px; height:600px;}
.mod18 .listBox{width:800px;height:110px;margin:0 auto;position:relative; padding-top:15px;overflow:hidden;}
.mod18 .listBox ul{height:96px;position:absolute; }
.mod18 .listBox li{width:140px;height:96px;cursor:pointer;position:relative; padding:5px 0 0 0;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:126px;height:96px;}
.mod18 .listBox img{border:3px solid #fff; width:120px; height:90px; }
.mod18 .listBox .on img{border:3px solid #CECDCC;}
.mod18 .listBox .on{background:url(../images/img_bg.jpg) center top no-repeat;}
.mod18 .listBox .on i{display:block;}


/*站点 浮动返回顶部*/
 
.cd-top {
  display: inline-block;
  height: 43px;
  width: 44px;
  position: fixed;
  bottom: 60px;
  right: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:  url(../images/back_top.jpg) no-repeat center 50%;
   -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  z-index:999;
  opacity:0.6
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
} 






/*站点 浮动客服*/ 
.keifu img{ border:0;}
.keifu{ position:fixed; top:10%; right:0; width:131px;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 z-index:990;}
.keifu_tab{ width:160px;}
.icon_keifu{ width:26px; height:100px; float:left; background:url(../images/keifu.png) 0 0; position:relative; display:none; cursor:pointer;}
.keifu_box{ float:left; width:131px;}
.keifu_tab img{ display:block;}
.keifu_head{ width:131px; height:41px; background:url(../images/keifu.png); background-position: 0 -103px; font-size:0; line-height:0; position:relative;}
.keifu_close:link,.keifu_close:visited{ display:block; width:11px; height:11px; background:url(../images/keifu.png) -42px 0; position:absolute; top:5px; right:5px;}
.keifu_close:hover{ background-position:-60px 0;}
.keifu_con{ border-left:7px solid #029bdb; border-right:7px solid #029bdb;  background:#fbfbfb;}
.keifu_con ul{border-bottom: #e6e5e4 1px solid;}
.keifu_con li{padding-left:12px;} 
.keifu_con .li-qq{  height:25px; padding-top:2px;padding-bottom:2px;}
.keifu_con .li-tel-title{  font-weight: bold; font-size: 12px; height:29px; line-height:29px; 
                           border-top:1px solid #dddddd; }
.keifu_con .li-tel-num{ font-family: Arial; font-size:12px; color: #e66d15; line-height:20px;}

.keifu_con .li-feed-title{  font-weight: bold; font-size: 12px; border-top:1px solid #dddddd;padding-left:0px; }
.keifu_con .li-feed-title img{ padding-left:0px;width: 117px;  }
.keifu_con .li-feed{ font-family: Arial; font-weight: bold;color: #e66d15; }

 
.keifu_con .li-weixin-title{  font-weight: bold; font-size: 12px; height:29px; line-height:29px; 
                           border-top:1px solid #dddddd; }
.keifu_con .li-weixin{ height:96px;padding-left:0px;}
.keifu_con .li-weixin img{width: 115px;height: 115px;}
.keifu_con .bt{ font-size:16px; height:30px; line-height:30px; text-align:left; padding:0 0 0 20px; color:#012646;}
.keifu_bot{ width:131px; height:10px; background:url(../images/keifu.png); background-position:0 -153px; }



/*左下角 浮动 在线留言*/ 
#SfMessWrap{
	border:2px solid #029bdb;
	padding:1px;
	width:230px;
	background:#f5f5f5;  
	z-index:100; 
	position: fixed;
	left:2px;
	bottom: 2px; 
}

#SfMessHead{
	background:#029bdb;
	line-height:28px;
	height:28px;
	text-indent:10px;
	font-size:12px;
	color:#fff;
	text-align:left;
	cursor:pointer;
}
#SfMessHead #SfMessTitle{
	float:left;
}
#SfMessHeadIcon{
	float:right;
	width:23px;
	height:25px;
	margin-right:2px;
	background-image:url(../images/icon.png);
}
.SfMessIconOpen{
	background-position:top;
}
.SfMessIconClose{
	background-position:bottom;
}

#SfMessBody{
	width:230px;
	height:225px;
	padding-bottom:5px; 
}
#SfMessBodyTop{display:none;}
#SfMessBodyMid{
	width:212px; 
	padding:0px;
	margin:0px auto;
	margin-top:5px;
}

#SfMessBodyMid input {
	border:1px solid #cccccc;
	background:#ffffff;
	color:#b89d9d;
	width:190px;
	height:17px;
	font-size:12px;
}

#SfMessBodyMid textarea {
	width:210px;
	height:73px;
	border:1px solid #cccccc;
	background:#ffffff;
	color:#b89d9d; 
	overflow:hidden; text-align:left;
	font-size:12px; padding:0px; margin:0px auto;
}

#SfMessBodyMid div {
	margin-top:3px;
	height:20px;
	 
}
#SfMessBodyMid .contactmessage {
	height:76px;
}
#SfMessBodyMid .contactname {
	padding-left:20px;
	background:url(../images/company.gif) no-repeat;
}
#SfMessBodyMid .contacttel {
	padding-left:20px;
	background:url(../images/mobile.gif) no-repeat;
}
#SfMessBodyMid .contactfrom {
	padding-left:20px;
	background:url(../images/from.gif) no-repeat;
}
#SfMessBodyMid .contactemail {
	padding-left:20px;
	background:url(../images/email.gif) no-repeat;
}

#SfMessBodyMid .contactvalicode {
	padding-left: 20px; 
	background:url(../images/other.gif) no-repeat; 
}
#SfMessBodyMid .contactvalicode input { 
	width:100px; 
	height: 17px;
	float:left;
}
#SfMessBodyMid .contactvalicode img { 
	height:19px; 
	border:1px solid #cccccc;
	background:#ffffff;
	color:#b89d9d; 
	float:right; 
}
.clearboth  { 
	clear:both;
}

#SfMessBodyMid .must, #SfMessBodyMid .ignore, #SfMessBodyMid .other {
	padding-left:20px;
	background:url(../images/other.gif) no-repeat;
}

#SfMessBodyBottom{ 
	width:220px;
	height:22px;
	line-height:22px;
	padding:0px;
	margin-top:10px;
}

#SfMessSubmit{
	width:40px;
	background:url(../images/send.gif);
	color:#fff;
	border:0; height:22px;
	padding:0px; 
	float:right;
}

#SfMessCopy{
	float:left;
	height:22px;
	line-height:22px; 
	margin-left:10px;
	font-size:13px;
	font-weight:bold;
	color: #666666; 
	padding-left:25px; 
	background: url(../images/sign.png) left top no-repeat;
}

.SfMessTip{
	display:none;
}
#SfMessBodyFoot{
	display:none;
}



/*PageBar*/
.PageBar{ clear:both;   text-align: center; margin-top:20px;}
.PageButtons { height: 28px;text-align: center;  }
.PageButtons span, .PageButtons a { height: 26px; line-height: 26px; text-decoration: none; border: 1px solid #CCCCCC; padding: 4px 6px; }
.PageButtons span { color: #ffffff; background-color: #CCCCCC; }
.PageButtons a { color: #333333; }
.PageButtons a:hover { background-color: #FFFF99; }
.PageInfo { height: 24px; line-height: 24px; }
.disabled{ display:none;}