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

/*站点标签通用样式定义*/
html,body{font-family:Microsoft YaHei,arial,宋体;font-size:14px;line-height:2;color:#575757; background:#fff; padding-top:120px; }
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:#f39800; 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; }


/*head*/
.navbar{ background:url(../images/tm.png) repeat; color:#cacaca; height:120px;}
.navbar a{color:#cacaca;}
.tel{ float:right; padding-top:15px;}
.tel input{  background:#fff; height:24px;}
.glyphicon-earphone{ color:#f39800; font-size:20px; font-weight:bold;}
.sea{ background:#f39800; color:#fff;height:24px; border:none;  }
.tela{ padding:0 10px;}
.navbar-toggle{margin-top:46px;}
.sea:hover{ cursor:pointer;}
@media (max-width:768px){
	.tel{ float:none;}
	.collapse ul li{ line-height:36px; padding:0; margin:0; text-align:center;}
	.navbar-header{ height:120px;}
.navbar-collapse{background:url(../images/tm.png) repeat;}

}
/*nav*/
.nav {position:relative; float:right; padding:10px 0; }
.nav h3 { font-size:14px;font-weight:normal;text-align: center; margin:0 28px; line-height:28px; }
.nav a:hover{ color:#f39800; }
.nav .m {float:left; position:relative; z-index:1; }
.nav .sub {display:none; opacity:0; position:absolute; left:0px; top:28px; z-index:1; background:#fff;z-index: 9999;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.nav li.m:hover .sub{ display:block;opacity:1;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);-webkit-transition: all .5s;transition: all .5s; }
.nav .sub li {text-align:center; padding:0 25px; margin-bottom:-1px; font-size:12px; }
.nav .sub li a {display:block; border-bottom:1px solid #E6E4E3;   line-height:28px; color:#000; }
.nav .sub li a:hover {color:#f39800;}

@media (max-width:1024px){
.nav h3 { margin:0 2px;  }
}

/* fullSlide */
.fullSlide{width:100%;position:relative;height:727px; margin-bottom:20px;  }
.fullSlide .bd li{width:100% !important;height:727px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:727px;}
.bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.bd ul{width:100% !important;}
.hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.hd ul{text-align:center;}
.hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:6px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.hd ul .on{background:#f39800;}
.fullSlide .prev,.fullSlide .next,.fullSlidea .prev,.fullSlidea .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next,.fullSlidea .next{left:auto;right:15%;background-position:-6px -137px;}
.fullSlidea{width:100%;position:relative;height:386px; }
.fullSlidea .bd li{width:100% !important;height:386px;overflow:hidden;text-align:center;}
.fullSlidea .bd li a{display:block;height:386px;}
.fullSlideb{width:100%;position:relative;height:auto;  }
.fullSlideb .bd li{width:100% !important;height:auto;overflow:hidden;text-align:center;}
.fullSlideb .bd li a{display:block;height:auto;}
.fullSlideb .bd li img{ width:100%; display:block;}
 
/*com*/
#com{ text-align:center;}
#com h2{ font-size:60px; font-weight:bold; padding-top:120px;}
#com h3{ font-size:18px; margin:30px 0;}
@media (max-width:1024px){
#com h2{ font-size:30px; font-weight:bold; padding-top:10px;}
#com h3{ font-size:16px; margin:20px 0;}
}



/*首页产品*/
#pro{ background:#008266;color:#fff; overflow:hidden; text-align:center; }
#featured-info li h2{ font-size:38px; font-weight:bold; margin-top:200px; line-height:2; }
#featured-info li h3{ font-size:18px; line-height:2;  }
#featured-info a{ border:1px solid #fff; width:120px; height:36px; display:block; margin:15px auto; color:#fff; line-height:36px;}
#featured-info a:hover{ color:#f39800;border:1px solid #f39800;}
.line{ border-top:1px solid #fff; margin:15px 0; display:block;}

@media (max-width:768px){
#featured-info li h2{ font-size:28px; font-weight:bold; margin-top:10px; line-height:2; }
#featured-info{ margin-bottom:40px;}
}
/*a#home-read-more-button{background:url(../images/bt-home-readmore.png) no-repeat;width:103px;height:42px;margin-top:25px;
display:block;text-indent:-9999px;}
*/
/** featured images**/
#featured-images{position:relative;}

/** featured slider navigation **/
ul#home-featured-nav{width:110px;height:55px; position:absolute; top:50%; left:-55px; z-index:999;}
ul#home-featured-nav a{width:55px;height:55px;display:block; float:left;margin:auto;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6; line-height:200px; overflow:hidden;}
ul#home-featured-nav a:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
ul#home-featured-nav li.next a{background:url(../images/btn.jpg) no-repeat top;}
ul#home-featured-nav li.prev a{background:url(../images/btn.jpg) no-repeat bottom;}
@media (max-width:768px){
ul#home-featured-nav{background:url(../images/bg-homeslider.png) no-repeat;width:33px;height:60px;padding-top:14px;position:absolute; top:-30px; left:50%; z-index:999;}
ul#home-featured-nav a{width:16px;height:18px;display:block;margin:auto;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6; }
ul#home-featured-nav a:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
ul#home-featured-nav li.next a{background:url(../images/homeslider-arrow-down.png) no-repeat;margin-left:9px;}
ul#home-featured-nav li.prev a{background:url(../images/homeslider-arrow-up.png) no-repeat;margin-left:8px;margin-bottom:5px;}
}


/*jms*/
#jms{ background:url(../images/b.jpg) no-repeat center top; color:#fff; text-align:center; padding:40px 0;  }
#jms h3,#ser h3,.newstop{ font-size:50px; font-weight:bold; text-align:center; line-height:2}
#jms a{ color:#fff;}
#jms img{ margin:0 auto;}
#jms .col-md-offset-3{ padding-top:150px;}
@media (max-width:768px){
#jms h3,#ser h3,.newstop{ font-size:20px; font-weight:bold;}
#jms .col-md-offset-3{ padding-top:30px;}
}

/*ser*/
#ser{ background:#192840; padding:40px 0;  }
.sertop{ text-align:center; color:#fff;}
#ser .col-sm-9{ background:#fff; border-radius:5px; margin-top:15px; padding:10px;}
#ser img{ margin:0 auto;}
#ser li{ margin-top:20px;}
.circle{-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;}
.circle:hover {
	-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	-o-transform: rotateZ(360deg);
	-ms-transform: rotateZ(360deg);
	transform: rotateZ(360deg);
}

/*news*/
.newstop{ line-height:3;}

.newslist li h3 a{ font-weight:bold; font-size:15px; padding:10px 0; color:#000;}
.more{ width:130px; height:40px; line-height:40px; color:#fff; text-align:center; background:#f39800; display:block; margin:15px 0;}
.more:hover{ background:#000; color:#fff}
/*footer*/
#footmenu{ background:#ececec; margin-top:30px; padding:25px 0;}
#footmenu h3{ font-size:14px;color:#000000; font-weight:bold; line-height:2;}
#footmenu a{ display:block; color:#000000;}
#footmenu input{ font-size:12px;}
#footmenu .form-control{ height:24px; border-radius:0; background:#fff;}
#footmenu .txtc{ height:56px;}
#footmenu td{ border:none;}
.btna{ background:#192840; color:#fff; text-align:center; display:block; width:100%; line-height:28px;}


footer{ background:#192840; color:#fff; padding:20px 0;}
footer a{ color:#fff;}
/*内页*/
#content{background:#e9e8e8; padding:30px 0;}
aside{  text-align:center; margin:50px 0; }
aside a{ border:1px solid #a5a5a5; display:block; margin-bottom:16px; line-height:45px; height:45px; overflow:hidden;}
aside a:hover{ color:#fff; background:#f39800}
.maintop{ text-align:center; margin-bottom:15px;}
.maintop h3{ font-size:30px; color:#000; font-weight:bold; line-height:2;}
.maintop p{ background:url(../images/maintop.png) no-repeat center; line-height:33px; font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#cb9d2d;}
.maintest{ padding:20px 0; font-size:14px;}


.pli{ background:#fff; margin-bottom:15px; padding:10px; text-align:left;}
.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:40px;}
.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;}