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

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

.protestimg img{ width:100%;}
/*head*/
.navbar{ color:#fff;height:70px;  background:#333333; border:none; z-index:999;}
.navbar a{ color:#fff;}
.navbar-brand img{ padding:18px 0; margin-right:30px;}
.nav{ float:left;height:70px; line-height:70px; width:500px;}
.nav li{ width:90px;}
.nav li a{ padding:0; }
.nav li a:hover{ background:none;}
@media (max-width:767px){
.navbar{height:75px;}
.navbar-brand{ height:auto;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ background:#333333; border:none; font-size:18px;}
}

.tel{ float:right; line-height:70px; height:70px;  }
.tel span{ float:left;}

.ewm{ position:relative;}
.ewmimg{ position:absolute; top:60px; left:-40px; display:none;}
.ewma{ position:relative; padding:0 15px;}
.ewmimga{ position:absolute; top:60px; left:-40px; display:none;}

.navbar-brand{ padding:0;}

.sea{ padding-top:15px;}
.sousuo1{ width:170px; height:40px; line-height:40px; margin-top:1px; color:#fff; text-indent:12px; background:#484848; float:left;}
.go{ height:40px;line-height:40px;  color:#fff;  background:#484848;float:left; width:40px; text-align:center; font-size:20px;}

 .navbar-toggle{margin-top:26px;}
 .navbar-default .navbar-collapse, .navbar-default .navbar-form{ text-align:center;}

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

#banner .flicking_con{position:absolute;top:580px;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:350px;overflow:hidden;position:relative; }
#bann .main_image{height:350px;overflow:hidden;position:relative;}
#bann .main_image ul{width:9999px;height:350px;overflow:hidden;position:absolute;top:0;left:0}
#bann .main_image li{float:left;width:100%;height:350px;}
#bann .main_image li span{display:block;width:100%;height:350px}
#bann .main_image li a{display:block;width:100%;height:350px}

#bann .flicking_con{position:absolute;top:320px;left:50%;z-index:999;width:320px;height:21px;margin:0 0 0 -50px;}
/*banner*/
#threec{ background:#e3e3e3; }

.gray{ background:#fafafa;padding-top:30px;}
 
.pro{ background:#fff; padding:26px 20px;}
.pro img{ float:right;}
.pro a{ display:block; color:#0096e1;}
.news{ background:#fff url(../images/newspic.jpg) no-repeat left top; padding:20px; padding-left:140px; font-size:12px; }
.news h4{ font-size:14px; font-weight:bold; color:#30aae7;}
.news a{ width:19px; height:19px; background:url(../images/newsmore.jpg) no-repeat; float:right;}

#bus{ border-top:1px solid #dadada; border-bottom:1px solid #dadada; padding:20px 0; margin:30px auto;}

 
.foot{ padding-bottom:10px;} 
.foot span{ float:right;}
 @media (max-width:767px){
.foot span{ display:block; float:none;}
.device {
 margin-top:0;
}
.news{   padding-bottom:30px;}

}


/*内页*/
.maintop{ border-bottom:1px solid #dadada; line-height:40px; text-align:right;}
 @media (max-width:767px){
.maintop{text-align:left;}
}

.maintest{ padding-top:30px;} 

#content{  padding:30px 0;}
.sidelist li a,.sideh3{   height:45px; line-height:45px; text-align:center; border:1px solid #eeeeee; margin-top:15px;display:block;   }
.sidelist li a:hover,.menuhover{  height:45px; color:#30aae7; line-height:45px; border:1px solid #30aae7; display:block;}

#order_form input,#order_form textarea{ margin-bottom:15px;}
#order_form{ text-align:right;}
.maintest h3{ line-height:2;}
.fali span{ position:absolute;top:0; display:none; padding-right:15px;}
.fali{ position:relative; margin-bottom:20px;}
.fali h3{ background:#a9a9a9; font-size:14px; text-align:center; color:#fff; line-height:45px; height:45px; overflow:hidden;  }
 .fali:hover span{ display:block;}
.prozhai{ border-bottom:1px solid #dadada; padding-bottom:30px; margin-bottom:30px;} 
.prozhai h3{ color:#30aae7;} 
.prozhai a{ background:url(../images/shop.jpg) no-repeat 10px center; border:1px solid #30aae7; color:#30aae7; padding:6px 20px 6px 50px; float:right; margin-top:30px;}

.sideh3{ background:#30aae7; color:#fff;}
.maintit{ font-weight:bold; color:#000; text-align:center;}


.protes{display:none; padding:10px; margin-top:10px;  }
.proctop{ padding:30px 0; text-align:center;   }
.proctop .col-xs-11{  cursor:pointer;  height:30px; line-height:30px;  border:1px solid #3398de; color:#3398de; font-size:16px; font-weight:bold; margin-bottom:10px; padding:0; }
.proctop .col-xs-11.cur,.proctop .col-xs-11:hover{ color:#fff; background:#3398de;}
.protest{ text-align:center;}
.protest p{ height:50px; line-height:25px; }
.protest img{ margin:0 auto;}
.proten{ background:#f6f6f6; padding:18px; text-align:center; color:#000; margin-bottom:40px;}
.proimg{ position:relative; display:block;}
.proimg:hover p{ display:block;}
.proimg p{ position:absolute; left:0; top:0;  z-index:999; width:100%; text-align:center; display:none; }
.sdde{ color:#3398de; font-size:16px; line-height:80px;}

.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: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;}