/* header{width: 1200px;margin:0 auto;height: 120px}
header .h_l,header .h_r,header ul{float: left;}
header ul li{margin-right:36px;float: left;font-size: 20px;text-align:center; transform: scale(0.9);}
header .h_l{margin-top: 24.5px;width: 245px;}
header .h_l img{width: 190px} 
header ul{margin-top:44px;}
header ul li a:hover,header ul li.lst a:hover{color:#ff6000;}
header ul li.lst a{color:gray;}
header .h_r{margin-top: 15px} */
body {
line-height: 24px;
font: 14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif!important;}
.clr{clear: both;border:0;display: block;}
.zx{cursor:pointer;}
header{width: 1200px;margin:0 auto;height: 120px}
header .h_l,header .h_r,header ul{float: left;}
header ul li{margin-right:25px;float: left;font-size: 20px;text-align:center; /*transform: scale(0.9);*/}
header .h_l{margin-top: 17.5px;width: 270px;}
header .h_l img{width: 254px;} 
header ul{margin-top:44px;}
header ul li a:hover,header ul li.lst a:hover{color:#ff6000;}
header ul li.lst a{color:gray;}
header .h_r{margin-top: 10px}
header .h_r img{width: 289px;-moz-box-shadow:1px 1px 6px #c5c5c5; -webkit-box-shadow:1px 1px 6px #c5c5c5; box-shadow:1px 1px 6px #c5c5c5;}
/**/
#hf img{display: block;margin:0 auto;}
/**/
#banner img.b{width: 1920px;position: absolute;top: 0;left: 50%;margin-left: -960px;cursor: pointer;}
/**/
#banner_xf{width: 100%;position: absolute;top:0;height: 500px;}
#banner_xf_box{width:1200px;margin:0 auto;}
.part_title_zixun {
  /* position: absolute;
  top: 60px;
  right: 0;
  z-index: 99; */
  float: right;
  width: 297px;
  height: 410px; /*386px*/
  margin-top:26px;
}
.part_title_zixun .box {
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 10px;
  text-align: center;
  padding: 22px;
  box-sizing: border-box;
  box-shadow: 0px 0px 12px 0px rgba(79, 79, 79, 0.3);
}
.part_title_zixun .sub-tit1 {
  font-size: 22px;
  color: #3c3c3c;
}
.part_title_zixun .sub-tit2 {
  font-size: 16px;
  color: #3c3c3c;
  padding-bottom: 14px;
  border-bottom: 1px solid #d4d4d4;
  margin-bottom: 20px;
  letter-spacing: 1px;
}
.part_title_zixun .btxt {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 6px;
  margin-bottom: 6px;
}
.part_title_zixun .btxt .tit {
  font-size: 22px;
  line-height: 26px;
  font-weight: bold;
  color: #565656;
  margin: 0 12px;
}
.part_title_zixun .input_box {
  background: #e9e9e9;
  width: 100%;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  margin-top: 10px;
}
.part_title_zixun .input_box p {
  width: 30%;
  float: left;
  font-size: 14px;
  text-align: center;
  color: #323232;
}
.part_title_zixun .input_box input {
  color: #323232;
  float: left;
  width: 64%;
  border: none;
  background: none;
  font-size: 14px;
  margin: 0;
  padding: 0;
  height: 30px;
  line-height: 30px;
}
.part_title_zixun .qr_z {
  color: #fff;
  height: 40px;
  line-height: 40px;
  width: 100%;
  border: none;
  text-align: center;
  font-size: 16px;
  background: -moz-linear-gradient(to right, #fc3637 0%, #d71619 100%);
  background: -webkit-linear-gradient(to right, #fc3637 0%, #d71619 100%);
  background: -o-linear-gradient(to right, #fc3637 0%, #d71619 100%);
  background: -ms-linear-gradient(to right, #fc3637 0%, #d71619 100%);
  background: linear-gradient(to right, #fc3637 0%, #d71619 100%);
  border-radius: 19px;
  margin-top: 10px;
  margin-bottom: 20px;
  cursor: pointer;
}
.part_title_zixun .btxt {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 6px;
}
.part_title_zixun .btxt .tit {
  font-size: 22px;
  line-height: 26px;
  font-weight: bold;
  color: #565656;
  margin: 0 12px;
}
.part_title_zixun .btxt .tit_h1 {
  font-size: 17px;
  line-height: 14px;
  color: #333;
  margin: 0 12px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.part_title_zixun .btxt .tit_h1 .logo_p_span {
  width: 20px;
  color: #e41e24;
  display: inline-block;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  font-size: 18px;
  font-weight: bold;
  margin: 0 6px;
}
.part_title_zixun .logo_lb {
  width: 100%;
  /*height: 36px;*/
  line-height: 36px;
  background: #fff;
  border-radius: 8px;
  margin-top: 15px;
  display: flex;
  justify-content: left;
  align-items: center;
}
.part_title_zixun .logo_lb img {
  width: 13px;
  height: 13px;
  margin: 0px 6px;
}
/* .part_title_zixun .logo_lb .logo_p {
  height: 22px;
  font-size: 14px;
  line-height: 22px;
  color: #565656;
  overflow: hidden;
} */
.part_title_zixun .logo_lb .logo_p {
  height: 84px;
  font-size: 14px;
  line-height: 28px;
  color: #565656;
  overflow: hidden;
}
.part_title_zixun .logo_lb .logo_p span {
  color: #e41e24;
}
#roll_list{margin-left: 16px;}
#roll_list .roll:before{
	content: " ";
	display: block;
	float:left;
	margin-top:7.5px;
	height: 13px;
	width: 13px;
	background: url(../imgs/lb1.png) no-repeat;
	background-size: 100%;
}
#roll_list .roll span{
	padding-left:5px;
	text-align:left
}
/* */
#ycjg{background-color: rgb(213, 236, 255);height:94px;width: 1200px;margin:0 auto;margin-top:25px;position: relative;}
#ycjg .l,#ycjg .m,#ycjg .r{float: left}
#ycjg .l{margin-top:15px;margin-left:45px}
#ycjg .r{margin-top:3px;}
#ycjg .m{margin-left: 60px;margin-top:10px;}
#xjBtn{cursor:pointer;}


.index_user>.xj{
    width:640px;
    /*height:246px;*/
    margin: 0 auto;
    /*background: #fff;*/
    background:transparent;
}
.index_user>.xj>.title{
      text-align: center;
      color: #464646;
  }
.index_user>.xj>.title>img{
    width:280px;
    height:52px;
}
.index_user>.xj>.title>div{
    height:20px;
    line-height: 15px;
    margin-bottom: 5px;
	color:#777777;
}
.line{
    /* width:280px;
    height:34px;
    margin-bottom:3px;
    color:#464646; */
}
.line.my{margin-bottom:3px;}
.line2{
    width:210px;
    height:34px;
    color:#464646;
}
.lfl{
    float: left;
    width:210px;
}
.line .lineBox{
    float:left;
    width:134px;
    height:32px;
    border:1px solid rgb(194, 214, 230);
    border-radius: 0px;
    position: relative;
    overflow:inherit;
}
.lineBox>.select{
    float: left;
    width:70px;
    text-align: right;
    height:34px;
    line-height:34px;
    border:0;
    font-size: 12px;
    color:#464646;
    background: url(https://static.51hbz.com/Templates/Home/theme4/Public/newhome/right/images/arrow.jpg) no-repeat scroll 55px center transparent;
    box-sizing: border-box;
    padding-right: 17px;
    position: relative;
    cursor: pointer;
}
.lineBox>.select .boxStyleTip{
    width:140px;
    line-height:20px;
    padding:5px 10px;
    display: none;
    background: rgba(0,0,0,0.6);
    text-align: left;
    border-radius: 3px;
    color:#fff;
    position: relative;
    top: -40px;
    right:-99px;
    z-index: 99;
}

.xsj{
    position: absolute;
    left:-10px;
    top:13px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 10px solid #000;
    border-bottom: 5px solid transparent;
    opacity: 0.5;
}
.lineBox .selectBox{
    display: none;
    position: absolute;
    right:-1px;
    top:32px;
    width:70px;
    background: #fff;
    border: 1px solid #9f9f9f;
}
.lineBox .selectBox .option{
    height:28px;
    line-height: 28px;
    padding-right: 17px;
    text-align:center;
    cursor: pointer;
    font-size: 12px;
}
.lineBox .selectBox .option:hover{
    background: #f1efef;
}
.line>.lineBox,.line>.xjSize,.line>.line2{
    margin-left: 8px;float: left;background:white;
}
.line>.xjSize{width:278px;margin-left:40px;}
.line>div{
    border:1px solid rgb(194, 214, 230);
    border-radius:0px;
    overflow:hidden;
}
.line>div>div{border:0!important;}
.line>div>div.selectBox{border:1px solid #9f9f9f!important;}
.line>div.clr{border:0;}
.line>div .iptName{
    box-sizing: border-box;
    float: left;
    width:40px;
    height:32px;
    line-height: 32px;
    padding-left:8px;
}
.line2.sl{width:278px;}
.line2.tel{width:278px;margin-left:40px;}
.line>div>input{
    height:32px;
    line-height: 32px;
    width:154px;
    outline:medium;
	padding-left:8px;
	border:none;
}
.line .size{
    float: left;
    width:60px;
    height:32px;
    line-height: 32px;
    text-align: center;
}
.line .dot{
    float: left;
    background: #333333;
    width:5px;
    height:5px;
    margin-top: 14px;
    border-radius: 50%;
}
.xj .xjBtn,#gotoModel,#gotoSteps{
    box-sizing: border-box;
    float: left;
    width:66px;
    height:60px;
    margin:8px 0 8px 4px;
    padding:5px;
    text-align: center;
    cursor:pointer;
    font-size: 18px;
    color:#fff;
    border-radius: 3px;
    background: #f88d2f;
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fdab08), to(#ff7502));
    background:-o-linear-gradient(top, #fdab08,#ff7502 );
    background:-moz-linear-gradient(top, #fdab08,#ff7502);
	-moz-box-shadow:1px 1px 6px #6f6d6d; -webkit-box-shadow:1px 1px 6px #6f6d6d; box-shadow:1px 1px 6px #6f6d6d;
}

/**/
.title1{width:1200px;margin:35px auto;}
.title1 a{font-size: 22px;/*font-weight: bold;*/color:#4a4a4a;}
.title1>a{letter-spacing:2px;}
.title1 .r{float:right;}
.title1 .r a{color:#5a5a5a;border:1px solid #C9C9C9;font-size: 14px;padding:5px 20px;margin-right:10px;}
.title1 .r a:hover{color:#ffffff;border:1px solid red;background:red;}
.title1 .r a:first-child+a+a+a+a{margin-right:0;}
/**/
.title2{width:1200px;margin:25px auto;text-align: center;}
.title2 a{font-size: 32px;/*font-weight: bold;*/color:#4a4a4a;}
/**/
.title3{width:1200px;margin:35px auto;}
.title3 a{font-size: 24px;/*font-weight: bold;*/color:#4a4a4a;}
.title3>a{letter-spacing:2px;}
.title3 a.a1{float:right;}
/**/
.caselist {width:1200px;margin:0 auto;margin-top:10px;}
.caselist li{cursor:pointer;float:left;width:380px;text-align: center;border:1px solid #e6e6e6;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom: 30px;}
.caselist li:hover{box-shadow: 1px 1px 6px #adadad;border:0px solid #ff3131}
.caselist li img{width:100%;}
.caselist li:first-child+li,.caselist li:first-child+li+li+li+li{margin-left:30px;margin-right:30px;}
.caselist li .t p{font-size: 20px;padding:20px 0 0 0;color:#5a5a5a;overflow: hidden;
  text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.caselist li .t p:first-child+p{font-size: 16px;padding:5px 0 10px 0;color:#ff3131;}
.caselist li .b{letter-spacing: 2px; display: block;width:115px;height:30px;margin:10px auto;margin-bottom:25px;background:red;line-height: 30px;color:#ffffff;border-radius: 3px;font-size: 16px;cursor: pointer;-moz-box-shadow: 1px 1px 6px #6f6d6d;
    -webkit-box-shadow: 1px 1px 6px #6f6d6d;
    box-shadow: 1px 1px 6px #6f6d6d;
}
.ckgd{clear:both;width: 1200px;margin:10px auto;margin-bottom:80px;text-align: center;}
.ckgd a{font-size: 18px;}
.ckgd a.al{    
	border: 1px solid #ff3131;
  padding: 8px 20px;
  color: #ff3131;
  border-radius: 10px;
}
.ckgd a.wt{    
	border: 1px solid #4c88ff;
  padding: 8px 20px;
  color: #4c88ff;
  border-radius: 10px;
}
#zysj,#znhsc,#jjfa{display: block;margin:20px auto;}
#jjfa{cursor: pointer}

#faq{width:1200px;margin:0 auto;margin-top:20px;}
#faq dt{

	font-size: 16px;
    font-weight: bold;
    background: #4c88ff;
    padding: 2px 10px;
    width: 220px;
    border-radius: 20px;
    color: #ffffff;
}
#faq dd{font-size: 16px;padding: 10px 0 30px 0;color:#888888;}

#xgtj {width:1200px;margin:0 auto;margin-top:30px;}
#xgtj li{width:225.6px;float: left;margin-right: 18px}
#xgtj li:first-child+li+li+li+li{margin-right:0;}
#xgtj li img {width: 100%}
#xgtj li img:hover{box-shadow: 1px 1px 6px #d2d2d2;}
#xgtj li p{text-align: center;display: block;padding:5px 0;}
/*foot*/
/* 
.footer {
    width: 100%;
    padding: 20px 0;
    overflow:hidden;
    background:#2F2F2F;
    color:#FDFDFD;
    border-top:3px solid #333;
}

.footer-nav {
    float: left;
    border-right: 1px solid #6B6363
}

.footer-nav dl {
    float: left;
    width: 130px;
    margin: 0 50px 0 2px
}

.footer-nav dl dt {
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 700
}

.footer-nav dl dd p {
    margin-bottom: 12px;
    padding-left: 1px
}

.footer-nav dl dd p:last-child {
    margin: 0
}

.footer-nav dl dd p a {
    color: #666
}

.footer a:hover {
    color: #ff6000
}

.footer-link {
    overflow: hidden;
    color: #9c9c9c;
    width: 1190px;
    margin: 0 auto;
    padding: 20px 0;
    font-family: \5b8b\4f53;
    border-top: #6B6363 solid 1px
}

.footer-link em {
    font-style: italic;
    font-family: tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif
}


.main {
    width: 1190px;
    margin: 0 auto;
}
body .bottom {
    background: #2F2F2F;
}
.footer-link a {
    display: inline-block;
    color: #6c6c6c;
    padding-right: 5px
}

.footer-link a:hover {
    color: #f60
}

.footer-link cite {
    margin-top: 18px;
    font-style: normal;
}

.footer-link cite {
    display: block;
    margin-top: 10px
}

.footer-link cite img {
    vertical-align: -10px
}

.footer-contact .left {
    margin-right: 55px;
    font-size: 16px;
    float: left;
}

.footer-contact .left p {
    font-size: 14px;
    margin-top: 8px
}
.footer-contact .left p a{
    color: #ff6000;
    font-weight: bold
}
.footer-contact .right {
    text-align: center;
    color: #000;
    float: right;
}

.footer-contact .right span {
    display: block;
    padding: 5px;
    border: 1px solid #ececec
}
.footer-contact .right span img{
    width:100px;
    height:100px;
}

@font-face {
  font-family: 'iconfont1';  project id 391753
  src: url('//at.alicdn.com/t/font_391753_fsnpohaen.eot');
  src: url('//at.alicdn.com/t/font_391753_fsnpohaen.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_391753_fsnpohaen.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_391753_fsnpohaen.woff') format('woff'),
  url('//at.alicdn.com/t/font_391753_fsnpohaen.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_391753_fsnpohaen.svg#iconfont') format('svg');
}


.iconfont1 {
  font-family: iconfont1;
  font-size: 36px;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: .2px;
  font-style:normal;
}
@font-face {
    font-family: 'icomoon';
    src:url('../xfk/fonts/icomoon.eot?qradjf');
    src:url('/Templates/Home/theme4/Public/kefu/fonts/icomoon.eot?qradjf#iefix') format('embedded-opentype'),
    url('../xfk/fonts/icomoon.ttf?qradjf') format('truetype'),
    url('../xfk/kefu/fonts/icomoon.woff?qradjf') format('woff'),    				url('/Templates/Home/theme4/Public/kefu/fonts/icomoon.svg?qradjf#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'iconfont';  project id 350373
    src: url('//at.alicdn.com/t/font_2691bb510zt9y66r.eot');
    src: url('//at.alicdn.com/t/font_2691bb510zt9y66r.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_2691bb510zt9y66r.woff') format('woff'),
    url('//at.alicdn.com/t/font_2691bb510zt9y66r.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_2691bb510zt9y66r.svg#iconfont') format('svg');
}
.demo-icon{
    font-family:"icomoon";
    font-style:normal;
    font-weight:normal;
    speak:none;
    display:inline-block;
    text-decoration:inherit;
    text-align:center;
    font-variant:normal;
    text-transform:none;
    font-size:24px;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    line-height:24px;
    color:#999;
}
.cndns-right{position:fixed;right:1px;top:50%;margin-top:-100px;z-index:1000000}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:38px;height:38px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}
.cndns-right-btn span{color:#848484;font-size:26px;line-height:38px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#ff6800;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#ff6800;font-size:12px;line-height:16px;padding-top:5px;display:none;}
.cndns-right-meau:hover .cndns-right-btn span{display:none}
.cndns-right-meau:hover .cndns-right-btn p{display:block;}
.meau-car .cndns-right-btn {border-color:#ff6800;margin-bottom:20px;}
.meau-car.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-car.cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block;}
.meau-car .cndns-right-btn span{color:#ff6800;}
.meau-sev .cndns-right-btn{border-color:#ff6800;background:url(../xfk/images/02index-banner-8.gif) no-repeat #ff6800 center;}
.meau-sev .cndns-right-btn p{color:#fff}
.meau-sev .cndns-right-btn span{color:#fff}
.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:7px;display:block}
.meau-top .cndns-right-btn i{display:block;color:#999;font-style: normal;}
.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff}
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:38px;padding-right:25px;display:none;}
.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #ff6800;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(../xfk/images/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:20px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t p{float:left;color:#ff6800;font-size:24px;line-height:28px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.cndns-right-box .box-border .sev-b li{float:left;width:50%}
.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:43px;background:url(../xfk/images/q1.gif) no-repeat left 3px;line-height:36px;}
.cndns-right-box .box-border .sev-b li a:hover{color:#ff6800}
.meau-sev .cndns-right-box .box-border{width:250px;}
.meau-contact .cndns-right-box .box-border{width:230px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-182px;}
.meau-code .cndns-right-box .box-border{width:156px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#f66e06;font-size:16px;line-height:16px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:192px;}
.meau-sev .cndns-right-btn .demo-icon{display:none;}
.meau-sev:hover .cndns-right-btn{background:#ff6800}
.meau-zs .cndns-right-btn{background-color:#ff6800;color:#fff;margin-top:80px;border-color:#ff6800}
.meau-zs .cndns-right-btn span{color:#fff}
.meau-zs .cndns-right-btn p{color:#fff} */

/**/
.layui-carousel-ind{top:-60px;}
#hf1{position:relative; top:-10px;width: 1090px;margin:0 auto;}
#hf1 li{cursor:pointer;float:left;margin-right:15px;-moz-box-shadow:1px 1px 6px  #bbbbbb; -webkit-box-shadow:1px 1px 6px  #bbbbbb; box-shadow:1px 1px 6px  #bbbbbb;}
#hf1 li:first-child+li+li+li{margin-right:0px;}
#hf1 li:hover{-moz-box-shadow:1px 1px 6px  #bbbbbb; -webkit-box-shadow:1px 1px 6px  #bbbbbb; box-shadow:1px 1px 6px  red;}

/**/
.pb1{width: 1200px;margin:0 auto;}
.pb1 .fl{float: left;border:1px solid gainsboro;}
.pb1 .fr{float:right;}
.pb1 .t2{margin-left:21px;}
.pb1 .t4{margin-top:21px;}
.pb1 img:hover{-moz-box-shadow:1px 1px 6px  #bbbbbb; -webkit-box-shadow:1px 1px 6px  #bbbbbb; box-shadow:1px 1px 6px  #bbbbbb;}
.pb2{width: 1200px;margin:0 auto;}
.pb2 .fl{float: left}
.pb2 .t2{margin:0 15px;}
.pb2 img:hover{-moz-box-shadow:1px 1px 6px  #bbbbbb; -webkit-box-shadow:1px 1px 6px  #bbbbbb; box-shadow:1px 1px 6px  #bbbbbb;}
/**/

#iconWall{width: 1190px;margin: 0 auto;overflow: hidden;list-style: none;padding-bottom: 20px;}
#iconWall li{
	width: 218px;
	height: 129px;
	float: left;
	margin-right:20px;
	margin-bottom:25px;
	position:relative;
	cursor:pointer;
	box-shadow: 8px 8px 20px rgba(0,0,0,.2);
	}
			/*二、3D反转区域处理 */
.img-back, .img-front{
	position: absolute;
	left: 0;top: 0;
	background-color: #fff;
	width: 218px;
	height: 129px;
	text-align: center;
	line-height: 108px;
	}
#iconWall li img{width:100%;height:129px;border:0;}
.img-3d{position: relative;}
.img-3d a,.img-3d a:hover{color:white;}
.img-front{z-index:3;}
.img-back{z-index:2;transform:scale(0,0);}
			/*三、换一批*/
#btnRefresh{
	text-align: center;
	transition: .3s linear;
	background-color: #f6f6f6;
	/*border:1px solid #eee;*/
	color:#ff6000;
	}
.iconRefresh{
	width:45px;
	height:48px;
	line-height: 48px;
	text-align: center;
	background: url("https://static.51hbz.com/Templates/Home/theme4/Public/newhome/imgs/refresh.png");
	margin: 38px auto 0;
	}
#btnRefresh:hover{color: #fff;background-color: #ff6000;transition: 0s;}
#btnRefresh:hover .iconRefresh{background: url("https://static.51hbz.com/Templates/Home/theme4/Public/newhome/imgs/refresh-white1.png");}
/*sj*/
/* #iconWall.sj{padding: 10px;width: 1123px;}
#iconWall.sj li{width: 277px;margin-bottom: 5px;margin-right: 5px;box-shadow: 0 4px 13px 0 rgba(0,0,0,0.2), 0 6px 13px 0 rgba(0,0,0,0.19);}
#iconWall.sj li:first-child+li+li+li,#iconWall.sj li:first-child+li+li+li+li+li+li+li,#iconWall.sj li:first-child+li+li+li+li+li+li+li+li+li+li+li{margin-right: 0}
#iconWall.sj .img-back,#iconWall.sj .img-front{width: 277px;}
#iconWall.sj .img-back{background:#e74b59;color:white;}
#iconWall.sj .img-back h1{line-height: 50px;margin-top:26px;}
#iconWall.sj .img-back p{color:white;line-height: 20px;letter-spacing: 2px}
#iconWall.sj li img{width: 230px}
#iconWall.sj li .img-3d{height: 139px;}
#iconWall.sj li .img-3d:hover .img-front{transform: scale(0);transition: all 0.3s linear 0s;}
#iconWall.sj li .img-3d:hover .img-back{transform: scale(1);transition: all 0.3s linear 200.3ms;} */

#iconWall.sj{padding: 10px;width: 1200px;}
#iconWall.sj li{width: 295px;height:100px;margin-bottom: 5px;margin-right: 5px;box-shadow: 0 -5px 13px 0 rgb(222, 222, 222), 0 6px 13px 0 rgb(222, 222, 222)}
#iconWall.sj li:first-child+li+li+li,#iconWall.sj li:first-child+li+li+li+li+li+li+li,#iconWall.sj li:first-child+li+li+li+li+li+li+li+li+li+li+li{margin-right: 0}
#iconWall.sj .img-back,#iconWall.sj .img-front{width: 295px;height: 100px;}
#iconWall.sj .img-front{line-height: 0}
#iconWall.sj .img-back{background:#23afe8;color:white;display: none}
#iconWall.sj .img-back h1{line-height: 50px;margin-top:10px;}
#iconWall.sj .img-back p{color:white;line-height: 20px;letter-spacing: 2px}
#iconWall.sj li img{width: 295px;height: 100px}
#iconWall.sj li .img-3d{height: 100px;}
#iconWall.sj li .img-3d:hover .img-front{/*transform: scale(0);transition: all 0.3s linear 0s;*/-moz-box-shadow:0 0px 6px 0 red; -webkit-box-shadow:0 0px 6px 0 red; box-shadow:0 0px 6px 0 red;}
/*#iconWall.sj li .img-3d:hover .img-back{transform: scale(1);transition: all 0.3s linear 200.3ms;}*/


/*#iconWall.zz{padding: 10px;width: 1200px;}
#iconWall.zz li{width: 295px;height:140px;margin-bottom: 5px;margin-right: 5px;box-shadow: 0 -5px 13px 0 rgb(222, 222, 222), 0 6px 13px 0 rgb(222, 222, 222)}
#iconWall.zz li:first-child+li+li+li,#iconWall.zz li:first-child+li+li+li+li+li+li+li,#iconWall.zz li:first-child+li+li+li+li+li+li+li+li+li+li+li{margin-right: 0}
#iconWall.zz .img-back,#iconWall.zz .img-front{width: 295px;height:140px;}
#iconWall.zz .img-front{line-height: 0}
#iconWall.zz .img-back{background:#23afe8;color:white;}
#iconWall.zz .img-back h1{line-height: 50px;margin-top:30px;}
#iconWall.zz .img-back p{color:white;line-height: 20px;letter-spacing: 2px}
#iconWall.zz li img{width: 295px;height: 140px}
#iconWall.zz li .img-3d{height: 140px;}
#iconWall.zz li .img-3d:hover .img-front{transform: scale(0);transition: all 0.3s linear 0s;}
#iconWall.zz li .img-3d:hover .img-back{transform: scale(1);transition: all 0.3s linear 200.3ms;}*/


#header{
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.349019607843137);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.349019607843137);
}
.dimg {text-align: left;}
.container{position: relative;}

.cleft{
    
    position: absolute;right: 0;width: 290px;height: 400px;
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.349019607843137);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.349019607843137);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.349019607843137);
    padding:15px;
}
.cleft p{color:#363636;line-height: 22px;padding-top:10px; }
.cleft hr{border:none;background:#b1b1b1;}
#as img{margin:0 auto;display: block;cursor: pointer;}
/*#as .m2,#as .m4,#as .m3{margin-top:30px;}*/
/*#as .m4{margin-bottom:20px}*/

/*专题*/
.case1{width:1200px;margin:0 auto;}

.case1 li{width: 286px;height: 286px;float: left;margin-right:18px;margin-bottom: 18px;}
.case1 li:first-child+li+li+li,.case1 li:first-child+li+li+li+li+li+li+li{margin-right:0;}
.case1 li img{ width: 286px;height: 286px; }
.case1 li:hover{-moz-box-shadow:0 0px 6px 0 red; -webkit-box-shadow:0 0px 6px 0 red; box-shadow:0 0px 6px 0 gray;}


 #hd{width:1200px;margin:15px auto;}
#hd img{cursor: pointer}
#hd .dy{margin-left:13px;position: relative;}
#hd .dy p {
    position: absolute;
  top: 31px;
  z-index: 2;
  left: 146px;
  color: red;
  transform: scale(0.83);
}