@charset "utf-8";
/* CSS Document */

.aligncenter, dl.aligncenter, .html5-captions .wp-caption.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.head{ display: none;}

.abg span a{color: #68655e}
.abg span a:hover{ text-decoration: underline;}

.left .sxh{ height: 40px; line-height: 40px; padding: 0px 60px; margin-bottom: 20px;}
.left .sxh a{ font-size: 16.31px; color: #000; width: 75px; float: left;}
.left .sxh a:hover{ text-decoration: underline;}

.newslist .content1{ overflow-y: auto; overflow-x:hidden; padding-bottom: 0px;}

.joinus .left{ overflow-y: auto; overflow-x:hidden; margin-bottom: 0px;}
.joinus .right{ overflow-y: auto; overflow-x:hidden; margin-bottom: 0px;}
.aboutuscontent1s .left div div{ overflow-y: auto; overflow-x:hidden; margin-bottom: 0px;}
.aboutuscontent2s .content .s{ overflow-y: auto; overflow-x:hidden; margin-bottom: 0px;}
.joinus .right ul li{ text-indent:0px;}
.shopping h1{display: none;}
.abp h1{ margin-right: 20px;}
.abp .content{ padding-right: 20px;}

.homebannernav{ position: absolute;

bottom: 10px;
}
.homebannernav a{ width: 10px; height: 10px; background-color: #e1e1e1; color: #e1e1e1; float: left; font-size: 1px; margin-right: 6px;border-radius: 50%;}
.homebannernav a.sd{color: #ca3c15; background-color: #ca3c15;}
.homebannernav a span{ display: none;}
.newslistone dl dd p{ color: #949493; margin-top: 5px;}
.newslistone dl dd span{ color: #848482;}

.news2 .left dl.content .list img:hover{width: 92px;}
.newslistclose:hover{width: 54px;}

.newslist .content1 dl dd h3 a{ font-size: 14px;}
.newslist .content1 dl dd h3 a:hover{ font-size: 16px;}
.newslist .content1 dd a:hover{ font-weight: bold;}

.content2 .left a:hover{ font-size: 14px;}

.right img:hover{margin-top: 99px; 
 width: 54px; }

.aboutuscontent2s .right img:hover{margin-top: 99px; margin-top:178px;}
.aboutuscontent1s .right img:hover{margin-top: 99px; margin-top:178px;}
.aboutuscontent2 .right img:hover{margin-top: 99px; margin-top:178px;}

.joinus .content1 h1{ display: none;}
 .joinus .content2 .content2-1 dl dt.p0 a:hover{height: 26px;
font-size: 16px;
width: 116px;}
 .joinus .content2 .content2-1 dl dd img:hover{margin: 0px; width: 61px;}
 .joinus .content2 .content2-10 dl dt.p0 a:hover{height: 26px;
font-size: 16px;
width: 116px;}
 .joinus .content2 .content2-10 dl dd img:hover{margin: 0px; width: 61px;}

.list a:hover{ text-decoration: underline; font-size: 16px;}

table{border-right:1px solid #5f4e3e;border-bottom:1px solid #5f4e3e}
table td{border-left:1px solid #5f4e3e;border-top:1px solid #5f4e3e; padding: 5px;}

dl.content dt span{ line-height: 40px;}

.news h1,.news2 h1{ margin: 0px;}

.newslist .pagination { width: 300px; height: 30px; margin: 0 auto; padding-left: 150px;}
.newslist .pagination a{ width: 20px; height: 20px; display: block; background-color: #fff; color: #7e7e7e; float: left; line-height: 20px; text-align: center; margin-right: 6px;}
.newslist .pagination a.sd{ background-color: #993023; color: #fff;}
.newslist .pagination a:hover{ background-color: #993023; color: #fff;}
.newslist .pagination a.updown{  width: 50px; background:none; color: #fff; }
.newslist .pagination a:hover{ font-weight: bold; text-decoration: underline;}


.franchise .pagination { width: 300px; height: 30px; margin: 0 auto; padding-left: 150px;}
.franchise .pagination a{ width: 20px; height: 20px; display: block; background-color: #bfc0c0; color: #5d5e5e; float: left; line-height: 20px; text-align: center; margin-right: 6px;}
.franchise .pagination a.sd{ background-color: #ec4415; color: #fff;}
.franchise .pagination a:hover{ background-color: #ec4415; color: #fff;}
.franchise .pagination a.updown{  width: 50px; background:none; color: #5d5e5e; }
.franchise .pagination a.updown{  font-weight: bold; text-decoration: underline; }

.aboutuscontent2 .pagination { width: 300px; height: 30px; margin: 0 auto; padding-left: 150px;}
.aboutuscontent2 .pagination a{ width: 20px; height: 20px; display: block; background-color: #bfc0c0; color: #5d5e5e; float: left; line-height: 20px; text-align: center; margin-right: 6px;}
.aboutuscontent2 .pagination a.sd{ background-color: #ec4415; color: #fff;}
.aboutuscontent2 .pagination a.updown{  width: 50px; background:none; color: #5d5e5e; }

.aboutuscontent1s ul li{text-indent: 24px;}
.aboutuscontent1s h1{text-align: center;}
.aboutuscontent1s .left{ font-size: 14px;}

.aboutuscontent2s ul li{text-indent: 24px;}
.aboutuscontent2s .left dl.content dt{text-align: center; width: 70%;
margin: 0 auto;}
.aboutuscontent2s .left{ font-size: 14px;}

.news2 ul li{text-indent: 24px;}
.news2 .left dl.content dt{text-align: left;
  height: 98px;
width: 70%;
margin: 0 60px;}

.news2 .left dl.content dd dt{ text-align: left; width: 100%; margin: 0px; height: auto;}
.news2 .left dl.content dd.s{overflow-y: auto; overflow-x: hidden; padding: 0px 60px;}
.news2 .left{ font-size: 14px;}

.news .left dl.content dd dt{ text-align: left; width: 100%; margin: 0px;}
.news .left dl.content dd.s{overflow-y: auto; overflow-x: hidden; padding: 0px 60px;}
.news .left{ font-size: 14px;}

.aboutuscontent2s .left dl.content dd dt{ text-align: left; width: 100%;}
.aboutuscontent2s .left dl.content dd.s{overflow-y: auto; overflow-x: hidden; padding: 0px 60px;}

.news1 ul li{text-indent: 24px;}
.news1 dt{text-align: center;}
.news1 .left{ font-size: 14px;}

.news ul li{text-indent: 24px;}
.news dl.content dt{text-align: center;}
.news .left{ font-size: 14px;}

.joinus .content1{ font-size: 14px;}
.joinus ul li{text-indent: 24px;}

.franchise ul li{text-indent: 24px;}
.franchise .content4 dl.content dt{text-align: center; width: 70%;
margin: 0 auto;}
.franchise .content4{ font-size: 14px;}
.franchise .content4 .content{ padding-bottom: 20px;}

.franchise .content1 h1{text-align: center;}
.franchise .content1{ font-size: 14px;}

.franchise .content2 dl{ border-bottom: 1px solid #9fa0a0; height: 140px; margin-bottom: 20px;}
.franchise .content2 dl dt { width: 232px; height: 123px; float: left; padding-left: 10px;}
.franchise .content2 dl dt img{ width: 194px; height: 123px; border: 2px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px;  border-radius:5px;}
.franchise .content2 dl dd{ width: 490px; float: left;}
.franchise .content2 dl dd p{ color: #474743;margin-top: 2px; height: 80px; display: block;}
.franchise .content2 dl dd a{ color: #807f7d; font-size: 12px;}
.franchise .content2 dl dd a:hover{text-decoration: underline;}
.franchise .content2 dl dd h3 a{color: #000; font-size: 14px;}
.franchise .content2 dl.content dt span{ font-size:14px; font-weight:bold;}
.franchise .content2 dl.content img{ width: auto; }
.franchise .content2 dl.content dt{ margin-bottom:15px;}
.franchise .content2 dl.content dd{ margin-bottom:20px; line-height: 24px;}
.franchise .content4 .list{ padding-top: 10px; background:url(../img/news-line.png) no-repeat center 2px;}
.franchise .content4 .list dl{ height:25px; line-height:25px;}
.franchise .content4 .list dl dt{ width: 600px; float: left; padding-left: 12px; background:url(../img/arrows-black.png) no-repeat 0px center; text-align: left;}
.franchise .content4 .list dl dd{ width: 100px; float: right; text-align: right;}
.franchise .content4 .list dl a{ color: #3e3a39;}
.franchise .content4 .list div span img{float: right; cursor:pointer}
.franchise .content4 .list div{ height: 30px;}
.franchise .content4 .list div h2{float: left;}

.newslist .content1 h3{ height: 24px; overflow: hidden;}



.loading{  
	position:fixed; top:0; width:100%;  z-index: 99; background-color: #444; 
	filter:alpha(opacity=50); /*IE滤镜，透明度50%*/
-moz-opacity:0.5; /*Firefox私有，透明度50%*/
opacity:0.5;/*其他，透明度50%*/
}

.spinner {
	margin: 0 auto;
  width: 50px;
  height: 50px;
  position: relative;
}
 
.container1 > div, .container2 > div, .container3 > div {
  width: 12px;
  height: 12px;
  background-color: #ddd;
 
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 
.spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
 
.container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
 
.container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
 
.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }
 
.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
 
.container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
.container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
 
.container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
 
.container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
 
.container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
 
.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
 
.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
 
.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
 
.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
 
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
 
@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.news2 img{ max-width: 730px;}