.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.col-md-3 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-top:10px;
  float: left;
   
}
.grid1{
	position:relative;
	box-shadow: 0 1px 0px #E6E5E5;
	-webkit-box-shadow: 0 1px 0px #E6E5E5;
	-moz-box-shadow: 0 1px 0px #E6E5E5;
	-o-box-shadow: 0 1px 0px #E6E5E5;
}
i.home{
	width: 67px;
	height: 67px;
	/*****background: url(../images/img-sprite.png)no-repeat -7px -93px;****/
	display: block;
	position: absolute;
	bottom:10px;
	right:5px;
}

.index_img img{
	border-bottom:1px solid #1baf5d;
}
.index_img1 img{
	border:1px solid #afaeae;
}
.index_img2 img{
	border-bottom:3px solid #88499c;
}
.content_middle{
	margin:0 auto;	
}
.view {
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
}
i.search{
	width:20px;
	height:20px;
	background:url(../images/search.png)no-repeat;
	float:left;
}
.view .mask,.view .content {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	cursor: pointer;
	width: 390px;
	height: 260px;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
ul.mask_img {
	list-style: none;
	padding: 0 3em;
	margin-top: 1em;
}
ul.mask_img li.star{
	float:left;
	margin-right:2em;
}
ul.mask_img li.set{
	float:left;
}
.info {
    display: inline-block;
	text-decoration: none;
	padding: 8px 20px 5px;
	background: none;
	color: #fff;
	text-transform: uppercase;
	border: 2px solid #fff;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-o-border-radius: 100px;
	font-size: 0.8125em;
	margin: 12em 0 1em;
	font-weight:100;
}
h3.m_4{
	text-align:center;
	padding:5% 0;
}
h3.m_4 a{
	color:#555;
	text-transform:uppercase;
	font-size:1em;
}
h3.m_4 a:hover{
	color:#FFA540;
}
p.m_5{
	text-align:center;
	color:#999;
	font-size:0.85em;
}
.view-first img {
   -webkit-transition: all 0.4s linear;
   -moz-transition: all 0.4s linear;
   -o-transition: all 0.4s linear;
   -ms-transition: all 0.4s linear;
   transition: all 0.4s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color:rgba(28, 27, 27, 0.68);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first ul.mask_img {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.05,1.05);
   -moz-transform: scale(1.05,1.05);
   -o-transform: scale(1.05,1.05);
   -ms-transform: scale(1.05,1.05);
   transform: scale(1.05,1.05);
   -webkit-transition: all 1s linear;
   -moz-transition: all 1s linear;
   -o-transition: all 1s linear;
   -ms-transition: all 1s linear;
   transition: all 1s linear;
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,.view-first:hover .product_image,
.view-first:hover ul.mask_img,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover ul.mask_img {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.inner_wrap, .inner_wrap2{
	background:#fff;
	padding:2em 1em 1em;
	text-align:center;
	border-bottom-left-radius: 3px;
   -webkit-border-bottom-left-radius: 3px;
   -moz-border-bottom-left-radius: 3px;
   -o-border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
   -webkit-border-bottom-right-radius: 3px;
   -moz-border-bottom-right-radius: 3px;
   -o-border-bottom-right-radius: 3px;
}
.inner_wrap h3, .inner_wrap2 h3{
	color: #566375;
	font-size: 2em;
	font-weight: 100;
	line-height: 1.3em;
	margin-bottom: 0.2em;
}
h4.green, h4.yellow, h4.blue{
	color:#1baf5d;
	text-transform:uppercase;
	font-size:0.8125em;
	margin-bottom: 0;
}
h4.yellow{
	color:#f19e1f;
}
h4.blue{
	color:#9055a3;
}
i.m_home {
	width: 67px;
	height: 67px;
	background: url(../images/img-sprite.png)no-repeat -7px -93px;
	display: block;
	position: absolute;
	bottom:135px;
	left: 12px;
}
i.m_home1 {
	width: 67px;
	height: 67px;
	background: url(../images/img-sprite.png)no-repeat -7px -169px;
	display: block;
	position: absolute;
	bottom:135px;
	left: 12px;
}
ul.vision{
	padding: 0;
	list-style: none;
	position: absolute;
	bottom: 188px;
	left: 100px;
}
ul.vision li{
	display: inline-block;
	color: #fff;
	font-size: 1em;
	font-weight:100;
	text-transform: uppercase;
}
ul.vision li.desc{
	font-size:0.8125em;
}
ul.vision li.desc img, ul.star1 li img{
	vertical-align:sub;
}
ul.vision li.desc a{
	color:#fff;
}
.inner_wrap1 {
	background: #fff;
	padding:2em 1em 1em;
	border-bottom-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-bottom-left-radius: 3px;
	-o-border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-bottom-right-radius: 3px;
	-o-border-bottom-right-radius: 3px;
}
ul.item_module{
	padding:0;
	list-style:none;
}
ul.item_module li.module_left{
	float: left;
	margin-right: 1em;
	padding: 15px 0 0 0;
}
ul.item_module li.module_right{
	overflow:hidden;
}
ul.item_module li.module_left img{
	border-radius:100px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	-o-border-radius:100px;
	border:3px solid #e2dee0;
	width:82%;
}
ul.item_module li.module_right h5{
	color: #495564;
	font-size: 1em;
	text-transform: uppercase;
	margin: 0.8em 0 0.2em;
	font-weight: 600;
}
ul.item_module li.module_right p{
	color: #788291;
	font-size: 0.8125em;
	line-height: 1.8em;
	display: inline;
	font-weight: normal;
}
.content_btn {
	display: inline-block;
	color: #495564;
	font-size:0.95em;
	line-height: 18px;
	font-weight:100;
	text-align: left;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
}
.middle_grid{
	padding:2em 0;
}
.bottom_grid{
	padding-top:2em;
}
.inner_wrap2{
	padding:1.8em 1em;
}
.content_middle_box{
	border-bottom:1px solid #DADADA;
	padding:3em 0;
	width:1200px;
}
/********************************人气单品**************************************************/
.offering {
	text-align: center;
	padding: 2em 0;
	width:1200px;
	height:600px;
	margin:0 auto;
	border-bottom:1px solid #e6e5e5;
}
.offering2 {
	text-align: center;
	padding: 2em 0;
	width:1200px;
	height:950px;
	margin:0 auto;
	border-bottom:1px solid #e6e5e5;
}
.offering .more,.offering2 .more,
.offering3 .more,.offering4 .more,.offering5 .more{
	background:url(../img/adn.jpg) no-repeat center;
}
.offering h2,.offering2 h2,.offering3 h2,.offering4 h2,.offering5 h2 {
	font-size: 3em;	
	color:#747474;
	position:
}
.offering4 .lin{
	border-bottom:1px solid #e6e5e5;
	padding:5px;
	position: static;
	width:200px;
	height:5px;
}
.offering h3,.offering h3 span,
.offering2 h3,.offering2 h3 span,
.offering3 h3,.offering3 h3 span,
.offering4 h3,.offering4 h3 span,
.offering5 h3,.offering5 h3 span {
	color: #96a6a7;
	font-size: 1em;
	font-weight:100;
	padding:10px;
}
h3.fh3 a:hover,h3 a:hover,a:hover {
	color:#cc0000;
	}
h3.fh3 a{ color:#b3b2b2;}

.offertu {
	width:1200px;
	height:490px; 
	margin:0 auto;
}
.offertu ul{
	list-style:none;
	display:block;
}
.offertu ul li{
  padding-right: 10px;
  padding-top:10px;
  min-height: 1px;
  float:left;
  height:490px; 
  display:inline;
}

.offertu ul li.col-md-4 {
  width:360px;
}
.offertu ul li.col-md-5 {
  width:410px;
}
.offertu ul li.col-md-6 {
  width:400px;
  height:230px;
}
.w410 {
  width:400px;
  padding-top:10px;
}
.grid2{
	position:relative;
	box-shadow: 0 3px 0px #bebdbd;
	-webkit-box-shadow: 0 3px 0px #bebdbd;
	-moz-box-shadow: 0 3px 0px #bebdbd;
	-o-box-shadow: 0 3px 0px #bebdbd;
}

/********************************************新品上新**********************************************/
.top-box{
	margin-bottom:2%;
	width:1200px;
	height:310px;
}
.main_box {
	/* Important parameters of style start */
	position: relative;
	overflow: hidden;
	float: left;
	/* Important parameters of style end */
	margin-bottom: 10px;
}
.main_box > img {
	display: block;
	z-index: 10;
}
.main_box > a {
	text-decoration: none;
}


/**********************************************
*
* 4. 套餐图片效果
*
**********************************************/
.sky-carousel {
	width:1200px; height:600px;
}

#zzsc{width:1200px; height:600px;}
#zzsc >li{width:400px}
.mb-wrapper{margin:0 auto ;position:relative; height:500px;left:0;top:0}
.mb-slider,.mb-scroll{width:100%;height:500px;overflow:hidden;margin:0 auto;padding:0;position:relative;left:0;top:0}
.mb-active-slider{border-color:#333}
.mb-slider .mb-panel{margin-top:100px;display:block;cursor:pointer;float:left;list-style:none}
.mb-panel a{outline:0}
.mb-slider .mb-panel.current{cursor:auto}
.mb-inside *{max-width:100%}
.tuji{
	width:400px;
	height:540px;
	}
a.mb-scrollButtons{
	position: absolute;
	top: 50%;
	z-index: 10000;
	width: 40px;
	height: 60px;
	margin-top: -30px;
	transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
}

a.mb-scrollButtons.mb-left{	
	background: #606060 url("../img/prev_arrow.png") no-repeat 14px 50%;
	left: -0.1px;
}
a.mb-scrollButtons.mb-right{
	background: #606060 url("../img/next_arrow.png") no-repeat 16px 50%;
	right: -0.1px;
}
a.mb-scrollButtons:hover{	background-color: #ea4848;}
a.mb-scrollButtons.disabled{display:none}
.mb-controls{margin:0 auto;text-align:center;position:absolute; top:350px; left:560px;z-index:100}
.mb-controls a{color:#666;font:18px/2.2 Georgia, Serif;display:inline-block;text-decoration:none;padding:2px;margin:0 5px 0 0;text-align:center;outline:0}
.mb-panel{margin-top:90px}
.mb-controls a:hover{color:black}
.mb-controls a.current{color:#900}
.main-nav{display:block; text-align:center; border-bottom:2px solid #a71700;margin:0 0 20px 0;padding:0 0 10px 0}
.main-nav a{text-decoration:none;color:#3e63ec;font-size:18px;margin:0 8px}
.main-nav a:hover{color:black;border-bottom:2px solid black}
.mb-inside img{width:100%}
/********************************************商务衬衫**********************************************/
.offering3 {
	text-align: center;
	padding: 2em 0;
	width:1200px;
	height:530px;
	margin:0 auto;
	border-bottom:1px solid #e6e5e5;
}
.offeringleft{
	width:185px;
	height:425px;
	overflow:hidden;
	float:left;
	padding-top:9px;
	position:absolute;
	z-index:2;
}

.offeringright{
	width:1010px;
	height:415px;
	padding-top:10px;
	padding-left:190px;
	position:absolute;
}
.offeringright .fl1{
	width:400px;
	height:415px;
	float:left;
	position:absolute;
}
.offeringright .fl1_1{
	width:400px;
	height:430px;
	float:left;
	position:absolute;
}
.offeringright .fl2{
	width:600px;
	height:415px;
	float:right;
	position:relative;
}
.offeringright .fl2_1{
	width:610px;
	height:415px;
	padding-left:10px;
	float:right;
	position:relative;
	}
.offeringright .fl2_2{
	width:390px;
	height:415px;
	position:relative;
	padding-left:10px;
	float:left;
	}
 .fl2 li,.fl2_1 li{
	float:left;	
	}
/**************************单品图图片效果***************************/
.span_1_of_3:hover{
	background:#59a214;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	color:#fff;
}
.span_1_of_3:hover h3.flt1 {
	font-weight:300;
}
.span_1_of_3:hover h3 {
	color: #FFF;
}

/**************************单品图图片效果END***************************/
 .fl2 li .smalimg{
	width:197px;
	height:210px;
	padding-top:1px;
	padding-left:1px;
	padding-bottom:16px;
	padding-right:1px;

}
.fl2_1 li .smalimg,.fl2_2 li .smalimg{
	width:180px;
	height:210px;
	padding-top:1px;
	padding-left:1px;
	padding-bottom:15px;
	padding-right:1px;
	margin:0;
}
.ftu4 li .smalimg{
	width:185px;
	height:295px;
	padding-top:1px;
	padding-left:1px;
	padding-bottom:15px;
	padding-right:1px;
	margin:0;
}

h3.flt1{
	color:#747474;
	font-size:14px;
	padding-top:10px;
	}
.fl2 li h3,.fl2_1 li h3,.ftu4 li h3{
	padding:5px;
	}
.offeringleft,.offeringleft span a{
}
.offeringleft .chefen{
	text-align:left;
	width:180px;
	heigh:110px;
	overflow:hidden;
	background:url(../img/chefen.jpg) no-repeat center;	
}
.offeringleft .chefen1{
	width:180px;
	heigh:285px;
	overflow:hidden;
}
.offeringleft span{
	display:block;
	padding:80px 30px 20px 0;
	}
.offeringleft span a{
	color:#ffffff;
	font-family:微软雅黑;
	font-size:14px;
	padding-left:36px;
}
.chefenlei{
	width:180px;
	height:150px;
	padding-top:10px;	
	}
.chefenlei li{
	display:block;	
	font-family:微软雅黑;
	font-size:12px;
	color:#7e7d7d;
	height:25px;
	padding:5px;
	float:left;
	}
.chefenlei li .fen{
	position:relative;
	float:left;
	padding-left:5px;
	}
.chefenlei li .ico{
	width:180px;
	}
.chefenlei li h2.hot{
	display:block;
	float:left;
	line-height:30px;
	width:90px;
	text-align:left;
	position:absolute;
	background:url(../img/hot.jpg) no-repeat;
	}
	
.chefenlei li h2.nohot{
	display:block;
	float:right;
	line-height:30px;
	position:relative;
	padding-right:18px;
	}
.chefenlei li h2{
	display:block;
	font-family:微软雅黑;
	font-size:12px;
	width:80px;
	line-height:30px;
	height:30px;
	color:#7e7d7d;
	}
.chefenlei li h2.ico1{
	display:block;
	float:left;
	position:absolute;
	padding-left:15px;
	background:url(../img/fenico.jpg) no-repeat;
	}
.chefenlei li h2.ico2{
	display:block;
	float:right;
	position:relative;
	padding-left:18px;
	background:url(../img/fenico1.jpg) no-repeat;
	}
.chefenlei li h2.ico3{
	display:block;
	float:left;
	position:absolute;
	padding-left:15px;
	background:url(../img/fenico-1.jpg) no-repeat;
	}
.chefenlei li h2.ico4{
	display:block;
	float:right;
	position:relative;
	padding-left:18px;
	background:url(../img/fenico1-1.jpg) no-repeat;
	}
.chefenlei li h2.ico5{
	display:block;
	float:left;
	position:absolute;
	padding-left:15px;
	background:url(../img/fenico2.jpg) no-repeat;
	}
.chefenlei li h2.ico6{
	display:block;
	float:right;
	position:relative;
	padding-left:18px;
	background:url(../img/fenico2-1.jpg) no-repeat;
	}
/********************************************百搭T恤**********************************************/
.offering4 {
	text-align: center;
	padding: 2em 0;
	width:1200px;
	height:700px;
	margin:0 auto;
	border-bottom:1px solid #e6e5e5;
}

.offering4 .offering4h{
	height:300px;
	padding-top:10px;
	}
.offering4 .ftu4{
	height:300px;
	}
.offering4 .ftu4 li{
	float:left;
	}
.smalimg1{
	float:right;
	padding-top:10px;
	width:420px;
	}
.smalimg1:hover,.smalimg2:hover{
   -webkit-transform: scale(1.02,1.02);
   -moz-transform: scale(1.02,1.02);
   -o-transform: scale(1.02,1.02);
   -ms-transform: scale(1.02,1.02);
   transform: scale(1.02,1.02);
   -webkit-transition: all 1s linear;
   -moz-transition: all 1s linear;
   -o-transition: all 1s linear;
   -ms-transition: all 1s linear;
   transition: all 1s linear;
	}	
	
.smalimg2{
	float:right;
	padding-top:10px;
	width:205px;
	position:relative;
	}	
/*******************************************精品配件*****************************************************/
.offering5 {
	text-align: center;
	padding: 2em 0;
	width:1200px;
	height:520px;
	margin:0 auto;
	
}
.offeringright .fl2_3{
	width:600px;
	height:428px;
	float:right;
	position:relative;
	padding-top:2px;
	padding-left:10px;
	}

/*******************************************配件图片效果*****************************************************/
ul.columns {
	list-style: none;
	margin: 0 auto;
}
ul.columns li {
	text-align:center;
	width:295px;
	height:210px;
	padding:2px;
	float:left;
}
ul.columns li:hover {z-index: 99;}

ul.columns li img {
	position: relative;
}
ul.columns li:hover img{
	z-index: 999;
   -webkit-transform: scale(1.05,1.05);
   -moz-transform: scale(1.05,1.05);
   -o-transform: scale(1.05,1.05);
   -ms-transform: scale(1.05,1.05);
   transform: scale(1.05,1.05);
   -webkit-transition: all 1s linear;
   -moz-transition: all 1s linear;
   -o-transition: all 1s linear;
   -ms-transition: all 1s linear;
   transition: all 1s linear;
}
.columns_1:hover{

}

/*********************************************/

.fl2_3 li h3{
	padding:5px;
	}
h2.tit{
	font-size:18px;
	color:#311916;}
.f16{ 
     color:#c4c4c4;
     font-size:12px;
	 }
/***************************************公告************************************/
.gonggao{ 
	text-align: center;
	padding: 2em 0;
	width:1200px;
	height:60px;
	margin:0 auto;
	border-bottom:1px solid #e6e5e5;	
	}
.gonggao h3{
	color: #96a6a7;
	font-size: 1em;
	font-weight:100;
	padding:10px;
	line-height:20px;
	text-align:left;
	}
.gonggao h2{
	color: #96a6a7;
	font-size: 2.1em;
	font-weight:100;
	}	
.gonggao .kef{
	padding-left:100px;
	}
/***********************************************************单张图片悬停效果********************************************************************/			

.offeringleft .showcase {
	list-style: none;
	height: 160px;
	width:180px;
	position:relative;
	overflow: hidden;
    float:left;
}

.offeringleft .showcase a {
	display: block;
	width: 180px;
	height: 160px;
	overflow: hidden;
	position: relative;
	text-decoration: none;
}
.offeringleft .showcase a img {
	width: 180px;
	height: 160px;
	left:0px;
	position: absolute;
	-webkit-transition: all 0.9s ease-out;
	-moz-transition: all 0.9s ease-out;
	-o-transition: all 0.9s ease-out;
	transition: all 0.9s ease-out;
}
.offeringleft .showcase a:hover img {
	width: 180px;
	height: 160px;
	left: 0;
	top: -10px;
}
.offeringleft .showcase a p {
	background: #59A214;
	color: #fff;
	font-size: 11px;
	padding: 3px 3px;
	position:absolute;
	bottom:-50px;
	line-height: 20px;
	display: block;
	width: 180px;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.offeringleft .showcase a:hover p {
	bottom: 0;
	background: #3C840B;
}
.offeringleft .showcase a h3 {
	font-size: 13px;
	text-align:left;
	color: #fff;
	background: #59A214;
	width: 100px;
	position: absolute;
	left:60px;
	bottom:10px;
	cursor: pointer;
	-webkit-transition: all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
}
.offeringleft .showcase a:hover h3 {
	bottom:22px;
	background: #3C840B;
}
.offeringleft .showcase a h3 i {
	width: 33px;
	height: 20px;
	position: absolute;
	right: 0;
	top: 0;
	background: #59A214;
	-webkit-transition: all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
	font-size:18px;
	font-weight:normal;
	text-align:center;
	padding:6px 0 0 0;
}


/***********************************************************单张图片悬停效果2********************************************************************/			

.offeringleft .showcase1 {
	list-style: none;
	height: 273px;
	width:180px;
	position:relative;
	overflow: hidden;
    float:left;
}

.offeringleft .showcase1 a {
	display: block;
	width: 180px;
	height: 275px;
	overflow: hidden;
	position: relative;
	text-decoration: none;
}
.offeringleft .showcase1 a img {
	width: 180px;
	height: 275px;
	left:0px;
	position: absolute;
	-webkit-transition: all 0.9s ease-out;
	-moz-transition: all 0.9s ease-out;
	-o-transition: all 0.9s ease-out;
	transition: all 0.9s ease-out;
}
.offeringleft .showcase1 a:hover img {
	width: 180px;
	height: 275px;
	left: 0;
	top: -10px;
}
.offeringleft .showcase1 a p {
	background: #59A214;
	color: #fff;
	font-size: 11px;
	padding: 3px 3px;
	position:absolute;
	bottom:-50px;
	line-height: 20px;
	display: block;
	width: 180px;
	cursor: pointer;
	-webkit-transition: all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
}
.offeringleft .showcase1 a:hover p {
	bottom: 0;
	background: #3C840B;
}
.offeringleft .showcase1 a h3 {
	font-size: 13px;
	text-align:left;
	color: #fff;
	background: #59A214;
	width: 100px;
	position: absolute;
	left:60px;
	bottom:10px;
	cursor: pointer;
	-webkit-transition: all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
}
.offeringleft .showcase1 a:hover h3 {
	bottom:22px;
	background: #3C840B;
}
.offeringleft .showcase1 a h3 i {
	width: 33px;
	height: 20px;
	position: absolute;
	right: 0;
	top: 0;
	background: #59A214;
	-webkit-transition: all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
	font-size:18px;
	font-weight:normal;
	text-align:center;
	padding:6px 0 0 0;
}
/***********************************************************单张大图效果********************************************************************/			
figure img {
	position: relative;
	display: block;
}


figure.effect-jazz{
	background: #3C3C3C;
	margin:0 auto;
	padding:0;
}


figure figcaption {
	padding: 12em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure figcaption::before,
figure figcaption::after {
	pointer-events: none;
}

figure figcaption,
figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

figure h2 {
	word-spacing: 1px;
	font-size: 1.2rem;
	font-weight: 300;
}

figure h2 span {
	font-weight: 800;
}

figure h2,
figure p {
	margin-top: 100px;
}

figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}


figure.effect-jazz figcaption::after,
figure.effect-jazz img,
figure.effect-jazz p {
	-webkit-transition: opacity 0.7s, -webkit-transform 0.7s;
	transition: opacity 0.7s, transform 0.7s;
}

figure.effect-jazz figcaption {
	padding:10px;
}

figure.effect-jazz figcaption::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

figure.effect-jazz p,
figure.effect-jazz h2{
	padding: 0.5em 2em;
	text-transform: none;
	opacity: 0;
	-webkit-transform: scale3d(0.8,0.8,1);
	transform: scale3d(0.8,0.8,1);
}
figure.effect-jazz  h3 {
	opacity: 0;
}
figure.effect-jazz:hover h3 {
	letter-spacing: 2px;
	top:130px;
	opacity: 1;
	position:relative;
	-webkit-transition: -webkit-transform 0.7s;
	transition: transform 0.7s;
	color:#ffffff;
}

figure.effect-jazz h2 span{
	letter-spacing: 0;
	font-size:1rem;
}

figure.effect-jazz:hover img {
	opacity: 0.2;
	-webkit-transform: scale3d(1.01,1.01,1);
	transform: scale3d(1.01,1.01,1);
	
}

figure.effect-jazz:hover figcaption::after {
	opacity: 1;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}

figure.effect-jazz:hover h2,
figure.effect-jazz:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}
.items {
	margin: 0 auto;
	overflow: hidden;
}

.items li {
position: relative;
height: auto;
float: left;
}

.items li:first-child figure.effect-winston{
	background: transparent;
}

.items li:first-child figure.effect-winston figcaption{
	background: rgba(0, 0, 0, 0);
}

.items li:first-child figure.effect-winston:hover figcaption{
	background: rgba(0, 0, 0, 0.5);
}

.items li:first-child figure.effect-winston h2{
	opacity: 1;
}

.items li:first-child figure.effect-winston:hover h2{
	opacity: 0;
}

.items li:first-child figure.effect-winston figcaption::before{
	display: none;
}

.items li:first-child figure.effect-winston:hover img {
	opacity: 1;
}
/********************图片细节图切换*********************/
.fl2 li .shortcut{
	width:197px;
	height:205px;
	padding-top:1px;
	padding-left:1px;
	padding-bottom:16px;
	padding-right:1px;

}
.shortcut a{ 
	margin-right:20px;
	display:block;
	width:197px;
	height:215px;
	position:relative;
	overflow:hidden;
	float:left;
	transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	top:0px;
	}
	
.ftu4 li .shortcut1{
	width:190px;
	height:310px;
	padding-top:1px;
	padding-left:1px;
	padding-bottom:16px;
	padding-right:1px;

}
.ftu4 .shortcut1 a{ 
	margin-right:20px;
	display:block;
	width:190px;
	height:290px;
	position:relative;
	overflow:hidden;
	float:left;
	transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	top:0px;
	}
	
.shortcut a img,.shortcut1 a img{
	position:absolute;
	left:0px;
	top:0px;
	}
.shortcut a span,.shortcut1 a span{ 
	position:absolute;
	display:none; 
	font-family:arial;
	color:#fff; 
	bottom:2px;
	line-height:30px; 
	transition:all 1s;
	background:#099;
	width:190px;
	-webkit-transition:all 1s;
		 }
		 
.shortcut a .imgH,.shortcut1 a .imgH{ left:-230px; transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}
.shortcut a:hover,.shortcut1 a:hover{ text-decoration:none;}
.shortcut a:hover .imgH,.shortcut1 a:hover .imgH{
	display:block; left:0px;
	-webkit-transition: all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
}
.shortcut a:hover span{
	 animation: img4 1s linear infinite alternate; 
	filter: alpha(opacity=70);
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	 display:block;
	 background:#4b4b4b;
	 height:30px;
	 -webkit-animation: img4 1s linear infinite alternate;
	 }
@keyframes img4 {0% { bottom:0px;} 100% { bottom:7px;}}
@-webkit-keyframes img4 {0% { bottom:0px;} 100% { bottom:7px;}}

.shortcut1 a:hover span{
	 animation: img4 1s linear infinite alternate; 
	filter: alpha(opacity=70);
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	 display:block;
	 background:#4b4b4b;
	 height:30px;
	 -webkit-animation: img5 1s linear infinite alternate;
	 }
@keyframes img5 {0% { bottom:0px;} 100% { bottom:7px;}}
@-webkit-keyframes img5 {0% { bottom:0px;} 100% { bottom:7px;}}


/***************************热卖小焦点图********************************/
.c{overflow:hidden;width:410px;padding:0;margin:0 auto;background-color:#FFFFFF;}
.c2{margin-top:10px;height: 230px;}
.c2_l{float: left;position:relative;height: 230px;width:415px;}
.c2_l a:hover img{
	/****opacity:0.75;****/
   -webkit-transform: scale(1.05,1.05);
   -moz-transform: scale(1.05,1.05);
   -o-transform: scale(1.05,1.05);
   -ms-transform: scale(1.05,1.05);
   transform: scale(1.05,1.05);
   -webkit-transition: all 1s linear;
   -moz-transition: all 1s linear;
   -o-transition: all 1s linear;
   -ms-transition: all 1s linear;
   transition: all 1s linear;
	/****filter:alpha(opacity=75);****/
	}


.c2_slide{margin:0;width:400px;height: 230px;position: relative;overflow: hidden;}
.c2_slide_c{position: absolute;width: 5000px;height: 230px;top: 0;left: 0;}
.c2_lc{width: 400px;float: left;}
.c2_lc li{float: left;width: 400px;height: 230px;margin:0;}
.c2_lc li span{display: block;font:12px/30px arial;text-align: center;}
.c2_slide_btn{position: absolute;top: -20px;right: 20px;width: 410px;height: 24px;}
.c2_slide_prev{position: absolute;float: left;display: block;width: 40px;height: 80px; top:80px; left:0;background-image: url(../img/slider_previous.png);background-repeat: no-repeat; z-index:3;}
.c2_slide_next{position: absolute;float: right;display: block;width: 40px;height: 80px;top:80px; right:13px;background-image: url(../img/slider_next.png);background-repeat: no-repeat; z-index:3;}
.c2_slide_prev:hover{background-image: url(../img/slider_previous1.png);background-repeat: no-repeat; }
.c2_slide_next:hover{background-image: url(../img/slider_next1.png);background-repeat: no-repeat;}

/***************************轮播图片********************************/

.wrappersidle {
	position: relative;
	width: 100%;
	margin: 0 auto;
	zoom: 1;
}
.bannerimg {
	position: relative;
	overflow: auto;
	width:100%;
	height:458px;
	background:#000;
}
 @media only screen {
 .bannerimg .arrows {
 -webkit-transition: opacity 0.4s;
 transition: opacity 0.4s;
 opacity: 0;
 display: block;
}
 .bannerimg:hover .arrows,  .bannerimg.hover .arrows {
 opacity: 1;
}
}
.bannerimg .arrows {
	position: absolute;
	z-index: 20;
}
.bannerimg .arrows .prev, .bannerimg .arrows .next {
	position: absolute;
	width: 76px;
	height: 77px;
	font: 0/0 a;
	color: transparent;
	cursor: pointer;
}
.bannerimg .arrows .prev {
	left: 100px;
	background: url(../images/slide_arrow_left.png) no-repeat;
}
.bannerimg .arrows .next {
	left: 900px;
	background: url(../images/slide_arrow_right.png) no-repeat;
}

.section4 {
	height: 488px;
	margin:0;
}
.section4 .bannerimg ul li {
	height: 488px;
}
.section4 .bannerimg .arrows {
	top: 270px;
}
.section4 .dots {
	position: absolute;
	width: 1200px;
	margin:0 auto;
	padding:0;
	height: 60px;
	top: 458px;
	text-align: center;
	font-size: 15px;
	background: #000;
}
.section4 .dot {
	float: left;
	line-height: 56px;
	width: 166px;
	border-bottom: 2px solid;
	margin:0 auto;
	border-top: 2px solid #e8e8e8;
	cursor: pointer;
}
.section4 .dot1 {
	color: #e33189;
	border-bottom-color: #f3bfd9;
}
.section4 .dot1.active {
	background: #f3bfd9;
}
.section4 .dot2 {
	color: #24adac;
	border-bottom-color: #a4f7f6;
}
.section4 .dot2.active {
	background: #a4f7f6;
}
/**************************大图轮播******************************************/

/*布局*/
.tl{ text-align:left;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.bc{ margin-left:auto;margin-right:auto;}
.fl{ float:left; display:inline;}
.fr{ float:right; display:inline;}
.vm{ vertical-align:middle;}
.pr{ position:relative;}
.pa{ position:absolute;}
.zoom{ zoom:1;}
.hidden{ visibility:hidden;}
.block{ display:block;}
.inline{ display:inline;}
.in_b {display:inline-block;}
.in_b{ *display:inline;}
.none{ display:none;}  
.oh{ overflow:hidden;}
.ov{ overflow:visible;}

/*轮显*/
#scroll_box{ width:100%; position:relative; margin:0 auto;}
.box_163css{ width:100%; height:500px; position:relative; overflow:hidden;}
.box_163css img{ display:block;}

.box_163css .datu li{float:left; height:500px; width:1920px;}
.box_163css .datu li .img1{background: url(../images/jie.jpg) no-repeat center top}

.scroll_nav{ width:1200px; left:30%;position:absolute; text-align:center; bottom:0;}
.scroll_nav li{ float:left; width:210px; height:30px; margin-right:1px; line-height:30px; cursor:pointer; background-color:#000; background:rgba(0,0,0,0.5);filter:alpha(opacity=50);}
.scroll_nav li.current{background:rgba(222,65,65,0.9);filter:alpha(opacity=90);}
.scroll_nav li p{ position:relative; color:#fff;line-height:30px; }
.prev,.next{ cursor:pointer; width:26px; height:51px; top:50%; margin-top:-25px; background:url(../images/btn_banner.png) 0 0 no-repeat;}
.prev{ left:20px; background-position:0 -52px;}
.next{ right:20px; background-position:-27px -52px;}
.next img{ left:-27px;}
/*********************************右侧悬浮导航*****************************/
.float{width:111px;height:310px;position:fixed;_position:absolute;display:none;overflow:hidden;left:92%; bottom:10px; z-index:50}/*left50%确保页面中间，左边距515大于页面内容的一半，确保在内容整体右侧外*/
.float a{display:block;text-indent:-9999px;overflow:hidden;height:42px; background:url(../img/right_nav.png) no-repeat;-webkit-transition:background 0.2s ease}
.float .an_1:hover{background-position:-111px 0}
.float .an_2{background-position:-222px 0}
.float .an_2:hover{background-position:-333px 0}
.float .an_3{background-position:-444px 0}
.float .an_3:hover{background-position:-555px 0}
.float .an_4{background-position:-666px 0}
.float .an_4:hover{background-position:-777px 0}
.float .an_5{background-position:-888px 0}
.float .an_5:hover{background-position:-999px 0}
.float .an_6{background-position:-1110px 0}
.float .an_6:hover{background-position:-1221px 0}
.float .an_7{background-position:-1332px 0}
.float .an_7:hover{background-position:-1443px 0}
.float .an_8{background-position:-1554px 0}
.float .an_8:hover{background-position:-1665px 0}
.float .an_9{background-position:-1776px 0}
.float .an_9:hover{background-position:-1887px 0}
.float .an_10{background-position:-1998px 0}
.float .an_10:hover{background-position:-2109px 0}
.float .an_11{background-position:-2442px 0}
.float .an_11:hover{background-position:-2553px 0}
.float .an_12{background-position:-2220px 0}
.float .an_12:hover{background-position:-2331px 0}