@charset "gb2312";
/* CSS Document */
.main {

	padding-bottom:20px;
}
/* Callback example */
.callbacks_container{
	margin-bottom:2px;
	position:relative;
	width:100%;
	max-width:100%;
	text-align:center;
}

.callbacks{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.callbacks li{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.callbacks img{
	display:block;
	position:relative;
	z-index:1;
	height:auto;
	width:100%;
	border:0;
}
.callbacks .caption{
	display:block;
	position:absolute;
	z-index:2;
	font-size:20px;
	text-shadow:none;
	color:#fff;
	background:#000;
	background:rgba(0,0,0, .8);
	left:0;
	right:0;
	bottom:0;
	padding:10px 20px;
	margin:0;
	max-width:none;
}
.callbacks_nav{
	position:absolute;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	top:50%;
	left:0;
	opacity:0.6;
	z-index:3;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	height:61px;
	width:38px;
	background:transparent url("../images/themes.gif") no-repeat left top;
	margin-top:-30px;
	display:none;
}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{
	left:auto;
	background-position:right top;
	right:0;
}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top:-190px; position:relative;z-index:100;margin-bottom:10px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:50px;height:2px;margin-left:5px;position:relative;background:#3bb3c3;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:50px;height:2px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}
/*Í¼Æ¬ÂÖ²¥¹ö¶¯*/
.poster-main{position: relative;width: 900px;height: 460px}
.poster-main a,.poster-main img{display:block;}
.poster-main .poster-list{width: 900px;height: 460px}
.poster-main .poster-list .poster-item{position: absolute;left: 0px;top: 0px}
.poster-main .poster-btn{position: absolute;height: 100%;width:100px;top: 0px;z-index: 10;opacity: 0.5;}
.poster-main .poster-prev-btn{ left: 0px; background: url(../images/btn_l.png) no-repeat center center; }
.poster-main .poster-next-btn{right: 0px;background: url(../images/btn_r.png) no-repeat center center;}
.fuwu ul li{ width:33%; text-align:center; text-align:center;  float:left;}
.fuwu ul li a{ text-align:center; line-height:100px; font-size:18px; color:#2b6b51;}

.fuwu ul li a img{ display:block; width:162px; height:162px; margin:0 auto;-webkit-transition: all ease-in-out 1s;
	-o-transition: all ease-in-out 1s;
	-moz-transition: all ease-in-out 1s;
	transition: all ease-in-out 1s;}

	

.dashilist{ background:url(../images/listbg.jpg) repeat-y; height:auto;}
.dashilist dl dd{ margin-bottom:20px; display:block; height:auto;}
.dashilist dl dd .time{ background:url(../images/riqi_07.jpg) bottom right no-repeat; width:190px; margin-right:2px; height:120px;}
.dashilist dl dd .time em{ display:block; font-size:80px; font-family:ËÎÌå; color:#caa68e; margin-top:40px;}
.dashilist dl dd .time i{ margin-top:40px; display:block; color:#caa68e; font-size:30px; font-weight:normal;}
.dashilist dl dd .zuoce a img{ width:270px; height:152px;}
.dashilist dl dd .youce h3{ font-size:18px; color:#666; line-height:24px;}
.chanpin{ background:#f7f8f8; height:auto;}
.chanpin .tijiao{ display:block; background:#fff; border:1px solid #000000; color:#000000; padding:10px 70px; font-size:20px; margin-top:40px; font-family:Î¢ÈíÑÅºÚ;}
#demo , #demb , #dema{ overflow:hidden; height:330px;}
#indemo ,#indemb  ,#indema {float: left;width: 1200%;}
#demo1 ,#demo2 ,#demb1 ,#demb2  ,#dema1 ,#dema2 {float: left;overflow:hidden; display:block; padding-right:3px;}
.prolist ul li{ float:left; margin:15px 28px 0 0; width:275px;}
.prolist ul li:nth-child(4) ,.prolist ul li:nth-child(8) ,.prolist ul li:nth-child(12){ margin-right:15px;}
.prolist ul li .img{  width:275px; height:275px; border:10px solid #f7f8fa;}
.prolist ul li span a{ float:left;color:#000; font-size:16px; display:block; line-height:36px; margin-left:10px;}
.prolist ul li:hover span a{ color:#3bb3c3;}
.prolist ul li span em{ float:right; margin-right:10px; background:url(../images/time.jpg) left center no-repeat;line-height:36px; color:#bcbcbe; font-size:14px;  padding-left:25px;}
.prolist ul li .shuoming{ color:#000000; font-size:12px; line-height:26px; border-top:1px solid #000000;}
.pager { max-width:700px;
  margin : 0px auto 30px auto;
  text-align : center;
}
.pager .prev,
.pager .pages,
.pager .next {
  display : inline-block;
  box-sizing : border-box;
  width: auto;
}
.pager .prev,
.pager .next {
  height: auto;
  background : none;
}
.pager .prev span,
.pager .next span {
  padding : 5px 15px;
  color : #fff;
  border : 1px solid #004da0;
}
.pager .prev a span,
.pager .next a span {
  padding : 0;
  color : inherit;
  border : none;
}
.pager .prev {
  text-align : left;
  float : left;
}
.pager .next {
  text-align : right;
  float : right;
}
.pager .pages {
  text-align : center;
}
.pager a,
.pager span {
  padding :5px 15px;

  display : inline-block;
  box-sizing : border-box;
}
.pager a {
  background-color : #004da0; color:#fff;
  text-decoration : none;
}
.pager .pages span {
  color : #ffffff;
  background-color: #004da0;
  font-weight : bold;
}
.tuwen ul li {
	float: left;
	background: #fefde5;
}
.swiper-container.items .swiper-slide {
	width: 600px;
	position: relative;
	cursor: pointer;
	
	overflow: hidden;
}
.swiper-container.items .swiper-slide img {
	width: 322px;
	height: 247px;
	float: left;
	display: inline-block;
	-webkit-transition: all ease-in-out 1s;
	-o-transition: all ease-in-out 1s;
	-moz-transition: all ease-in-out 1s;
	transition: all ease-in-out 1s;
}
.swiper-container.items .swiper-slide .shade {
	position: absolute;
	width: 322px;
	height: 247px;
	left: -340px;
	background: Black;
	-moz-opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	z-index: 10;
}
.swiper-container.items .swiper-slide .shade u {
	display: block;
	margin: 0 auto;
	width: 80px;
	height: 80px;
	background: url(../images/fangdj.png) no-repeat;
	margin: 60px 0 0 121px;
}
.swiper-container.items .swiper-slide p {
	position: absolute; right:0;
	width: 278px;
	height: 200px;
	color: #999;
	font-family: "Î¢ÈíÑÅºÚ";
	font-size: 12px;
	line-height: 26px;
	padding: 30px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	z-index: 10;
	display: inline-block;
}
.swiper-container.items .swiper-slide p strong {
	color: #222;
	position: absolute;
	font-family:  "Î¢ÈíÑÅºÚ";
	font-size: 16px;
	font-weight: normal;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.swiper-container.items .swiper-slide p em ,.swiper-container.items .swiper-slide11 p em {
	background: url(../images/titlebg.jpg) bottom left no-repeat;
	font-size: 20px;
	font-weight: 500;
	color: #000;
	line-height: 45px;
	display: block; font-family:"Î¢ÈíÑÅºÚ";
}
.swiper-container.items .swiper-slide p i ,.swiper-container.items .swiper-slide11 p i{ padding:5px 20px; border:3px solid #cb8c2c; line-height:50px; background:#fff; color:#000;}
.swiper-container.items .swiper-slide .bg {
	width: 278px;
	height: 247px;
	-moz-opacity: 0.5;
	opacity: 0.5;
	position: absolute;
	right: -340px;
	filter: alpha(opacity=50);
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.swiper-container.items .swiper-slide .bg u {
	display: block;
	position: absolute;
	width: 278px;
	height: 247px;
	margin-right: 340px;
	background-color: #d5a055;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.swiper-container.items .swiper-slide:hover .shade {
	left: 0;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	float: left;
}
.swiper-container.items .swiper-slide:hover .bg {
	-moz-opacity: 1;
	position: absolute;
	right: 0;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.swiper-container.items .swiper-slide:hover .bg u {
	margin-right: 0;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.swiper-container.items .swiper-slide:hover p {
	color: White;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	float: left;
	padding: 30px;
}
.swiper-container.items .swiper-slide:hover p strong ,.swiper-container.items .swiper-slide11:hover p {
	color: White;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.swiper-container.items .swiper-slide:hover img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.swiper-container.items .swiper-slide11 {
	width: 600px;
	position: relative;
	cursor: pointer;
	height: 247px;
	overflow: hidden;
}
.swiper-container.items .swiper-slide11 img {
	width: 322px;
	height: 247px;
	float: right;
	display: inline-block;
}
.swiper-container.items .swiper-slide11 .shade {
	position: absolute;
	width: 322px;
	height: 247px;
	right: -340px;
	background: Black;
	-moz-opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	z-index: 10;
}
.swiper-container.items .swiper-slide11 .shade u {
	display: block;
	margin: 0 auto;
	width: 80px;
	height: 80px;
	background: url(../images/fangdj.png) no-repeat;
	margin: 60px 0 0 121px;
}
.swiper-container.items .swiper-slide11 p {
	position: absolute;
	width: 278px;
	height: 200px;
	color: #999;
	font-family: Arial, "ËÎÌå";
	font-size: 12px;
	line-height: 26px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	z-index: 10;
	display: inline-block;
	padding: 30px;
}
.swiper-container.items .swiper-slide11 p strong {
	color: #222;
	position: absolute;
	font-family: Arial, "Î¢ÈíÑÅºÚ";
	font-size: 16px;
	font-weight: normal;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.swiper-container.items .swiper-slide11 .bg {
	width: 278px;
	height: 247px;
	background-color: #ddd;
	-moz-opacity: 0.5;
	opacity: 0.5;
	position: absolute;
	left: -340px;
	filter: alpha(opacity=50);
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.swiper-container.items .swiper-slide11 .bg u {
	display: block;
	position: absolute;
	width: 278px;
	height: 247px;
	margin-right: 340px;
	background-color: #d5a055;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.swiper-container.items .swiper-slide11:hover .shade {
	right: 0;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	float: left;
}
.swiper-container.items .swiper-slide11:hover .bg {
	-moz-opacity: 1;
	position: absolute;
	left: 0;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.swiper-container.items .swiper-slide11:hover .bg u {
	margin-right: 0;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.swiper-container.items .swiper-slide11:hover p strong {
	color: White;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.productnr{ background:url(../images/cpdt.jpg) top center no-repeat; height:573px;}

.piclist ul li{ float:left; display:inline-block; margin:0 10px; width:230px;padding:13px 0px 0 13px; text-align:center; }
.piclist ul li a{width:230px; height:320px; overflow:hidden; display:block; border:3px solid #fff;}
.piclist ul li a img{ width:230px; height:300px;-webkit-transition: all 1s ease-in-out 0s;
	-moz-transition: all 1s ease-in-out 0s;
	-ms-transition: all 1s ease-in-out 0s;
	-o-transition: all 1s ease-in-out 0s;
	transition: all 1s ease-in-out 0s; margin:7px 0;}
.piclist ul li a:hover img { transform:scale(1.3); -moz-transform:scale(1.3); -ms-transform:scale(1.3); -o-transform:scale(1.3); -webkit-transform:scale(1.3);}
.piclist ul li em .title{ border:0; text-align:center; font-size:16px; color:#000; font-size:16px; line-height:60px; height:60px;}
.shuoming{ font-size:18px; color:#000;}
.userContent1{ margin-left:10px;}
.userContent1 ul li{line-height: 26px;margin-bottom:25px;display:block;overflow:hidden; font-size:0.16rem; }
.userContent1 ul{display:block; }
.userContent1 ul li label{font-size: 14px;display: block;float: left;color: #000;min-width:80px;text-align:right; margin-right:15px;}
.userContent1 ul li input.text{height: 34px;width:80%;padding-left:5px;border:1px solid #bec1c7; font-size:14px;color:#1c3f95; background:rgba(255,255,255,0)}
.userContent1 ul li textarea{width:80%;padding-left:5px;height: 100px;display: block;float: left;color:#1c3f95;border:1px solid #bec1c7;background:rgba(255,255,255,0)}
.userContent1 .subtime{height: 45px; width:40%;border: 0;color: #fff;cursor:pointer; background:#336fd7; }
.userContent1 ul li select{width:99px;height:29px;border:1px solid #d2d2d2;color:#616161;font-size:12px;padding-left:5px;}
.userContent1 span.star { color: red;}
.userContent1 ul li em{ font-size:16px; color:#000; margin-left:43px;}
