*{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: url(../images/yhyshj/bg.jpg) no-repeat top center;}

/*hbg*/
.hbg{width: 100%;height: 750px;float:left;}

.logo{width: 600px;height: 150px;float: left;background: url(https://www.xjboz.gov.cn/images/2020/logo.png) no-repeat left bottom;}

.text{width: 100%;height: 200px;float: left;margin-top: 100px;padding-top: 200px;background: url(../images/yhyshj/text.png) no-repeat top center;}

.text span{display: block;width: 100px;height: 100px;float: right;margin-top: 50px;margin-left: 20px;background: #035392;background-image: linear-gradient(to bottom, #329df1, #035392);border-radius: 50%;box-shadow: 5px 5px 0 white;font-size: 60px;line-height: 100px;color: white;font-weight:bold;text-align: center;}

/*title*/
.title{width: 100%;float: left;margin-bottom: 50px;position: relative;}
.title:before,.title:after{content: '';width: 400px;height: 40px;float: left;border-bottom: 1px solid #035392;}
.title em{width: 17px;height: 17px;float: left;margin-top: 32px;border: 1px solid #035392;border-radius: 50%;}
.title p{float: left;margin: 0 50px;font-size: 50px;line-height: 81px;color: #035392;text-align: center;font-weight:bold;letter-spacing: 15px;}

/*bt*/
.bt{width: 100%;height: 50px;float:left;border-bottom: 1px solid #c4c4c4;}

.bt p{height: 50px;float:left;}
.bt p a{display: block;float:left;padding: 0px 15px;font-size: 24px;line-height: 48px;color: #035392;text-align: center;font-weight: bold;border-bottom: 2px solid #035392;}
.bt a.more{float: right;margin: 15px 10px 0 0;padding: 0 15px;font-size: 16px;line-height: 25px;color: #718697;border: 1px solid #718697;border-radius: 11px;}
.bt a.more:hover{color:#ffffff; background:#035392; border-color:#035392;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}

.nr{float: left; padding: 10px 10px 0; }

/*lm*/
.lm{width: 575px;float:left;margin-bottom: 50px;}
.m1{margin-left:50px;}

/*zcwj*/
.zcwj{width: 100%;float: left;}
.zcwj li{width: 380px;height: 100px;float:left;margin-right: 30px;background-color: #f9f9f9;border-radius:15px;}
.zcwj li.l3{margin-right: 0px;}
.zcwj li a{display: block;font-size: 21px;color: #222222;line-height: 100px;font-weight:bold;text-align: left;}
.zcwj li:hover{background-color: #f9f9f9;transform: translateY(-4%);box-shadow: 3px 5px 10px #eeeeee;-webkit-box-shadow: 3px 3px 10px #eeeeee;-moz-box-shadow: 3px 5px 10px #eeeeee;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
.zcwj li:hover a{color:#035392;}

.zcwj li a i{width:70px;height:70px;border-radius: 50%;margin: 15px;float:left;background: url(../images/yhyshj/zcwj.png) #ffffff no-repeat;}

.zcwj li.l1 a i{background-position: 0px 0px;}
.zcwj li.l2 a i{background-position: -70px 0px;}
.zcwj li.l3 a i{background-position: -140px 0px;}

.zcwj li:hover a i{background-color:#035392; transition: all 0.3s ease;}

.zcwj li.l1:hover a i{background-position: 0px -70px;}
.zcwj li.l2:hover a i{background-position: -70px -70px;}
.zcwj li.l3:hover a i{background-position: -140px -70px;}

/*lm*/
.class{width: 100%;float: left;background: #ffffff;box-shadow: 2px 2px 5px #eaeaea; -webkit-box-shadow: 2px 2px 5px #eaeaea; -moz-box-shadow: 2px 2px 5px #eaeaea;}

.class-bt{width: 1180px;float: left;padding-left: 20px;}

.class-list{width: 1058px;float: left;padding: 30px;margin: 0 40px 40px;background: #ffffff;border: 1px solid #ececec;}

.class-left{width: 300px;float: left;margin: 15px;}
.class-left .class-l-bt{width: 100%;height: 50px;}
.class-left .class-l-list{width: 100%;float: left;background: #f6f6f6;}

.class-right{width: 855px;float: left;margin: 15px 15px 15px 0;}
.class-right .class-r-bt{width: 100%;height: 49px;border-bottom: 1px solid #e1e1e1;}
.class-right .class-r-list{width: 100%;float: left;padding: 10px 0;}