.clear{clear:both;}

/*轮播图*/
.main_visual{height:450px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative; width:100%;margin-top: 90px}
.main_image{height:450px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:450px;overflow:hidden;position:absolute;top:0;left:0;}
.main_image li{float:left;width:100%;height:450px; position:relative;}
.main_image li .main_li_con{ width:1210px; margin:0 auto; padding-left:20px; padding-top:190px;}
.main_image li .main_li_con h3{ font-size:40px; color:#fff; line-height:44px; font-weight:bold;}
.main_image li .main_li_con h6{ font-size:22px; color:#555555; line-height:45px; font-weight:bold;}
.main_image li .main_li_con p{ font-size:18px; color:#555555; line-height:20px;}
.main_image li a{display:block;width:100%;height:720px}
div.flicking_con{position:absolute;bottom:40px;left:50%;z-index:888;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../Images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-9999px; margin-left:3px; margin-right:3px;}
div.flicking_con a.on{background-position:0 -21px}
/*轮播图下面的五个logo*/
.banner_bottom{ width:100%; padding-top:100px; padding-bottom:50px; background:#eeefef; float:left;}
.banner_bottom ul{ width:1210px; margin:0 auto;}
.banner_bottom ul a{ width:20%; float:left; text-align:center;}
.banner_bottom ul a h3{ color:#b3975d; font-size:20px; font-weight:bold;}
.banner_bottom ul a p{ font-size:15px; color:#000; margin-top:5px;}
.div_img{ width:240px; display:table-cell; text-align:center; vertical-align:middle; height:190px;}
.div_img img{ height:100px;}

.banner_bottom2{display:none;}
.banner_bottom1{ display:block;}

/*企业文化部分*/
.company-culture{ width:100%; margin-top:40px; text-align:center;}
.company-culture h2{ font-size:32px; color:#c0a263; font-weight:bold;}
.company-culture h6{ font-size:18px; color:#555555; padding:10px 0px;}
.company-culture span{ width:120px;height:5px; background:#c0a263; display:inline-block;}
.company-culture p.small-title{width:1050px; padding:15px 30px; text-align:center; font-size:16px; line-height:26px; color:#1e1c1f; margin:0 auto;}
.culture_list{width:100%; background:url("../Images/bg.jpg") no-repeat center center; height:650px;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.culture_list .culture_list_all{ width:1240px; margin:0 auto;}
.culture_list .culture_list_all dl{ width:395px; float:left; margin-top:260px; margin-left:17px;}
.culture_list .culture_list_all dl dt h3{ font-size:22px; color:#fff; line-height:28px; font-weight:bold;}
.culture_list .culture_list_all dl dt em{ font-size:18px; color:#fff; line-height:28px;}
.culture_list .culture_list_all dl dd{ width:385px; font-size:14px; line-height:23px; color:#fff; text-align:left; margin-top:25px; padding:7px;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9; cursor:pointer; height:175px;}
.culture_list .culture_list_all dl dd p:hover{opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;}
	
.culture_list .culture_list_all dl dd p{border:1px solid #fff; padding:25px 10px;

	-webkit-transform: translate3d(0,5px,0);
	transform: translate3d(0,5px,0);-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	height:116px;

}
/*列表轮播*/
.scroll-outer{width:100%;display:none;}
#scroll{width:100%;margin:0 auto;}
#scroll .owl-wrapper-outer{margin:0 auto;}
#scroll .item{position:relative;width:100%; height:950px;background-color:#fff;overflow:hidden; float:left;}
#scroll .items{ background:#f9f9f9;}
#scroll .item span{ width:100%; height:580px; display:block; background-position:100% 100%;-webkit-transform: translate3d(0,+10px,0);
	transform: translate3d(0,+10px,0);-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;}
#scroll .item span:hover{-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;}	

#scroll .txt{width:80%; margin-top:50px;padding-left:10%;}
#scroll h3{width:100%;line-height:30px; font-size:26px;color:#313131; height:30px; overflow:hidden;}
#scroll h6{ font-size:22px; color:#333333;  line-height:30px; word-break:break-all; height:30px; overflow:hidden;}
#scroll p{width:100%;line-height:20px;font-size:14px; margin-top:30px; color:#4e4e4e; font-weight:100;}
#scroll .txt .more{ float:right; color:#6e6e6e; margin-top:40px; font-size:14px;font-weight:100; width:150px;-webkit-transition: all .5s;
  transition: all .5s; background: -webkit-linear-gradient(left, #444, #444) no-repeat;
  background: linear-gradient(to right, #444, #444) no-repeat;
  background-size: 0% 100%;}
  #scroll .txt .more:hover{   background-size: 100% 100%;color: #fff;}
.owl-theme .owl-controls .owl-buttons div{position:absolute;top:380px;width:30px;height:60px;margin:0;padding:0;border-radius:0;font:60px/60px;background-color:transparent;overflow:hidden;_display:none;}
.owl-theme .owl-controls .owl-buttons .owl-prev{left:27px;}
.owl-theme .owl-controls .owl-buttons .owl-next{right:27px;}
.owl-theme .owl-controls .owl-buttons .owl-prev{ background:url(../Images/nav.png) no-repeat; background-position:-4px -81px;}
.owl-theme .owl-controls .owl-buttons .owl-next{background:url(../Images/nav.png) no-repeat;background-position:-44px -81px;}

/*集团新闻*/
.conpany-news{width:100%; background:#b3975d; text-align:center; padding:30px 0px;color:#fff; float:left;}
.conpany-news h2{ font-size:32px; font-weight:bold;}
.conpany-news p{font-size:16px; line-height:30px;}

/*瀑布流*/
.progress_bar{width: 98%;background-color: #C6CBCB;box-shadow: inset 0 1px 1px #c9c9c9,inset -1px 0 2px #b8b8b8;position: relative;height: 5px;padding: 0;margin: 10px auto;}
.progress_bar .progress_bar_x{display: block;width: 100%;z-index: 99;top: 0;opacity: 0.9;background-color: #5AB4F7;border-radius: 8px 4px 4px 8px;}
.waterfull{margin: 0 auto; margin-top:40px;}
.waterfull ul li{float: left;width: 360px;margin-left:50px;position: relative;overflow: hidden;margin-bottom:20px;}





.waterfull ul a{ color: #1e1c1f;}
.waterfull ul a:hover{ color:#7f97f0;}
.waterfull ul a:hover img{ }

.waterfull ul a img:hover{opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;}
	
.waterfull ul a img{

	-webkit-transform: translate3d(0,+10px,0);
	transform: translate3d(0,+10px,0);-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	

}
.waterfull ul a p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:17px; margin:0 10px; margin-top:30px;}
.waterfull ul .article-con{margin:0 10px;}
.waterfull ul .article-con p.p1{ font-size:12px; margin-top:20px; color:#444; line-height:24px; height:24px; overflow:hidden;}
.waterfull ul .article-con p.p2{ font-size:14px; color:#4c494d; line-height:26px;}
.waterfull ul .article-con p a.a-left{ color:#aaa8a0; font-size:12px; display:inline-block;}
.waterfull ul .article-con p a.a-left i{background:url("../Images/iocn.png") no-repeat; display:inline-block; width:9px; height:12px; position:relative; left:5px; top:2px;}
.waterfull ul .article-con p a.a-right{ color:#aaa8a0; font-size:12px; float:right;}
.waterfull ul .article-con p a.a-right i{background:url("../Images/iocn1.png") no-repeat; display:inline-block; width:13px; height:12px; position:relative; left:7px; top:2px;}
.waterfull ul .article-con p a:hover{ color:#7f97f0;}


.more{ text-align:center; margin-top:30px; height:40px; line-height:40px; font-size:14px; width:100%; float:left; position:relative;}
.more a{ color:#817f86; border:1px solid #444; display:inline-block; padding:0 50px; cursor:pointer;-webkit-transition: all .5s;
  transition: all .5s; background: -webkit-linear-gradient(left, #f5f5f5, #f5f5f5) no-repeat #f5f5f5;
  background: linear-gradient(to right, #444, #444) no-repeat;
  background-size: 0% 100%;}
  .more a:before{}
  .more a:hover{ background-size: 100% 100%;color: #fff;}
/*我们的客户*/
.our{ width:100%; background:#f5f5f5; padding:30px 0px; float:left; margin-top:50px; text-align:center; padding-bottom:20px;}
.our h2{ font-size:32px; font-weight:bold; color:#c0a263;}
.our p{font-size:16px; line-height:30px; color:#333;}
.our-list{ width:1120px; margin:0 auto;position:relative;clear:both;}
.our-list ul{ position:relative; width:1080px; overflow:hidden;  height:130px; float:left;}
.slide{width:180px!important; float:left; position:relative; text-align:center; margin-right:0px!important; }
.slide a{ font-size:12px; color:#686868;}
.slide a:hover{ color:#c0a263;}
.slide .a-img{ width:180px; height:70px; border:1px solid #eee; display:table-cell; vertical-align:middle;background:#fff;}
.slide .a-img img{ vertical-align:middle;}
.slide .a-p{ font-size:12px; color:#333;}
.our-list .prve{ width:20px; height:38px; background:url(../Images/nav1.png) no-repeat;background-position:0px -1px; display:inline-block; position:absolute; left:-30px; top:45px; z-index:999;}
.our-list .next{ width:20px; height:38px; background:url(../Images/nav1.png) no-repeat;background-position:-21px -1px; display:inline-block; position:absolute; right:5px; top:45px; z-index:999;}

/*about*/
.company-about{ background:#f8f8f8; margin-top:0px; padding-top:70px; clear:both;}
.company-about .about-us{width:1210px; margin:0 auto; margin-top:30px; padding-bottom:30px;  clear:both;}
.company-about .about-us dt{ width:570px;  overflow:hidden; display:inline-block; float:left;}
.company-about .about-us dt p{text-indent:2em; font-size:14px; color:#1e1c1f; line-height:26px; margin-bottom:25px; text-align:left;}
.company-about .about-us dd{float:right;}
.company-about .about-us dd img{ width:570px;}
.culture_conpany{width:100%; background:url("../Images/bg1.jpg") no-repeat center center; height:548px;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover; clear:both;}
.culture_conpany .culture_list_conpany{ width:1210px; margin:0 auto;}
.culture_conpany .culture_list_conpany dl{ margin-left:4px; margin-right:4px; margin-top:135px;}
.culture_conpany .culture_list_conpany dl dt{ text-align:center;}
.honour{ width:1210px; margin:0 auto; clear:both; display:none;}
.honour_ul{ width:100%; margin-top:30px;}
.honour_ul a{display:block; width:289px; float:left; margin-right:13px; margin-bottom:20px;}
.honour_ul a img{width:289px; height:192px;}
.honour_ul a p{ font-size:14px; color:#333333; margin-top:5px;}
.honour_photo a{ width:399px; margin-right:4px; margin-bottom:2px; margin-top:0px;}
.honour_photo a img{width:399px; height:334px;}
.contact{width:100%; background:url("../Images/bg2.jpg") no-repeat center center; height:750px;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover; float:left; margin-top:120px;}
.contact_list{width:1240px; margin:0 auto; clear:both;}
.contact_list dl{width:413px; float:left; text-align:center; color:#fff; margin-top:130px; position:relative;}
.contact_list dl dt{ width:105px; height:105px; display:table-cell; text-align:center; vertical-align:middle; border:1px solid #c0a263; border-radius:100px;  position:relative; left:135px;}
.contact_list dl dt img{ width:50px;}
.contact_list dl dd{ margin-top:40px;}
.contact_list dl dd h6{ font-size:18px; line-height:30px;}
.contact_list dl dd p{ font-size:15px;}
.memorabilia{width:100%; background:url("../Images/bg3.jpg") no-repeat center center; height:550px;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover; float:left; margin-top:80px; padding-top:50px;color:#fff; padding-bottom:100px;}
.memorabilia h2,.memorabilia h6{ color:#fff;}
.memorabilia-list{ display:none;}
.memorabilia-pc { width:1210px; margin:0 auto; clear:both;}
.memorabilia-pc ul{height:32px; line-height:32px; font-size:18px; margin-top:40px;}
.memorabilia-pc ul li{float:left; width:auto;}
.memorabilia-pc ul li span{display:inline-block; width:15px; height:1px; background:#fff; position:relative;top:-6px;}
.memorabilia-pc ul li a{ color:#fff;width:auto; padding:0 10px; text-align:center;height:32px; display:inline-block; cursor:pointer;}
.memorabilia-pc ul li.avt a{height:32px; background:#fff; color:#b3975d; font-weight:bold; width:auto; padding:0 10px; text-align:center;}
.memorabilia-all{width:1210px; margin:0 auto; clear:both;}
.memorabilia-all .memorabilia-list{ height:220px; overflow:hidden; border:3px solid #cdc9c1; margin-top:25px; padding:40px;}
.memorabilia-all .memorabilia-list dl{ width:31%; float:left; font-size:14px; color:#fff; line-height:20px; margin-bottom:30px; margin-left:2%;}
.memorabilia-all .memorabilia-list dl dt{ font-weight:bold; height:20px; overflow:hidden;}
.memorabilia-all .memorabilia-list dl dd{height:20px; overflow:hidden;}
.memorabilia-moblie{display:none;}
/*product and sever*/
.con_list{width:100%; background:#f8f8f8; padding:30px 0px; float:left;}
.con-all{width:1210px; margin:0 auto; clear:both;}
.con-all dl{width:100%; background:#fff; margin-bottom:10px; float:left;}
.con-all dl dt{ width:370px; display:inline-block;}
.con-all dl dt img{ width:370px; height:275px;}
.con-all dl dd{ width:800px; display:inline-block; float:right;}
.con-all dl dd h3{ font-size:22px; color:#333; margin-top:35px; font-weight:100;}
.con-all dl dd h3 a{width:100%;display:inline-block; text-align:left; margin-right:0px;font-size:22px;}
.con-all dl dd h3 a:hover{background:none;}
.con-all dl dd h3 em{ font-size:18px; margin-left:10px;}
.con-all dl dd p{height:140px;line-height:24px; font-size:14px; color:#333; margin-top:25px; overflow:hidden; width:95%;}
.con-all dl dd a{font-size:14px; color:#333; width:114px; float:right; height:35px; line-height:35px; text-align:center; display:block; margin-right:50px;}
.con-all dl dd a:hover{ background:url("../Images/a_hover.png") no-repeat; color:#c0a263;}
.con-all dl.dl-right dt{ float:right;}
.con-all dl.dl-right dd{float:left; margin-left:30px;}

/*content*/
.content{width:100%; background:#f8f8f8; padding:30px 0px; float:left;}
.news-details{ width:1210px; margin:0 auto; clear:both;}
.details-all{ width:100%;  background:#fff; float:left;}
.details-left{width:780px; padding:0 40px; border-right:1px solid #eeeeee; float:left; padding-bottom:30px;}
.details-left h4{ text-align:center; font-size:18px; color:#000; border-bottom:1px solid #eeeeee; padding:40px 0;}
.details-left-con{ font-size:14px; line-height:26px; color:#1e1c1f; }
.details-left-con p{ text-indent:2em; margin-top:30px; margin-bottom:30px;}
.details-left-con img{ text-align:center; max-width:780px;}
.details-right{ float:right; width:288px; padding:0 30px;}
.details-date{ width:100%; margin-top:40px; border-bottom:1px solid #eeeeee; padding-bottom:30px;}
.details-date p{ font-size:18px; color:#1d1d1d;}
.details-date p a{ display:inline-block;background:url("../Images/icon_list.png") no-repeat; margin-right:35px; margin-top:20px;}
.details-date p a.a-icon{ width:27px; height:22px; background-position:-8px -8px;}
.details-date p a.a-icon1{ width:21px; height:24px; background-position:-9px -38px;}
.details-date p a.a-icon2{ width:20px; height:23px; background-position:-9px -74px;}
.details-date p a.a-icon:hover{ width:27px; height:22px; background-position:-47px -8px;}
.details-date p a.a-icon1:hover{ width:21px; height:24px; background-position:-48px -38px;}
.details-date p a.a-icon2:hover{ width:20px; height:23px; background-position:-47px -74px;}
.news-commend{ width:100%; margin-top:20px;}
.news-commend h3{ font-size:18px; color:#000; padding-bottom:10px;}
.news-commend dl{ width:100%; margin-top:15px; float:left;}
.news-commend dl dt{ width:5px; height:5px; background:#2f2f2f; display:inline-block; position:relative;top:-2px;}
.news-commend dl dd{ width:275px; float:right;}
.news-commend dl dd a{ font-size:16px; color:#333333; height:20px; line-height:20px; overflow:hidden;}
.news-commend dl dd p{ margin-top:15px; font-size:12px; color:#666666; font-size:12px; line-height:20px;}
.news-commend dl dd em{ font-size:14px; color:#979898; margin-top:5px;}

/*join-us*/
.join-us{width:100%; background:#f8f8f8; padding:30px 0px; float:left;}
.join-us .h2{ text-align:center; width:100%; font-size:22px; color:#c0a263; padding-top:20px;}
.join-us .h6{ text-align:center; font-size:18px; color:#333; margin-top:5px;}
.tab-list{ height:50px; line-height:50px; color:#333; font-size:16px; border-bottom:1px solid #eee; border-top:1px solid #eee; margin-top:30px;}
.tab-list .tab-list-r{width:1210px; margin:0 auto; clear:both;}
.tab-list .tab-list-r .tab-list-span{float:left;}
.tab-list .tab-list-ul{ float:left;}
.tab-list .tab-list-ul li{ display:inline-block; float:left; margin-left:40px; cursor:pointer;}
.tab-list .tab-list-ul li:hover{ color:#c0a263;}
.tab-list .tab-list-ul li.avt{ color:#c0a263;}
.join-list{width:1210px; margin:0 auto; clear:both;}
.join-list .join-list-us{ width:100%;}
.join-list .join-list-us .join-all{width:50%; float:left; margin-top:35px; height:450px; border-bottom:1px solid #eee; padding-bottom:40px;}
.join-list .join-list-us .join-all h2{ width:100%; font-size:22px; color:#c0a263;}
.join-list .join-list-us .join-all h6{font-size:14px; color:#333;}
.join-list .join-list-us .join-all .join-us-ul{ width:100%; margin-top:30px;}
.join-list .join-list-us .join-all .join-us-ul li{ display:inline-block; margin-right:10px; margin-left:10px;cursor:pointer;}
.join-list .join-list-us .join-all .join-us-ul li:hover{ color:#c0a263;}
.join-list .join-list-us .join-all .join-us-ul li.avt{color:#c0a263;}
.join-list .join-list-us .join-all .join-con-list{ width:80%; font-size:12px; color:#626262; line-height:21px; margin-top:20px;}
.join-list-us{ display:none;}
.join-con-list{ display:none;}
/*我们的客户*/
.img_gallery{height:160px;overflow:hidden;position:relative; width:1210px; margin:0 auto; padding-top:30px;}
.main_img{height:160px;overflow:hidden;position:relative; width:1210px;}
.main_img ul{width:9999px;height:160px;overflow:hidden;position:absolute;top:0;left:40px;width:1130px;}
.main_img li{float:left;width:100%;height:160px;}
.main_img li a{display:block;width:188px; float:left; height:160px; color:#333;}
.main_img li a p{font-size:12px;text-align:center}
.main_img li a img{width:185px; height:80px; border:1px solid #eee;}
#btn_prev1,#btn_next1{z-index:11111;position:absolute;display:block;width:19px!important;height:38px!important;  top:65px;}
#btn_prev1{background:url(../Images/nav1.png) no-repeat left top; left:0px; background-position:-1px -2px;}
#btn_next1{background:url(../Images/nav1.png) no-repeat left top; right:0px; background-position:-20px -2px;}
.lb-slider1 a{
	float: left;
 
	position: relative;
}
.slider1 > a,
.slider1 > a img{
	display: block;
}
.slider1 > a{
	width: 185px;
	height: 80px;
	position: relative;
 
}
.slider1 > a p{
	position: absolute;
	width: 185px;
	height: 80px;
	top: 0px;
	left: 0px;
	text-align: center;
	line-height: 80px;
	color:#fff;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.6);
	font-size: 18px;
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	background: rgba(0,0,0);
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.6)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
	background: radial-gradient(center, ellipse cover, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}
.slider1 > a:hover p{
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}

/*产品与服务详细*/
.sever-detailed{ width:1210px; margin:30px auto;}
.sever-detailed h1{font-size:22px; height:70px; line-height:70px; text-indent:2em; background:#fff; color:#333333; font-weight:100;}
.sever-detailed h1 em{font-size:18px; margin-left:5px;}
.sever-detailed .detailde-x{ padding:40px 30px; margin-top:5px; background:#fff; line-height:24px; color:#333; font-size:14px;text-align:center;}
.sever-detailed .detailde-x p{text-indent:2em; text-align:left; margin-top:10px; margin-bottom:10px;}
.sever-detailed .detailde-x img{text-align:center; max-width:1150px; padding:30px 0px;}

.about_div{width:auto; margin:0px auto; padding:70px 40px 40px;line-height:35px;}
.about_div h1{text-align:center; font-size:22px; line-height:150%; padding-bottom:20px;}


.jtcy_div{width:auto; margin:0px auto; padding:70px 40px 40px;line-height:35px; font-size:14px;     line-height: 26px; text-indent: 2em;    margin-top: 30px;    margin-bottom: 30px;}
.jtcy_div h1{text-align:center; font-size:28px; line-height:150%; padding-bottom:20px;}
.jtcy_div p{ font-size:14px;     line-height: 26px; text-indent: 2em;    margin-top: 30px;    margin-bottom: 30px;}
.bg_hui{background:#f8f8f8;}