*{margin:0;padding:0;box-sizing: border-box;}
li{list-style-type: none;}
a{text-decoration: none;    color: #222222;border:0;  }
div{margin:0; padding:0px;}
ul{margin: 0; padding: 0;}
img{border:0; margin: 0; padding: 0;}

/*all*/
.w100{width: 100%; float: left;}
.w1200{width: 1200px;margin: 0 auto;}

/*background*/
.bgf{background: #ffffff;}

/*space*/
.f1{margin-bottom: 50px;}
.f2{padding: 50px 0;}

body{font-family: "Microsoft YaHei";min-width: 1300px;background-color: #ffffff;}

/*hbg*/
.hbg{width: 100%;height: 570px;float:left;background: url(../images/media/head.jpg) no-repeat center -250px;border-bottom: 6px solid #319cf0;}

.logo{width: 350px;height: 100px;float: left;background: url(http://www.xjboz.gov.cn/images/2020/logo.png) no-repeat left bottom;background-size: 350px auto;}

.text{width: 100%;float: left;margin-top: 70px;}

.text h1{width: 100%;float: left;font-size: 60px;line-height: 100px;color: white;font-weight:bold;text-align: center;text-shadow: 5px 5px 0 #041f86;}
.text h2{width: 100%;float: left;margin-left: 25px;font-size: 120px;line-height: 200px;color: white;font-weight:bold;text-align: center;letter-spacing: 50px;text-shadow: 5px 5px 0 black;}

/*title*/
.title{width: 100%;float: left;margin-bottom: 50px;position: relative;}
.title:before,
.title:after{content: '';width: 494px;height: 60px;float: left;}

.title:before{background: url(../images/media/title-l.png) no-repeat right center;}
.title:after{background: url(../images/media/title-r.png) no-repeat left center;}

.title p{float: left;margin: 0 50px;font-size: 40px;line-height: 60px;color: black;text-align: center;font-weight:bold;letter-spacing: 15px;}

/*boz*/
.boz{width: 100%;float: left;margin: 80px 0 50px 0;}
.boz li{width: 600px;float: left;position: relative;}
.boz li .boz-i{width: 100%;float: left;}
.boz li .boz-i i{width: 100%;height: 106px;float: left;background-repeat: no-repeat;background-position: center;}
.boz li .boz-i i.wx{background-image: url(../images/media/weixin.png);}
.boz li .boz-i i.wb{background-image: url(../images/media/weibo.png);}
.boz li .boz-i font{width: 100%;float: left;font-size: 26px;line-height: 60px;color: black;text-align: center;font-weight: bold;}

.boz li dl{width: auto;height: auto;float: left;position: absolute;display: none;z-index: 10;top: 180px;left: 215px;background: #ffffff;}
.boz li dl dd{width: auto;float: left;border:1px solid #dddddd;}
.boz li dl dd::before{content: '';width: 15px;height: 15px;position: absolute;top: -8px;left: 77px;border-left: 1px solid #cccccc;border-top: 1px solid #cccccc;background: #ffffff;transform: rotate(45deg);}
.boz li dl dd i{width:150px;height:150px;float:left;margin: 10px;background-repeat: no-repeat;background-position: center;background-size: 150px 150px;}
.boz li dl dd i.wx-i{background-image: url(../images/media/wx-i.jpg);}
.boz li dl dd i.wb-i{background-image: url(../images/media/wb-i.png);}

.boz li:hover dl{display: block;}

/*media*/
.media li{width: 200px;float:left;position: relative;margin-bottom: 30px;}
.xs li{margin: 0 50px 50px;}
.media li .media-i font{width: 100%;float: left;font-size: 18px;line-height: 50px;color: #222222;text-align: center;}
.media li .media-i{width: 100%;float: left;}
.media li .media-i i{width: 100%;height: 100px;float: left;background-repeat: no-repeat;background-position: center;background-size: auto 100%;}

.media li dl{width: 175px;height: auto;float: left;position: absolute;display: none;z-index: 10;bottom: 170px;left: 14px;background: #ffffff;}
.media li dl dd{width: auto;float: left;padding: 10px;border:1px solid #dddddd;}
.media li dl dd::before{ content: ''; width: 15px;height: 15px;position: absolute;bottom: -8px;left: 77px;border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;background: #ffffff;transform: rotate(45deg);}
.media li dl dd font{width: 100%;float: left;font-size: 16px;line-height: 25px;color: #222222;text-align: center;}
.media li dl dd p{float: left;margin: 10px 48px;padding: 0 15px;background-color: #28c445;border-radius: 15px;font-size: 13px;line-height: 25px;color: white;}

.media li dl dd img{width:150px;height:150px;float:left;}

.media li:hover dl{display: block;}

/*bm*/
.media li .media-i i.i1{background-image: url(../images/media/bz-gaj.jpg);}
.media li .media-i i.i2{background-image: url(../images/media/bz-sfj.jpg);}
.media li .media-i i.i3{background-image: url(../images/media/bz-sthjj.jpg);}
.media li .media-i i.i4{background-image: url(../images/media/bz-slj.jpg);}
.media li .media-i i.i5{background-image: url(../images/media/bz-yjglj.jpg);}
.media li .media-i i.i6{background-image: url(../images/media/bz-swj.jpg);}
.media li .media-i i.i7{background-image: url(../images/media/bz-nyncj.jpg);}

/*xs*/
.media li dl dd i{width:150px;height:150px;float:left;background-repeat: no-repeat;background-position: center;background-size: 150px 150px;}

.media li .media-i i.bls{background-image: url(../images/media/bls.jpg);}
.media li .media-i i.alsks{background-image: url(../images/media/alsks.jpg);}
.media li .media-i i.jhx{background-image: url(../images/media/jhx.jpg);}
.media li .media-i i.wqx{background-image: url(../images/media/wqx.jpg);}

.media li dl dd i.bls-i{background-image: url(../images/media/bls-i.jpg);}
.media li dl dd i.alsks-i{background-image: url(../images/media/alsks-i.jpg);}
.media li dl dd i.jhx-i{background-image: url(../images/media/jhx-i.jpg);}
.media li dl dd i.wqx-i{background-image: url(../images/media/wqx-i.jpg);}