@charset "gb2312";
/* CSS Document */
.main {
	background: f6f6f6;
}
/* 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:-50px; position:relative;z-index:10;margin-bottom:50px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:50px;height:2px;margin-left:5px;position:relative;background:#fff;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:50px;height:2px;position:absolute; left:0; z-index:1; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a ,.callbacks_tabs.callbacks1_tabs li:hover a{background:#e60011; height:5px;}
/*ͼƬÂÖ²¥¹ö¶¯*/
.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;}



.productnr{ background:url(../images/cpdt.jpg) top center no-repeat; height:573px;}
#demo { overflow:hidden;height:400px;}
#indemo {float: left;width: 1200%;}
#demo1 ,#demo2 {float: left;overflow:hidden; display:block; padding-right:3px;}
.piclist ul li{ float:left; display:inline-block; width:230px;padding:13px 0px 0 13px; text-align:center;  border:1px solid #CCC; border-top:0; border-left:0;}
.piclist ul li:nth-child(4n){ border-right:0;}
.piclist ul li a{width:210px;overflow:hidden; display:block;}
.piclist ul li a img{ width:210px; height:234px;-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; overflow:hidden;}
.piclist ul li a: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);}
.piclist ul li em.title{ border:0; text-align:center; color:#000; font-size:16px; line-height:50px; height:50px; width:100%;}
.shuoming{ font-size:18px; color:#000;}
.userContent{ margin-left:10px;}
.userContent ul li{line-height: 26px;margin-bottom:15px;display:block;overflow:hidden;}
.userContent ul{display:block; }
.userContent ul li input.text{height: 40px; line-height:40px;width:100%;padding-left:5px;border:1px solid #1e5d89; font-size:14px;color:#1e5d89; background:rgba(255,255,255,0)}
.userContent ul li textarea{width:100%;padding-left:5px;height: 100px;display: block;float: left;color:#1e5d89;border:1px solid #1e5d89;background:rgba(255,255,255,0)}
.userContent .subtime{background:rgba(255,255,255,0);height: 30px; width:100%;border: 0;color: #1e5d89;cursor:pointer;border:1px solid #1e5d89;}
.userContent ul li select{width:99px;height:29px;border:1px solid #d2d2d2;color:#616161;font-size:12px;padding-left:5px;}
.userContent1 ul li input.text{height: 40px;width:260px;padding-left:5px;border:1px solid #fff; margin-left:15px; font-size:15px; color:#F00; background:rgba(255,255,255,1)}
.userContent1 .subtime{background:rgba(255,255,255,1);height: 40px; color:#d78bb9;width:120px;border: 0;cursor:pointer;border:1px solid #fff;}
.userContent1 ul li select{width:120px;height:40px; color:#d78bb9; font-size:15px;padding-left:5px;background:rgba(255,255,255,1);margin-left:15px; }

/*×îÍâ²ã*/
#wrapper{width: 100%; overflow:hidden; background:#fffcf8;}


/*¶¥²¿ -------------------------------------------------------------------------------*/

.main_one{ background:#f3f3f3 url(../images/aboutbg.jpg) repeat-x; min-height:410px;}
.aboutus{ background:none; margin-top:18px; border:none;}
.aboutus ul li{ display:inline-block;  text-align:center; width:19%; float:left; height:120px; margin-right:4px;}
.aboutus ul li a{ display:block;  width:100%; height:120px; font-size:14px; color:#f39801}
.aboutus ul li em{ width:70px; display:block; font-size:42px; background:#f39801; text-align:center; line-height:70px; height:70px; border-radius:50%; margin:0 auto;margin-top:10px; -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; }
.aboutus ul li:hover em{  background:#ce9c5f; transform: rotateY(360deg); -moz-transform:rotateY(360deg); -ms-transform:rotateY(360deg); -o-transform:rotateY(360deg); -webkit-transform:rotateY(360deg); color:#fff;}
.aboutus ul li span{ line-height:40px;}
.aboutus ul li:hover span{color:#ecaa08;}
.main_two{ background:#fafafb; padding-top:30px;}
h1.title{ text-align:center; font-size:30px;}
h1.title a{ font-size:30px; color:#444444;}
h1.title em{ font-size:24px;  text-transform:uppercase; color:#cf9d60; line-height:45px; background:url(../images/title1.png) center no-repeat; display:block;}
h1.title i{ font-size:24px; text-transform:uppercase; color:#fff; line-height:45px; background:url(../images/title.png) center no-repeat; display:block;}
h2.title{ font-size:26px; margin-bottom:50px; color:#000;}


h1.titlex{ text-align:center;}
h1.titlex a{ font-size:30px; color:#fff;}
h1.titlex em{ font-size:14px; color:#eee; line-height:40px; background:url(../images/title.png) center no-repeat; display:block;}
h1.titlex i{ font-size:14px; color:#fff; line-height:40px; background:url(../images/title.png) center no-repeat; display:block;}
h2.titlex{ font-size:26px; margin-bottom:50px; color:#000;}

p.miaoshu{ font-size:16px; line-height:36px; color:#cf9d60;}
.main_t{ height:387px; background:url(../images/about_bg.jpg) repeat-x; height:159px;}
.main_stree{ background:url(../images/abtbg.jpg) no-repeat right top #251c15; padding-bottom:50px;}
.main_fourth{ background:#fff;padding-bottom:50px; }
.tbox{  width:1200px; overflow:hidden; margin:0 auto; padding:40px 0 0;}
.tbox ul{ display:block; overflow:hidden;}
.tbox ul li{ display:block; width:580px; height:150px; background:#fff; margin-bottom:20px; overflow:hidden; float:left;
	transition:background 0.2s;
	-moz-transition:background 0.2s; /* Firefox 4 */
	-webkit-transition:background 0.2s; /* Safari and Chrome */
	-o-transition:background 0.2s; /* Opera */
}
.tbox ul  li:nth-child(2n){ float:right;}
.tbox ul li:nth-child(1){	animation-name: fadeInUp;animation-delay: 0.1s;}
.tbox ul  li:nth-child(2){	animation-name: fadeInUp;animation-delay: 0.2s;}
.tbox ul li:nth-child(3){	animation-name: fadeInUp;animation-delay: 0.3s;}
.tbox ul li:nth-child(4){	animation-name: fadeInUp;animation-delay: 0.4s;}
.tbox ul  li:nth-child(5){	animation-name: fadeInUp;animation-delay: 0.5s;}
.tbox ul li:nth-child(6){	animation-name: fadeInUp;animation-delay: 0.6s;}
.tbox ul  li:nth-child(7){	animation-name: fadeInUp;animation-delay: 0.7s;}
.tbox ul  li:nth-child(8){	animation-name: fadeInUp;animation-delay: 0.7s;}
.tbox ul  li:nth-child(9){	animation-name: fadeInUp;animation-delay: 0.7s;}

/*.tbox ul li:hover{ background:#fff3e3;}*/
.tbox ul li .date{width: 98px;height: 98px;float: left;background: #eee;text-align: center;color: #000}
.tbox ul li .date i{font-size: 40px;line-height: 80px;width: 98px;display: block;color:#000; text-align:center;}
.tbox ul li .date span{font-size: 18px; line-height:40px;width: 98px;}
.tbox ul li a.title{ display:block; max-width:386px; line-height:30px;color:#555; font-size:16px; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
	transition:color 0.4s;
	-moz-transition:color 0.4s; /* Firefox 4 */
	-webkit-transition:color 0.4s; /* Safari and Chrome */
	-o-transition:color 0.4s; /* Opera */
}
.tbox ul li a.title:hover{ color:#ff6600;}
.tbox ul li .txt{ width:360px; height:72px; line-height:24px; color:#999; font-size:12px; float:left;}
.tbox ul li span{ display:block; height:24px; line-height:24px; color:#838383; font-size:12px; float:right; margin:-24px 2px 0 0;}
.tbox ul li span a{ margin:0 5px;}

.main_f{ background:url(../images/cale.jpg) center no-repeat;}
.case ul li{ width:30%; margin-right:5%; float:left; background: rgba(0,0,0,.7); border-radius:30px; padding-bottom:20px; margin-bottom:30px; margin-top:30px;}
.case ul li:nth-child(3n){ margin-right:0;}
.case ul li:hover { background: rgba(255,255,255,.7);}
.case ul li img{ border-top-left-radius:30px; border-top-right-radius:30px; width:100%;}
.case ul li p{ color:#fff; font-size:15px; width:90%; margin:20px auto 0;}
.case ul li:hover p{ color:#000;}
.case ul li:nth-child(1){	animation-name: fadeInUp;animation-delay: 0.1s;}
.case ul  li:nth-child(2){	animation-name: fadeInUp;animation-delay: 0.2s;}
.case ul li:nth-child(3){	animation-name: fadeInUp;animation-delay: 0.3s;}
.case ul li:nth-child(4){	animation-name: fadeInUp;animation-delay: 0.4s;}
.case ul  li:nth-child(5){	animation-name: fadeInUp;animation-delay: 0.5s;}
.case ul li:nth-child(6){	animation-name: fadeInUp;animation-delay: 0.6s;}
.case ul  li:nth-child(7){	animation-name: fadeInUp;animation-delay: 0.7s;}
.case ul  li:nth-child(8){	animation-name: fadeInUp;animation-delay: 0.7s;}
.case ul  li:nth-child(9){	animation-name: fadeInUp;animation-delay: 0.7s;}
.dashiji ul li{ border:1px solid #bda284; display:block; background:#caa58e; height:270px; margin-top:10px;}
.dashiji ul li div{ padding:180px 0 30px 20px;color:#fff; text-align:left; font-size:14px; line-height:24px;}
.banner1 img{ width:100%; margin:0 auto;}
.biaoti{ border-top:3px solid #caa58e; display:block; margin-top:35px;}
.nk_title{ background:url(../images/nkhf.jpg) center top no-repeat;}
.nkfy h2 a{ display:block; background:url(../images/ng_title.jpg) bottom repeat-x; line-height:60px; font-size:20px; color:#cb8c2c;}
.nkfy p{ color:#2c2c2c;}

#menu_con{ line-height:38px; width:120px; height:auto;}
#menu_con li{ width:120px; height:38px; text-align:center; background:#c6c5c3; display:inline-block;}
#menu_con li.on {float: left;  width:120px; height:38px; text-align:center;background:#92463d;}
#menu_con li h2 a{font-size:16px; color:#282828;word-spacing:3px; letter-spacing:3px; }
#menu_con li.on h2 a{font-size:16px; color:#282828;word-spacing:3px; letter-spacing:3px;  color:#fff;}
#content { font-size:100%;}
 
.weixin{ position:relative;-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;}
.weixin .biaozhi{ background:url(../images/foot_chat.png) top right no-repeat; width:48px; height:48px; display:block; position:absolute; top:0; right:30px;}
.weixin .weixin{ display:none; height:100px; position:absolute; top:60px; right:0;}
.weixin:hover .weixin ,.weixin:hover .biaozhi{ animation:tada 2s;
-moz-animation:tada 2s; /* Firefox */
-webkit-animation:tada 2s; /* Safari and Chrome */
-o-animation:tada 2s; /* Opera */}

.weixin:hover .weixin { display:block;height:100px; width:100px; }
.tel{ margin-left:80px; background:#fff; width:300px; font-size:18px; padding:5px 20px; border-radius:30px; line-height:40px;}
.main1{width:100%;background:#f3f3f3 url(../images/main-bg.jpg) repeat-x top center;font-size: 13px;line-height: 22px;color:#666666;position:relative;}
.banner img{ max-height:300px; width:100%;}
.fenlei ul li{ background:#fff; border:1px solid #caa58e; width:110px; margin:61px 19px 0; height:30px; float:left; display:inline-block; line-height:30px; text-align: center;font-size:16px;}
.fenlei ul li.hover ,.fenlei ul li:hover{ background:#caa58e; border:1px solid #caa58e;}
.fenlei ul li.hover a ,.fenlei ul li:hover a{ color:#fff;}
.fenlei ul li a{ color:#caa58e;}
.fenlei ul li span{ line-height:24px; color:#fff; margin-top:45px; display:block;}
.baolie ul li{ margin-top:30px;}
.baolie ul li a{ font-size:12px; color:#3e3a39; line-height:36px;}
.baolie ul li a img{ display:block; width:960px; height:276px;}
.pagecrm{padding-left: 20px;background:url(../images/icon-crmhome.jpg) no-repeat left;font-size: 13px;line-height: 20px;font-weight: bold;margin-top: 45px;}
.pagecrm span{color:#2c313d;}
.pagecrm a{padding-left: 10px;background:url(../images/icon-crmsub.jpg) no-repeat left 8px;color:#2c313d;margin-left: 8px;line-height: 20px;}
.pagecrm a:hover{ color:#900;}
.pagecrm .current{color:#df8b19;}
.subtitle{width:608px; margin:0 auto; margin-top:30px; text-align:center}
.subtitle li{float:left;border: 1px solid #999999; margin:0 10px;}
.subtitle li a{display:inline-block;font-size: 13px;color:#666666; width:120px; text-align:center; padding:10px 0;background:#fff;}
.subtitle li a:hover,.subtitle .current a{background:#df8b19;color:#fff;border-color:#e11a21;}
.hezuo{ width:1100px; margin:0 auto; margin-top:40px; clear:both; }
.hezuo ul{margin:0; padding:0; list-style:none;}
.hezuo ul li{ float:left; margin:10px 10px; width:200px; height:80px; text-align:center;}
.hezuo ul li img{ width:200px; height:80px;}
.page p{ text-indent:2em; max-width:1200px; margin:0 auto;}
.page img { width:100%; }
.page p img{ width:auto;}

.readcount{background:url(../images/icon-see2.jpg) no-repeat left center;height:16px;line-height: 16px;font-weight: bold; float:left; padding-left:30px; width:120px; margin:0 auto;}
.guanggao{}
.guanggao img{ width:100%; height:auto;  }

.page .zhuanjia{ width:500px;margin-top:100px; margin-left:250px;}
.zhuanj h2{ text-align:center;}
.zhuanj h2 em{ margin-left:30px; }
.zhuanj h2 em a{ padding:5px 20px; border-radius:5px; background:#df8b19; font-size:12px; color:#fff;}

.tulist li{display: block;width: 100%; height:500px; padding-top:10px;}
.tulist .date{width: 300px;height: 300px;float: left;text-align: center;}
.tulist .date a img{width: 300px;height: 300px;}
.tulist .cont{width: 800px;height: 85px; float:left;padding: 26px 50px 21px 30px;}
.tulist h4{width: 1200px;font-size: 30px; font-weight:600;padding-bottom: 10px; line-height:100px; text-align:center; background:url(../images/h4title.png) no-repeat;}
.tulist .cont p{width: 800px;margin-bottom: 0;color:#666666;}
.tulist:hover h4 ,.tulist .cont:hover p{ color:#960}
.fa-angle-down {
	margin-left: 10px;
}
.prenext a{ margin-left:20px; font-weight:600; color:#205b86; }
.prenext a:hover{ color:#900;}
.zuoce h1{ background:url(../images/cpfl.jpg) top center no-repeat; height:64px; color:#fff;}
.zuoce h1 a em{ color:#fff; font-size:16px; line-height:63px;}
.zuoce .newslist{ background:url(../images/cpm.jpg) center repeat-y; height:auto; width:100%;}
.zuoce .newslist dl dd{ background:url(../images/listbg.jpg)  no-repeat; width:200px; height:40px; margin-left:15px; margin-bottom:8px; }
.zuoce .newslist dl dd:last-child{ margin-bottom:0;}
.zuoce .newslist dl dd a{ margin-left:25px; display:block; line-height:40px;}
.zuoce .botton{ background:url(../images/cpb.jpg) no-repeat bottom center; height:17px;}

.pagecrm{padding-left: 20px;background:url(../images/icon-crmhome.jpg) no-repeat left;font-size: 13px;line-height: 20px;font-weight: bold;margin-top: 15px;}
.pagecrm span{color:#2c313d;}
.pagecrm a{padding-left: 10px;background:url(../images/icon-crmsub.jpg) no-repeat left 8px;color:#2c313d;margin-left: 8px;line-height: 20px;}
.pagecrm .current{color:#b20811;}
.prenext .tolivelist, a.backlist_top {float: right;font-size: 14px;color: #ccb054;border: 1px solid #ccb054;line-height: 30px;padding: 0 25px;transition: background 0.4s;}
.prenext .tolivelist:hover,a.backlist_top:hover{background-color: #ccb054;color: #fff;}
.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 #957713;
}
.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 : #00489c; color:#fff;
  text-decoration : none; cursor:pointer;
}
.pager .pages span {
  color : #ffffff;
  background-color: #00489c;
  font-weight : bold;cursor:pointer;
}
.pager a:hover{ background-color: #5b5d50;}
h1.title1{ font-size:16px;  height:46px;  background:url(../images/rt.jpg) no-repeat; width:96%; margin:0 auto; line-height:46px; padding:0 35px;}
h1.title1 a em{color:#00409b; display:inline-block; height:46px; padding-right:10px; }
 h1.title1 a i{text-transform: uppercase; color:#cc4d5e;}
 h1.title1 span{ border:1px solid #00409b; color:#00409b; border-radius:5px; line-height:25px; padding:0 10px; margin-top:10px;}
  h1.title1 span a{ color:#00409b; font-size:12px;text-transform: uppercase;}
h1.title1 span img{ margin-top:20px; border:0;}
.newslist ul li{ border-bottom:1px dotted #ccc; line-height:40px;}
.links{ text-align:left; display:inline-block; border-bottom:1px solid #727171; padding-bottom:20px; margin-bottom:20px;}
.links ul li{ float:left; margin-right:10px;}


.new{width:1200px; margin:0 auto; clear:both; margin-top:30px;}
.new ul{list-style:none; margin:0; padding:0;}
.new ul li{float:left; width:560px; margin:10px 10px 30px 30px; background:#fff; text-align:left; font:12px/24px "Microsoft yahei"; color:#666; box-sizing:border-box; padding:0px 5px;}
.new ul li img{ display:block; float:left; width:170px; height:130px; margin-right:10px;}
.new ul li strong {font:bold 16px/42px "Microsoft yahei"; color:#333;  display:block;  text-align:left;}
.new ul li strong a{color:#333; text-decoration:none;}
.new ul li strong a:hover{color:#cf9d60; text-decoration:underline;}
.pic2{padding:2px; display:block; margin-top:5px; margin-bottom:5px; border:none;}

.copy{font:12px/30px  "Microsoft yahei"; color:#fff; text-transform:uppercase;}
.yqlj{background:#0079c2; width:100%; height:50px; clear:both;}
.link{width:1100px; height:50px; margin:0 auto; clear:both; font:12px/50px "Microsoft yahei"; ; color:#fff;}
.link ul{list-style:none; margin:0; padding:0;}
.link ul li{float:left; padding:0px 10px;}
.link ul li a{color:#fff; text-decoration:none;}
.link ul li a:hover{ color:#e7ce81; text-decoration:underline;}

#demoz {
height:120px;
overflow:hidden;
width: 1200px;
margin:0 auto;
}
#demoz img {

}
#indemoz {
float: left;
width: 800%;
}
#demo1z {
float: left;
}
#demo2z {
float: left;
}

#demozx {
height:280px;
overflow:hidden;
width: 1200px;
margin:0 auto;
}
#demozx img {

}
#indemozx {
float: left;
width: 800%;
}
#demo1zx {
float: left;
}
#demo2zx {
float: left;
}

.newsx { width: 1200px; margin: 0 auto; clear: both; }
.newsx ul { list-style: none; margin: 0; padding: 0; }
.newsx ul li { width: 1200px; margin: 20px 0px; padding-bottom: 20px; border-bottom:1px solid #dcdcdc;}
.newsx ul li dl { width: 1200px; margin: 0 auto; clear: both; }
.newsx ul li dl dt { float: left; margin-right: 30px; text-align: center; }
.newsx ul li dl dt img { display: block; border: 1px solid #dcdcdc; padding: 2px; }
.newsx ul li dl dd { font: 14px/28px "΢ÈíÑźÚ"; color: #888; text-align: left; text-transform:uppercase; }
.newsx ul li dl dd strong { font: 18px/30px "΢ÈíÑźÚ"; color: #333; }
.newsx ul li dl dd strong:hover { color: #008cd7; text-decoration: none; }