h1{margin:0;font-size: 18px;}

.left400{width:400px;margin-right: 20px;float: left;}
.hot{background: margin-bottom: 10px;}
.hot h1 a,.tui h1 a {
	color: #e60012;
}
.tui{background: margin-bottom: 10px;  border-bottom: 1px dashed #cccccc;
  padding-bottom: 10px;}

.left400 h1{ height: 30px;  line-height: 40px;  overflow: hidden;  margin-bottom: 5px;color: #2222222;}
.left400 .box-first{margin-top:10px;}
.box{margin-bottom: 10px;}
.box li{background:url(../images/point.png) 0 13px no-repeat;list-style-type: none;padding-left: 10px;color: #333333;margin-left: 5px;height:27px;line-height: 27px;overflow: hidden;}
.box .box-first{color:#222222;font-size: 16px;font-weight: 900;background: none;padding-left: 0px;  margin-left: 0;  overflow: hidden;}
.f14{font-size: 14px;}

.right560{width: 560px;float: right}


.swiper-container {
  width: 560px;
  height: 300px;
  color: #fff;
  text-align: center;
}
.bigPre{position:absolute;width:46px;height:46px;background:url(../images/lr.png) no-repeat left center;  top: 120px;left:10px;  opacity: .3;}
.bigNext{position:absolute;width:46px;height:46px;background:url(../images/lr.png) no-repeat right center;  top: 120px;right:10px;;  opacity: .3;}

.bigPre:hover,.bigNext:hover{opacity:.8}

.swiper-container1 {  width: 650px;  color: #fff;float: left;min-height: 600px;max-height: 1029px;}
.swiper-container2 {  width: 310px;  color: #fff;overflow: hidden;  padding-top: 15px;height: 360px;}
.swiper-slide{overflow: hidden;}
.swiper-slide .title {  bottom: 0;
  position: absolute;
  height: 40px;
  display: inline-block;
  width: 560px;
  float: left;
  left: 0;
  text-align: left;
  line-height: 40px;
  font-size: 14px;
  padding-left: 5px;
}
.swiper-slide .title a{color: #fff;}
.red-slide {
  background: #ca4040;
}
.blue-slide {
  background: #4390ee;
}
.orange-slide {
  background: #ff8604;
}
.green-slide {
  background: #49a430;
}
.pink-slide {
  background: #973e76;
}
.title-bg{  bottom: 0;  position: absolute;  height: 40px;  display: inline-block;  background-color: #000;  filter: alpha(opacity=40);opacity: .6;  width: 560px;  margin: 0;  float: left;
  padding: 0;  left: 0;}

.pagination,.pagination1 {
  position: absolute;
  z-index: 20;
  bottom: 10px;
    right: 10px;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #222;
  margin-right: 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.swiper-container .swiper-slide a{height:500px;display:block;}
.swiper-visible-switch {
  background: #aaa;
}
.swiper-active-switch {
  background: #fff;
}

.zhuanti{margin-top: 10px;  overflow: hidden;}
.zhuanti .title{overflow: hidden;border-bottom: 1px solid #cccccc;  line-height: 30px;  margin-bottom: 15px;}
.zhuanti .title-left{font-size: 16px;color: #e60012;float: left;}
.zhuanti .title-right{float: right;font-size: 14px;color: #363636;}
.box-left{width: 240px;float: left;margin-right: 20px;}
.box-left li div{position: relative;  width: 240px;  height: 155px;  margin-bottom: 10px;}
.box-left li div .bg{position: absolute;bottom: 0;left: 0;height: 30px;line-height: 30px;background-color: #000000;opacity: .5;width: 240px;}
.box-left li div span{position: absolute;bottom: 0;left: 0;height: 30px;line-height: 30px;  width: 100%;  text-align: center;  overflow: hidden;}
.box-left li div span a{color: #ffffff;}
.box-left li{list-style-type: none;}
.box-left-simg{width: 115px;float: left;}
.box-left-simg-l{margin-right: 10px;}
.box-left-simg img{width: 115px;}
.box-left-simg a{width: 100%;display: block;line-height: 20px;}

.box-right{width: 300px;float: left;}
.zhuanti .box .box-first{  line-height: 25px;  height: 30px;}

.tuijian ul{   padding: 10px;padding-left: 14px;
  background-color: #eee;
  overflow: hidden;
  border: 1px solid #ccc; }
.tuijian li{width: 140px;  float: left;  padding: 5px;margin:4px;  list-style: none;text-align:center;}
.tuijian li img{width:138px;height:108px;}
.tuijian .title{overflow: hidden;border-bottom: 1px solid #cccccc;  line-height: 40px;  margin-bottom: 15px;font-size: 18px;color: #e60012;}

.tui-a{color: #fff;}
.tui-a:hover{color: #fff;}

.left650{width: 650px;float: left;margin-right: 20px;}
.right310{width: 310px;float:left;}
.left650 .tabs,.right310 .tabs2{  position: relative;height: 35px;  border-bottom: 1px solid #ccc;}
.left650 .tabs a{  font-size: 16px;
  line-height: 30px;
  height: 30px;  text-align: center;
  color: #363636;
  width: 100px;font-weight: 900;
  display: block;
  float: left;}
  .right310 .tabs2 a{  font-size: 16px;
  line-height: 30px;
  height: 30px;  text-align: center;
  color: #363636;
  width: 70px;font-weight: 900;
  display: block;
  float: left;}
.left650 .slider {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  width: 100px;
  background: #e60012;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.right310 .slider2 {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  width: 70px;
  background: #e60012;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

/*  Ripple */


.left650 .ripple {
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  position: absolute;
  opacity: 1;
}

.left650 .rippleEffect {
  -webkit-animation: rippleDrop .6s linear;
  animation: rippleDrop .6s linear;
}
 @-webkit-keyframes 
rippleDrop {  100% {
 -webkit-transform: scale(2);
 transform: scale(2);
 opacity: 0;
}
}
 @keyframes 
rippleDrop {  100% {
 -webkit-transform: scale(2);
 transform: scale(2);
 opacity: 0;
}
}

.swiper-container1{}
.swiper-container1 .content-slide{}
.swiper-container1 li{padding: 20px 0;  overflow: hidden;  border-bottom: 1px dashed #cccccc;}
.swiper-container1 .thumb{float: left;margin-right: 19px;}
.swiper-container1 .thumb-right{float: left;width: 430px;}
.swiper-container1 h3{margin: 0;font-size: 18px;overflow: hidden;  height: 27px;}
.swiper-container1 h3 a{color: #222222;}
.swiper-container1 p{font-size: 14px;line-height: 24px;color: #666666;  margin-top: 5px;margin-bottom: 5px;}
.swiper-container1 p a{color: #666666}
.swiper-container1 #bdshare{float: right}
.more-news{background-color: #eeeeee;height: 40px;width: 100%;overflow: hidden;margin-top: 20px;}
.more-news a{display: block;text-align: center;height: 40px;line-height: 40px;color: #666666;  font-size: 14px;}

.shop {}
.shop .title{border-bottom: 1px solid #cccccc;margin-bottom: 10px;}
.bigbox .title-left{color: #e60012;font-size: 18px;line-height: 40px;}
.bigbox .title-left a{}
.bigbox .title-right{color: #363636;font-size: 14px;float: right;line-height: 40px;}
.bigbox .title-right a{}

.shoplist{font-size: 14px;line-height: 30px;width: 540px;float: left;}
.shoplist li{width: 250px;float: left;overflow: hidden;height: 30px;padding-left: 10px;background: url(../images/point2.png)no-repeat 0 10px;}

.shopimg{width: 440px;float: right;}
.shopimg li{list-style-type: none;line-height: 60px;height:60px;margin-top:10px;margin-left: 10px;float: left;width: 210px;}

.ppg .title{  color: #e60012;  font-size: 18px;  line-height: 40px;  border-bottom: 1px solid #cccccc;  margin-bottom: 10px;  margin-top: 10px;}
.ppg .ppg-img{  padding: 10px 0 10px 12px;  overflow: hidden;  background: #f4f4f4;}
.ppg .ppg-img a{  float: left;  width: 95px;  height: 50px;  margin-right: 8px;  padding: 1px;  border: 1px solid #ccc;  margin-bottom: 5px;}
.ppg .ppg-img img{  display: block;  width: 95px;  height: 50px;}

.link{  margin-top: 20px;}
.link .title{border-bottom: 1px solid #cccccc;margin-bottom: 10px;}
.link .title-left{font-size: 16px;color: #363636;  font-weight: bolder;line-height: 40px;}
.link .title-right{float: right;font-size: 14px;line-height: 40px;}
.link .box li{float: left;margin-right: 10px;padding-left:0;margin-left:0;list-style-type: none;background: none;}




.footer{overflow: hidden;background-color: #f7f7f7;border-top: 1px solid #cccccc;  margin-top: 20px;  padding-bottom: 20px;}
.linkus{border-bottom: 1px solid #E2E2E2;line-height: 40px;text-align: center;  margin-bottom: 20px;font-size: 14px;}
.linkus a{color: #666666;  margin: 0 10px;}
.footer .logo{float:left;width:210px;height:80px;padding-left:110px;display: block;background:url(../images/logo.png) no-repeat 100px 5px;margin-right: 25px;}
.footer .logo-right,.footer .logo-right a{color: #666;line-height: 24px;}