@charset "utf-8";
body{ margin:0; font-family:"Microsoft Yahei";}

#dingbutop{position: relative; width: 100%; height: 235px;}
.dingbutop{ width:1226px; margin:0 auto;}

.topbar{position: relative; overflow:hidden;z-index: 30;height: 40px;font-size: 12px;
color: #b0b0b0;background: #333; width:100%; height:40px;}
.container{width: 1226px;margin:0 auto;}
.topbar-left{float: left;height: 40px;line-height: 40px;overflow: hidden; padding-left:0px;}
.topbar-right{float: right;_display: inline;height: 40px;line-height: 40px; padding-right:10px;}
.topbar-right a{ color:#b0b0b0;text-decoration:none;}
.topbar-right a:hover{color:#fff;text-decoration:none;}

#H-footer{ width: 100%; height: 100px; background:#fafafa;border-top: 1px solid #e0e0e0;}
.H-footer{ width:1226px; margin:0 auto;}
.H-footer-wz{ float:left; margin-top:30px;}
.H-footer-wz p{ font-size:12px; color:#AEAEAE; line-height:24px; text-align:left;}
.H-footer-right{ float:right; margin-top:30px;}
.H-footer-logo{ float:left; width:90px; height:100px; background:url(../images/logo.png) no-repeat; margin-right:20px;}




#dh{ width:100%; margin:0 auto; height:100px;}
.dh{ width:1226px; margin:0 auto; height:100px;}
.logo{ float:left; width:90px; height:100px; background:url(../images/logo.jpg) no-repeat; margin-right:20px;}
.dhnav {position: relative;width:900px; float:left;height:52px;background: #fff;margin:0 auto; margin-top:24px;}
.dhnav li{list-style: none;float: left;line-height: 50px;}
.dhnav li a{display: block;text-decoration: none;color: #404144;padding: 0px 14px;font-family: "微软雅黑";text-transform: uppercase;
font-size: 14px;}
.dhnav li a:hover .xs{display: block;}
.dhnav li a:hover {color: #FF6700;text-decoration:none;}

.sousuo{ float:right; line-height:50px; width:300pxaa; margin-top:30px;}
.sousoutext{ height:44px; width:210pxaa; line-height:44px; float:left; border:#E1E1E1 1px solid; padding-left:10px; margin-left:17px; padding-right:10px; font-size:12px;}
.sousuoanniu{ float:right; line-height:44px; height:44px; margin:0; padding:0; width:50px; margin-left:-4px;}
a.sousuoanniu{border:#E1E1E1 1px solid; background:url(../images/ss.png) #fff center no-repeat;}
a.sousuoanniu:hover{border:#FF6700 1px solid; background:url(../images/ss1.png) #FF6700 center no-repeat;}



.homeguanggao{ margin:16px auto; width:1226px; height:170px;}
.homenew{ float:left; width:215px; height:150px; background:#605750; padding:10px;}
.nr{ width:215px; height:150px;}
.topbt{ line-height:30px; height:30px; border-bottom:#8F8782 1px solid;font-size:13px; color:#fff;}

.homenew-nr{margin: 0;padding:10px 0 0 0 ;font-size: 12px; font-family:"宋体";}
.homenew-nr li{ line-height:22px; text-align:left;}
.homenew-nr li a{ color:#C7C3C0;display:block;}
.homenew-nr li a:hover{text-decoration:none; color:#fff; display:block;}
.homenew-nr li em{ width:16px; height:20px; float:left; }
.homenew-nr li em img{ margin-top:5px;}

.homegg{ float:right;}
.homegg img{ width:314px; height:168px; float:right; margin-left:14px; border:#DFDFDF 1px solid;}


.home-pro{margin:0 auto; width:1226px; height:440px;padding-top:10px;}
.home-pro-top{position: relative;height: 58px; -webkit-font-smoothing: antialiased;}
.home-title{margin: 0;font-size: 22px;font-weight: 200;line-height: 58px;color: #333; float:left; }
.home-title a{color: #333;}
.home-title a:hover{color: #ff6700;text-decoration:none;}
.home-titler{margin: 0;font-size: 22px;font-weight: 200;line-height: 58px;color: #333; float:right; }
.home-titler a{color: #333;}
.home-titler a:hover{color: #ff6700;text-decoration:none;}
.home-pro-more{ float:right; margin-top:0px;  font-size:14px; line-height:24px; z-index:1px;}
.home-pro-more a{ color:#666;}
.home-pro-more a:hover{ color:#ff6700;text-decoration:none;}


.home-pro-nr{position: relative;width: 1226px; height:340px;overflow: hidden;_zoom: 1;padding-bottom: 40px;}
.rollBox{width:1226px;overflow:hidden; padding:10px 0px 6px 0px; }
.rollBox .LeftBotton{width:20px; height:52px; background:url(m_button.gif) no-repeat 12px 0; overflow:hidden; float:left; display:inline; margin:25px 0 0 0; cursor:pointer;}
.rollBox .RightBotton{width:20px; height:52px; background:url(m_button.gif) no-repeat -8px 0; overflow:hidden; float:left; display:inline; margin:25px 0 0 0; cursor:pointer;}
.rollBox .Cont{width:660px;overflow:hidden; float:left; font-size:12px;}
.rollBox .ScrCont{width:1000000px;}
.rollBox .Cont .pic{width:132px;float:left; text-align:center;}
.rollBox .Cont .pic img{padding:4px; border:1px solid #ccc; display:block; margin:0 auto 4px auto;background:#fff;}
.rollBox .Cont a{color:#666; text-decoration:none;}
.rollBox .Cont a:hover{color:#f00; text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}




.page-main{background: #F5F5F5; overflow:hidden;}
.home-brick-box{margin-bottom: 20px;}
.home-brick-row-1-box{height: 686px;}
.home-brick-box-nr{position: relative;height: 614px;
-webkit-font-smoothing: antialiased;}
.home-brick-row-1-box1{height: 500px;}
.home-brick-box-nr1{position: relative;height: 500px;
-webkit-font-smoothing: antialiased;}
.home-brick-row-1-box2{height:370px;}
.home-brick-box-nr2{position: relative;height:350px;
-webkit-font-smoothing: antialiased;}
.home-brick-box-nr-row{margin-left:0px;_margin-left: 0;}
.brick-promo-list{_margin-left: 0;margin: 0;padding: 0;list-style-type: none;}
.brick-promo-list li{
position: relative;
z-index: 1;
float: left;
background: #fff;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;}
.brick-promo-list li:hover{
position: relative;
z-index: 1;
float: left;
margin-left: 0px;
margin-bottom: 14px;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
box-shadow: 0 15px 30px rgba(0,0,0,0.1);
-webkit-transform: translate3d(0, -2px, 0);}
.brick-promo-list a{display: block;width: 100%;height: 100%;}
.brick-promo-list .img1{ width:234px; height:614px;}
.brick-promo-list .img2{ width:234px; height:300px;}

.brick-item-1{ width:234px; height:614px;}
.brick-item-2{ width:234px; height:300px;margin:0px 10px 0 0;}
.brick-item-3{ width:234px; height:300px;margin-bottom:14px;}
.brick-item-6{ width:912px; height:420px;}
.brick-item-7{ width:300px; height:420px;}
.brick-item-8{ width:257px; height:230px;}

.span4 {width: 234px;_margin-left: 0;float: left;}
.span5 {width: 978px;_margin-left: 0;float: left;margin-left: 14px;
min-height: 1px;}
.span6 {width: 912px;_margin-left: 0;float: left;}
.span7 {width: 300px;_margin-left: 0;float: left;margin-left: 14px;min-height: 1px;}
.span8 {width: 293px;_margin-left: 0;float: left;margin-left: 14px;min-height: 1px; }
.span9 {width: 290px;_margin-left: 0;float: right;margin-left: 14px;min-height: 1px; }
.piclist-item-padding{ padding:18px;}
.brick-promo-right{_margin-left: 0;height: 420px;margin: 0;padding: 0;list-style-type: none;}
.brick-promo-xxx{_margin-left: 0;height: 300px;margin: 0;padding: 0;list-style-type: none;}
.brick-promo-right li,.brick-promo-xxx li{
position: relative;
z-index: 1;
float: left;
margin-left: px;
margin-bottom: 14px;
background: #fff;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;}
.brick-promo-right li:hover,.brick-promo-xxx li:hover{
position: relative;
z-index: 1;
float: left;
margin-left: 0px;
margin-bottom: 14px;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
box-shadow: 0 15px 30px rgba(0,0,0,0.1);
-webkit-transform: translate3d(0, -2px, 0);}
.brick-promo-right a{display: block;height: 100%;}
.brick-promo-right img{ width:160px; height:160px;}




.brick-promo-right-span7 li{
position: relative;
z-index: 1;
float: left;
margin-left: px;
margin-bottom: 14px;
background: #fff;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;}
.brick-promo-right-span7 li:hover{
position: relative;
z-index: 1;
float: left;
margin-left: 0px;
margin-bottom: 14px;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
box-shadow: 0 15px 30px rgba(0,0,0,0.1);
-webkit-transform: translate3d(0, -2px, 0);}

.brick-promo-xxx-img{ margin-bottom:14px;}
.brick-promo-xxx-li{ display:block; font-size:13px; color:#848484;}
.brick-promo-xxx-li p{ width:100%;_margin-left: 0;display:block; width:100%;line-height:22px;margin:4px 0;padding: 0;list-style-type: none;}
.brick-promo-xxx-li p a{ text-decoration:none; color:#848484;}
.brick-promo-xxx-li p a:hover{ text-decoration:none; color:#FE6B01;}
.brick-promo-xxx-li em{ color:#fff; font-size:12px; width: 16px;height: 16px;line-height: 16px;text-align: center; margin-top:4px; margin-right:6px;float: left; border-radius:10px; background:#FE6B01;}
.brick-promo-xxx-li d{ color:#fff; font-size:12px; width: 16px;height: 16px;line-height: 16px;text-align: center; margin-top:4px; margin-right:6px;float: left; border-radius:10px; background:#B0B3B8;}

.brick-promo-xxx-li span{ text-align:center;}
.brick-promo-xxx-li-tel{ color:#FE6B01; font-size:18px; text-align:center;}
.brick-promo-xxx-li-h1{ font-size:18px; text-align:center;}
.brick-promo-xxx-li-txt{ font-size:12px; text-align:center; line-height:14px;}
.brick-promo-xxx-li-more{ background:url(../images/tel.png) no-repeat;padding:5px 25px; text-align:center; height:40px; font-size:12px;  margin-left:60px;}
a.brick-promo-xxx-li-more {border:#FF6701 1px solid; color:#FF6701;}
a.brick-promo-xxx-li-more:hover { background:#FF6701 url(../images/tela.png) no-repeat; border:#FF6701 1px solid; color:#fff;text-decoration:none;}







