@charset "UTF-8";

/**

*

@Author: MiniHui

@Date: Tue Jul 24 2018 11:13:49 GMT+0800 (CST)

*

*/

html,

body,

div,

p,

hr,

pre,

h1,

h2,

h3,

h4,

h5,

h6,

table,

tr,

td,

th,

tfoot,

tbody,

thead,

form,

input,

textarea,

label,

ul,

ol,

dl,

li,

dt,

dd,

.clearfix:after {

  margin: 0;

  padding: 0;

}



html,

body {

  height: 100%;

}



body {

  padding: 0;

  margin: 0;

  /*font-family: 'PingFang SC', 'Lantinghei SC', 'Helvetica Neue', 'Helvetica', 'Arial', 'Microsoft YaHei', '微软雅黑', 'STHeitiSC-Light', 'simsun', '宋体', 'WenQuanYi Zen Hei', 'WenQuanYi Micro Hei', 'sans-serif' !important;*/

  font-family: "PingFang SC", "Lantinghei SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "微软雅黑", STHeitiSC-Light, simsun, "宋体", "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", sans-serif;

}



h1,

h2,

h3,

h4 {

  font-weight: normal;

}



li {

  list-style-type: none;

}



a {

  text-decoration: none;

  outline: none;

  color: #333;

}



a:hover {

  text-decoration: none;

  color: #3773db;

}



table {

  border-collapse: collapse;

  border-spacing: 0;

}



iframe,

img {

  border: 0;

}



img {

  vertical-align: middle;

}



input {

  outline: none;

}



button {

  border: 0;

  outline: 0;

}



/* 图片地址 */

/* 颜色 */

/* 屏幕尺寸 */

html,

body {

  position: relative;

}



.clearfix {

  display: block;

}



.clearfix:after {

  content: '';

  overflow: hidden;

  width: 100%;

  height: 0px;

  font-size: 0px;

  display: block;

  clear: both;

}



.left {

  float: left;

}



.right {

  float: right;

}



.hide {

  display: none;

}



.container {

  width: 1000px;

  margin: 0 auto;

}



.colTit {

  font-size: 40px;

  color: #535353;

  position: relative;

  padding-left: 30px;

  font-family: Georgia;

  font-weight: bold;

  height: 46px;

  line-height: 46px;

}



.colTit:before {

  content: "";

  width: 12px;

  height: 30px;

  background: #ce1724;

  position: absolute;

  left: 0;

  top: 10px;

}






/* exclusive */

.special {


}



.exclusive {

 

}



.exclusive-box {

  position: relative;

  width: 1170px;

  height: 660px;
  
  margin:0 auto;

}



.carousel {

  position: relative;

 /* height: 450px; */

  margin: 0 auto;

 text-align: center;}



.carousel li {

  float: left;

  width: 300px;

  height: 230px;

}



.carousel a,

.carousel img,

.carousel span {

  display: inline-block;

}



.carousel img {

  width: 100%;

  height: 100%;

  

  height: 266px !important;

}



.carousel a {

  position: relative;

}



.carousel span {

/*  position: absolute;

  left: 0;

  bottom: 0; */
 

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  width: 100%;

  margin: 20px 0;

  font-size: 14px;

  line-height: 20px;

  color: #000;

  text-align: center;
  font-size: 20px;



  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}


.carousel a{
	width:31%;
	height:auto;
	margin-right:2%;
}
.carousel a:nth-child(3n){
margin-right:0;


} 

  /* -webkit-box-reflect: below -4px -webkit-linear-gradient(top, rgba(250, 250, 250, 0), rgba(250, 250, 250, 0) 30%, rgba(250, 250, 250, 0.3)); */

  
}



.carousel {

  position: relative;

  margin: 0px;

  padding: 0px;

  -moz-user-select: none;

  -webkit-user-select: none;

}



.carousel .carousel-item {

  background-position: center;

  background-repeat: no-repeat;

  background-color: #FFF;

  position: absolute;

  cursor: pointer;

  width: 250px !important;

  height: 200px !important;

}



.carousel .out {

  border: #DDD 2px solid;

}



.carousel .over {

  border: #DDD 2px solid;

  -moz-box-shadow: 0px 0px 10px #000;

  -webkit-box-shadow: 0px 0px 10px #000;

  box-shadow: 0px 0px 10px #000;

  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#000000')";

}



.carousel .click {

  border: #DDD 2px solid;

  -moz-box-shadow: 0px 0px 10px #000;

  -webkit-box-shadow: 0px 0px 10px #000;

  box-shadow: 0px 0px 10px #000;

  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#000000')";

}



.carousel .select {

  border: #DDD 2px solid;

  -moz-box-shadow: 0px 0px 10px #000;

  -webkit-box-shadow: 0px 0px 10px #000;

  box-shadow: 0px 0px 10px #000;

  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#000000')";

}



.carousel .tooltip {

  position: absolute;

  z-index: 9999;

  background-color: #DDD;

  margin-bottom: 20px;

  border: #EEE solid 4px;

  border-radius: 8px;

  -moz-border-radius: 8px;

  -webkit-border-radius: 8px;

}



.carousel .tooltip p {

  color: #999;

  padding: 10px;

  margin: 0px;

}



.carousel .scrollbar {

  width: 340px;

  position: absolute;

  margin-top: 100px;

}



.carousel .scrollbar .track {

  width: 300px;

  height: 20px;

  position: absolute;

  left: 20px;

}



.carousel .scrollbar .thumb {

  width: 70px;

  height: 20px;

  position: absolute;

  cursor: pointer;

}



.carousel .scrollbar .left {

  width: 20px;

  height: 20px;

  position: absolute;

  cursor: pointer;

  left: 0px;

}



.carousel .scrollbar .right {

  width: 20px;

  height: 20px;

  position: absolute;

  cursor: pointer;

  right: 0px;

}



.ex-btn {

  position: relative;

  z-index: 20;

  width: 200px;

  margin: 0 auto;

}



.ex-arr {

  width: 72px;

  height: 40px;

  background-repeat: no-repeat;

  background-position-y: center;

  cursor: pointer;

}



.ex-left {

  float: left;

  background-image: url("../images/icon_pc_arrow3d_left.png");

  background-position-x: left;

}



.ex-right {

  float: right;

  background-image: url("../images/icon_pc_arrow3d_right.png");

  background-position-x: right;

}





/*# sourceMappingURL=maps/index.css.map */