﻿/* CSS Document */
/*--文字超出省略---*/
.newheader .bd li h3,.newheader .bd li p,.shipbox span,.gkbumen .bd li,.gkjdTu .bd li span,.gdxxpt ul li span,.fuwBoxOne .inBd4 li span,.fuwBoxOne .hbum .inBd4 li a,.msCent ul li,.wenjBox dl dt h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/*--两行文字超出省略---*/
.gknotify li,.hudliebOne li h3{-webkit-box-orient: vertical;-webkit-line-clamp: 2;/*word-wrap: break-word;display: -webkit-box;*/height: auto;max-height: 64px;overflow: hidden;line-height: 24px;white-space: normal;word-break: break-all;}

.headLine,.notice,.areaCon,.newcaid,.htopic,.hcenterTow,.hcenterTree{ width:100%;margin-bottom:15px;}


/*-------新闻中心-----------*/
.headLine .tit{ width:100px; height: 90px; background: url(../images/new-header-tit.jpg) no-repeat; }
.headLine .tit a{ display:block; width:100%; height: 57px; font-size: 0; line-height: 0; text-indent: -99;}
.newheader{ width:87%; padding-top:5px;}
.newheader .bd{ width:95%;}
.newheader .bd li h3,.newheader .bd li span,.newheader .bd li p{ display: block;}
.newheader .bd li h3{text-align: center; font-size: 28px; font-weight: bold; color: #226ebc;line-height: 45px;}
.newheader .bd li h3 a{  color: #226ebc;}
.newheader .bd li p{ font-size: 16px; color: #777; line-height: 35px;}
.newheader .bd li p a{ color: #e62d2d;}

.headLine .hd{width: 4px;margin-right:7px;margin-top:25px; }
.headLine .hd li{ width:4px; height: 11px; margin-bottom:4px; background:#e2e2e3; cursor: pointer; font-size: 0; line-height: 0;}
.headLine .hd li.on{ background: #f22f2f;}

/*--通知公告--*/
.notice{ background: #f5f5f5;padding:8px 8px; box-sizing: border-box;}
.notice .tit{ width:89px; height:40px; line-height: 40px; padding-right:8px; background:url(../images/newpic-1.png) no-repeat left; padding-left:30px; color:#e93636; font-weight:bold; font-size:18px; margin-left:3px; }
.notice .tit a{ color:#fff;}
.notice li{ padding-left: 0 !important; width:100%; }
.notice .tognzhi{ width:80%;}
.tognzhi .tzgglb{ width:50%; line-height:41px; float:left; color:#337ab7; overflow:hidden;zoom:1; background: url(../images/arrow1.png) no-repeat left;}
.tognzhi .tzgglb:hover{  background: url(../images/arrow2.png) no-repeat left;}
.tognzhi .tzgglb a{ float:left; display:block; width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-indent:16px;}
.tognzhi .tzgglb span{ display:block; width:65px; float:right;text-align:center;}

.xinwen{ width:100%;}
.focuse{ width:100%; position:relative;}
.focuse .hd{ height:45px; width:105px; position:absolute; right:0; bottom:0; z-index:999;} 
.focuse .hd li{ float:left; width:10px; height:10px; background:#fff; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;margin:0 4px; cursor:pointer; margin-top:17px;}
.focuse .hd li.on{ background:#ef2a2a; width:17px; height:17px; margin-top:13px;}
.focuse .bd{ width:100%; max-height:482px; position:relative;}
.focuse .bd li{ width:100%;max-height:482px }
.focuse .bd li img{ width:100%; height:auto;}
.focuse .bd li span{ display:block; position:absolute; bottom:0; left:0; height:44px; line-height:44px; background:url(../images/tm-bg1.png) repeat; width:100%; color:#fff;}
.focuse .bd li span p{ width:79%; display:block;  text-indent:15px;  }

.xinwen2{ width:100%;margin-top:20px; }
.areaCon .hd{ height:40px; background: url(../images/line1.jpg) repeat-x bottom;margin-top:-10px; overflow: hidden;zoom:1;}
.areaCon .hd ul,.areaCon .hd span{ display: block; float: left;}
.areaCon .hd ul{ width:85%;}
.areaCon .hd span,.infoBoxtit span{ float: right !important; height: 40px; line-height: 40px; width:60px; text-align: center; font-size: 14px; color: #888;}
.areaCon .hd span a,.infoBoxtit span a{ color: #888;}
.areaCon .hd li{ float:left; min-width:30%; height:40px; line-height:30px; font-size:20px;}
.areaCon .hd li.last{ background:none;}
.areaCon .hd li a{ min-width:90px; line-height:30px; display:block; height:40px; text-align:center; color: #777;}
.areaCon .hd li.on a,.areaCon .hd li:hover a{background: url(../images/line2.jpg) repeat-x bottom;font-weight:bold; color:#fff; font-weight: bold; color:#226ebc; }

.areaCon .bd{margin-top:5px; width:100%; }
.areaCon .bd li{line-height: 36px !important;}
.areaCon .bd li a{ width:78% !important;}

.subCenter{ width:100%;margin-top:15px;}
.tidings{width:100%;margin-bottom:5px;}

.newboxTow{ width:100%; display: flex;justify-content: space-between;flex-direction: row;flex-wrap: wrap;}

.newBoxOne{ width:100%;}

.infoBox{width:100%;}
.infoBoxtit{ height:45px; background: url(../images/line15.png) repeat-x bottom; overflow: hidden;zoom:1;}
.tidings .infoBoxtit{ background: url(../images/line15.png) repeat-x bottom;}
.infoBoxtit ul,.infoBoxtit span{ display: block; float: left;}
.infoBoxtit ul{width:100%;padding-left: 7px;}
.infoBoxtit ul li{ float: left;width:48%;margin-right:2%; background: url(../images/line12.jpg) no-repeat right 10px;font-size:18px;}
.infoBoxtit ul li:last-child{ background: none;}
.infoBoxtit ul li a{ display: block;min-width:90px;padding:0 10px;height: 45px; text-align: center; line-height: 28px;color: #909090;}
.infoBoxtit ul li.on a,.infoBoxtit ul li:hover a{ background: url(../images/line16.png) no-repeat bottom center;color: #2c6ac6; font-weight: bold;}
.infoBoxtit ul li.last{ background: none;}
.newBoxOne .bd{ margin-top:6px;}
.newBoxOne1{margin-top:20px;}
.newBoxOne1 .infoBoxtit ul li{width:23%;}

.newBoxTree{width:100%;}
.shiphezi,.zhuanti{width:100%;margin-top:10px; }
.shipbox{ width:36%; border: 1px solid #ddd; padding:15px 15px 5px 15px; position: relative; border-radius: 10px; -webkot-border-radius:10px;-moz-border-radius:10px;}
.shipbox img{ width:100%;}
.shipbox p,.shipbox span{ display: block;width:100%;}
.shipbox p{ width:100%;  }
.shipbox span{ height: 40px; line-height: 40px; padding:0 5px; color: #fff; position:absolute; bottom:10px; left: 15px; background: url(../images/tm-bg1.png) repeat; text-align: center;width:89%; }
.shipbox span a{ color: #fff;}

.tidings2{margin-top:5px; z-index: 99;}
.shipist{ width:59%;}
.shipist ul{display: flex;justify-content: space-between;flex-direction: row;flex-wrap: wrap;margin-top:-15px;}
.shipist li{  width:48%; line-height: 40px;padding:16px 10px;margin-top:15px; border: 1px solid #dddddd; border-radius: 5px; background: none; box-sizing: border-box; overflow: hidden;zoom:1; }
.shipist li:hover{ background: none;}
.shipist li span{ float: left !important; border-right:1px solid #ddd;width:62px; font-size: 16px; text-align: left;margin-left:2%;}
.shipist li a{ float:right; width:64%;}

.zhuanti .hd{ width:100%; position: relative; z-index:99; height: auto; background: none;}
.zhuanti .hd a.prev,.zhuanti .hd a.next{ display: block; width:27px;height: 27px; position: absolute; top:50px;}

.zhuanti .hd a.prev{left:0; background: url(../images/arrow13.png) no-repeat;}
.zhuanti .hd a.next{ right:0; background: url(../images/arrow14.png) no-repeat;}
.zhuanti .bd{ overflow: hidden;margin-bottom:20px;}
.zhuanti li{ width:32.5%; float:left; margin-right:12px; background: none;}
.zhuanti li img{ width:100%;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}

.tidings .bd .more{margin-top:20px;}
/*---领导之窗---*/
.leaderBox{ width:100%;min-height: 500px;}
.leaderBox .hd{ width: auto; padding:0 8px;margin-top: 20px; }
.leaderBox .hd ul{ display: flex; justify-content: flex-start; flex-direction: row; flex-flow: row;}
.leaderBox .hd li{ width:23%;  margin:0 1%; border-radius: 5px; background: url(../images/ld-qh-bg1.jpg) no-repeat; background-size: cover; overflow: hidden;zoom:1;padding: 20px 0; }
.leaderBox .hd li a{ display:table; width:auto;margin: 0 auto; text-align: center;}
.leaderBox .hd li i,.leaderBox .hd li span{ display:inline-block; float: left;}
.leaderBox .hd li i{ width:32px; height: 32px; }
.leaderBox .hd li span{ line-height: 32px; font-size: 18px;margin-left:10px; color:#444; font-weight: bold; color: #3b84d7;}

li.ldcd1 i{ background: url(../images/ld-icon1.png) no-repeat;}
li.ldcd2 i{ background: url(../images/ld-icon2.png) no-repeat;}
li.ldcd3 i{ background: url(../images/ld-icon2.png) no-repeat;}
li.ldcd4 i{ background: url(../images/ld-icon3.png) no-repeat;}
.leaderBox .hd li.on{ background:url(../images/ld-qh-bg2.jpg) no-repeat; background-size: cover;}
.leaderBox .hd li.on a span{ color:#fff; font-weight: bold; }

.leaderBox .bd{margin-top:10px;}

.ldBox{padding:0 12px;margin-top:15px;}
.ldleft{width:30%; background: #f7fbfd;padding:0px 2% 10px 2%; min-height: 586px; box-sizing: border-box;}
.lfright{width:68%;}
.ldphoto{width:100%; margin: 0 auto;/* background:url(../images/ld-phot-bg.jpg) no-repeat right bottom #f1f6fc;*/padding:10% 0;}
.photo-pic{width:192px;height:242px; margin:0 auto;padding:5px;background:#e7e9eb;overflow:hidden;text-align:center;}
.photo-pic img{max-width:100%;}
.ldphoto span,.ldphoto p,.ldphoto a.btn{ display: block; width:100%; line-height: 33px; font-size: 18px; text-align:center;}
.ldphoto span{ color:#215aa4;margin-top:10px;}
.ldphoto p{ font-weight: 500;margin-top:5px;padding: 0 10px;width: auto;}
.ldphoto a.btn{ width:60%;margin: 0 auto;margin-top:22px;border: 1px solid #4272ae; background: #fff; border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px; height: 45px; line-height: 45px; color:#4272ae;}
.ldphoto a.btn:hover{ color: #fff; background: #2c6ac6;border: 1px solid #2c6ac6; transition: 400ms;}
.workOne{margin-top:10px;width:100%;/*background: #f6f9fd;*/}
.workOne .tit,.workTow .tit{  height: 20px;  color: #2c6ac6;padding:15px 0; padding-bottom:14px; border-bottom: 1px solid #cadef1;}
.workOne .tit h3,.workTow .tit h3{ border-left:5px solid #2c6ac6;  font-weight: bold; font-size: 20px; display: block; height: 25px; line-height: 25px; margin-left:10px;text-indent: 16px;}
.work-wen{ line-height: 34px;margin-top:10px; min-height: 100px;padding:0 10px;}
.workTow{ width:100%; margin-top:11px;/*background: #f6f9fd;*/}
.leadlb{margin-top:4px;}
.leadlb dl,.leadlb dt,.leadlb dd,.leadlb dd a{display: block;}
.leadlb dl{ display: flex; justify-content: flex-start;}
.zwname,.zwname2{width: 100%;overflow: hidden;zoom: 1;border-bottom: 1px dashed #7198ca;padding:7px 0;}
.workTow dl.last{ border: none;}
.zwname dt,.zwname2 dt{line-height:38px; width:40%;}
.zwname dd{    
    width: 60%;   
    line-height: 38px;
    font-size: 16px;
    margin-left: 5px;	
}
.zwname dd a {
    margin: 0 3px; 
    width: 65px;
    float: left;
}
.zwname2 dd {    
   width: 70%;
    float: right;
    line-height: 38px;
    font-size: 16px;
    margin-left: 5px;		
}
.zwname2 dd a {  
       width: 65px;
    float: left;
}
.leadlb dl.last{ border-bottom:none;}

.ld-foucse{width:100%;position:relative;}
.ld-foucse a.sPrev,.ld-foucse a.sNext{ display: block; width:46px; height: 46px; position: absolute; top:45%; z-index: 99; }
.ld-foucse a.sPrev{ background: url(../images/arrow10.png) no-repeat; left:15px;}
.ld-foucse a.sNext{ background: url(../images/arrow11.png) no-repeat;right:15px;}

.ld-foucse {position:relative;width:100%; max-height:329px;overflow:hidden; }	
.ld-foucse .inBd {width:100%;max-height:329px;overflow:hidden;}
.ld-foucse .inBd ul{ overflow:hidden;zoom:1;}
.ld-foucse .inBd ul li{ float:left; width:100%; max-height:329px; position:relative;}
.ld-foucse .inBd ul li img{ width:100%; max-height:329px;}
.ld-foucse .inBd ul li p{ display:block; width:100%; text-indent:19px; background:rgba(0,0,0,0.52); line-height:50px; height:50px; position:absolute; bottom:0px; left:0px; color:#fff;}	
.ld-foucse .inBd ul li p span{ display: block; width:85%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.ld-foucse .inHd {position:absolute; width:90px;height:10px;bottom:18px; padding-left:2px;right:5px; z-index:99;}
.ld-foucse .inHd ul { overflow:hidden;zoom:1;}
.ld-foucse .inHd li {float:left;width:9px; height:9px; margin-left:5px; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;cursor:pointer; border: 1px solid #dadcdc;}
.ld-foucse .inHd li.on{ width:10px; background:#da3027; border: 1px solid #da3027;}

/*--重要活动--*/
.zhevent{ width:100%;margin-top:20px;}
.zhevent .tit{ height: 50px;background: #f2f7fc; overflow: hidden; zoom:1; }
.zhevent .tit h3{ height: 50px; line-height: 50px; display: block; width:131px; text-align: center; border-left:5px solid #2c6ac6;font-size: 20px; font-weight: bold; float: left;color:#2c6ac6;}
.zhevent .tit h3 a{ color:#285b9d;}
.zhevent .tit span{ float: right;}
.zylist{width:100%;margin-top:10px;}
.zylist li{ line-height: 36px; background: url(../images/arrow10.jpg) no-repeat left;}
.zylist li a{ max-width: 85% !important;}
.zfcwh{width:100%; margin-top:5px; overflow: hidden;zoom:1;}
.zfcwh a{ display: block;width:355px; height: 110px; }



/*----政民互动---*/
.hdBoxOne{ width:100%; background: url(../images/hud-bg1.jpg) no-repeat  left top; background-size: cover; display: flex; justify-content: space-between; flex-direction: row; flex-flow: row;}
.xinjBox{ width:68%; margin-left:2%;}
.xinjBox .smtit{ height: 45px; line-height: 45px; overflow: hidden;zoom:1;margin-top:15px;}
.xinjBox .smtit h3,.xinjBox .smtit span{ display: block;}
.xinjBox .smtit h3{ float: left; width:100px; background:url(../images/line21.png) no-repeat right;padding-right:202px; font-weight: bold; color: #2c6ac6; font-size: 22px;margin-left:17%;}
.xinjBox .smtit h3 a{ color:#2c6ac6; }
.xinjBox .smtit span{ font-size: 14px; float: right;}
.xinjBox .smtit span a{ color: #444;}

.xinjBox .xjlist{ width:100%;padding:10px 10px; background: #fff;margin-top:10px; box-sizing: border-box;}
.xinjBox .xjlist .tit{ height:40px; background:#f2f9fe; line-height:40px; overflow:hidden;zoom:1; color: #2c6ac6;}
.xinjBox .xjlist .tit span{ display:block; border-right:1px solid #dcecf9; text-align:center; float:left !important;}
.xinjBox .xjlieb li { background:url(../images/arrow29.jpg) no-repeat left; height: 49px; line-height: 49px; border-bottom: 1px dashed #bebebe;}
.xinjBox .xjlist .xjlieb{ width:100% !important;}
.xinjBox .xjlist li a{ width:32%; padding-left:8px; box-sizing: border-box;}
.xinjBox .xjlist li span{ float:left;}

span.zhuti{ text-indent:10px; width:28% !important;}
span.bum{ width:25%;}
.xjlieb li span.bum{width:21%;}
.xjlieb li span.banjie{width:15%; text-align: center;}
span.banl,.xjlieb li span.banl{ width:15%;}
span.time,.xjlieb li span.date{ width:15%;border-right:none !important; /*float:right !important;*/}
span.banlz{ color: #52cb45;}
span.banjie{ color: #e93f3f;}
.xjlieb li span.date{width:15%; text-align:center;}
.xjlieb li span.bum{width:23%; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}

.hdcdl{ width:314px;margin-top:15px; }
.hdcdl ul{ overflow: inherit;}
.hdcdl li{ float: left;width:50%; height: 124px; position: relative;}
.hdcdl li i,.hdcdl li span{ display: block; margin: 0 auto;}
.hdcdl li i{ height:90px; width: 120px; background: url(../images/hdnav1.png) no-repeat 0 0;}


.hdcdl li span{ line-height: 29px; height: 29px; text-align: center; font-size: 18px; width:100%;margin-top: -5px;}
li.hdnav1 i{ background-position: 0 0;}
li.hdnav2 i{ background-position: 0 -90px;}
li.hdnav3 i{ background-position: 0 -180px;}
li.hdnav4 i{ background-position: 0 -270px;}
li.hdnav5 i{ background-position: 0 -360px;}
li.hdnav6 i{ background-position: 0 -450px;}
li.hdnav1,li.hdnav4,li.hdnav5{ background:url(../images/tm-bg2.png) repeat;}
.qr1{ position: absolute;  z-index: 9999; width: 136px; left: 20px; }
.qr1 img{width:136px;height:143px;display: block; margin-top:5px;}

.hdBoxTow{ width:100%; display: flex;justify-content: flex-start;}
.hdlink{width:33.3%; margin-right:1.5%;}
.hdBoxTow div:last-child{ margin-right:0;}
.hdlink img{border-radius: 5px; -webkit-border-radius:5px;-mox-border-radius:5px; width: 100%;}

.hudcenleft{width:100%;}
.cfhBox{width:100%;}
.hudliebOne{ width: 100%;margin-top:10px;}
.hudliebOne li{ width:31.3%;  float: left;/* margin:0 8px;*/margin-right:1.9%; border: 1px solid #e5eaf4;padding:5px 5px;border-radius: 5px; -webkit-border-radius:5px;-mox-border-radius:5px; box-sizing: border-box;}
.hudliebOne li.last{margin-right:0; border: 1px solid #e5eaf4 !important; }
.hudliebOne li .pic{ width:100%; height: 130px; overflow:hidden;zoom:1; }
.hudliebOne li .pic img{width:100%;border-radius: 5px; -webkit-border-radius:5px;-mox-border-radius:5px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.hudliebOne li h3,.hudliebOne li span{ display: block; width:96%;margin:0 2%;}
.hudliebOne li h3{ line-height:26px; font-size: 15px;margin-top:5px;}
.hudliebOne li span{width:auto;background:url(../images/zw-new-icon1.jpg) no-repeat left;padding-left:20px; line-height:30px; line-height: 30px; color: #999;margin-top:5px;}
.cfhBox .infoBoxtit li{ background: none;}

.mingyBox{width:100%;}
.miyilist{ width:100%; border: 1px solid #e0e3e9;border-top: 5px solid #2c6ac6;border-radius: 5px;-webkit-border-radius: 5px;-mox-border-radius: 5px;}
.miyilist2{ width:100%;}

.miyilist .bd{margin-top:5px;padding:0 15px; width:auto;}
.miyilist .bd li{ line-height: 36px; background:url(../images/arrow10.jpg) no-repeat left;}
.miyilist .bd li span{width:auto;}
.miyilist .infoBoxtit{margin-top:5px;}
.miyilist .infoBoxtit ul{padding-left:16px;} 

.mingyiBox,.wenjBox{ width: auto; padding:0 13px;margin-top:10px;}
.myzhengji li{ border: 1px solid #e0e3e9; overflow: hidden;zoom:1; height: 81px;margin-bottom:10px;border-radius: 5px; -webkit-border-radius:5px;-mox-border-radius:5px;}
.myzhengji li span { float: left;width:49px; height: 71px; padding-top:10px;border-right:1px solid #e0e3e9; text-align: center; line-height: 20px; }
.myzhengji li a{ width:296px; float:right; line-height: 32px;margin-top:10px;padding-right:8px;}
span.jxz{ color: #2c6ac6;}
span.jeishu{ color: #7c7c7c;}
.hudcenright{ width:100%;}

.diaochaBox{  border: 1px solid #e8e8e8; border-radius: 5px;margin-top:15px; border-top:5px solid #2c6ac6;padding-top:5px;padding-bottom:15px;}
.diaochaBox .bd{padding:0 10px; box-sizing: border-box;margin-top:5px;}

.wenjBox dl{ border-bottom: 1px dashed #e0e3e9; padding-bottom:11px; display: block;margin-bottom:11px;}
.wenjBox dl dt,.wenjBox dl dd{ display: block;width:100%; overflow: hidden;zoom:1;}
.wenjBox dl dt h3,.wenjBox dl dt span{ display: inline-block;}
.wenjBox dl dt{ height:40px;}
.wenjBox dl dd{ line-height: 26px; color: #777; font-size: 14px; text-indent: 19px;}
.wenjBox dl dt h3{ background: url(../images/arrow22.jpg) no-repeat left; width: 80%; float: left;padding-left:19px; line-height: 40px;}
.wenjBox dl dt span{ float: right;margin-top:5px; width:70px; height: 23px;border-radius: 5px; -webkit-border-radius:5px;-mox-border-radius:5px; text-align: center; line-height: 23px; }
.wenjBox dl dt span a{ color: #fff;}
.wenjBox dl dt span.canyu{background: #45c8db;}
.wenjBox dl dt span.chakan{background: #f65050;}
.wenjBox dl.last{ border-bottom: none;margin-bottom:13px;}

.xjpm{width:307px; height:265px; background: #f1f6fb; padding:10px 10px; }
.xjpm .tit{margin-top:5px; height:25px; line-height:25px; border-left:5px solid #4786d6; text-indent:18px; font-size:16px; font-weight:bold; color:#1568bd;}
.hxjpmfph .tit a{color:#1568bd;}
.hdphnr{ width:100%;margin-top:10px;}
.hdphnr h3{ display:block; width:100%;  height:38px; background:#fff; line-height:38px; font-weight:bold; color:#666666; overflow:hidden;zoom:1; font-size:14px !important;}
.hdphnr h3 span,.hdphnr ul li span{ display:inline-block; float:left; text-align:center;}
span.paim{ width:60px;}
span.name{ width:165px;}
span.huifu{ width:80px;}
.hdphnr ul{margin-top:4px;}
.hdphnr ul li{ height:37px; line-height:37px; }

.xjsearch{width:auto;height: 146px;background: url(../images/xjcx-bg.jpg) no-repeat;}
.xjchaxun{ width:238px; height: 98px; background: url(../images/tm-bg2.png) repeat; padding:23px;}
.xjsearch a{ display: block;width:auto; height:146px; }

.xjtjBox2{margin-top:5px;}
.xjtjBox2 .bd{margin-top:5px;}
.xjtjBox2 ul{margin-left:10px; width: auto;}
.xjtjBox2 li{ background:url(../images/arrow10.jpg) no-repeat left; line-height: 32px;}
.xjtjBox2 li:hover{background:url(../images/arrow10.jpg) no-repeat left;}
.xjtjBox2 li a{ width:76%;}
.xjtjBox2 li span{width: 50px;}

.hdBoxTree{margin-top:15px;}


.hdrequireBox{width:100%; margin-top:15px;overflow: hidden;}	
.hdrequireBox .bd{overflow: hidden;padding-left:5px; box-sizing: border-box;}
.hdrequireBox ul{ display: flex; justify-content: flex-start; flex-wrap: wrap; flex-direction: row; width:100%;}
.hdrequireBox ul li{width:32%; margin-right:13px; overflow: hidden;}
.hdrequireBox ul li:last-child{margin-right:0;}
.hdrequireBox li img{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;width:100%;}








