@charset "utf-8";
/*base*/
html,body,ul,ol,li,p,h2,h4,a,img,input,span,a{margin:0;padding:0;}
html,body{min-width: 1200px;}
img,input,button {border: 0;}
i,h2{font-style: normal;font-family: "Microsoft Yahei"; font-weight:normal;}
input:focus,textarea:focus,select:focus, button{outline:none;}
ul,li,button{list-style: none;}
body{font-size: 16px;color: #333;font-family:"Microsoft Yahei";}
a{color: #333;text-decoration:none;font-family:"Microsoft Yahei";font-size:16px;}
a:hover{color: #2968d0;}
button,img,input { vertical-align: middle;}
.clearfix{content: " "; height:0;display: table;clear: both;}
.clearfix:before,.clearfix:after {content: " ";display: table;clear: both;}
::-webkit-input-placeholder {color: #b2b2b2; } :-moz-placeholder { color: #b2b2b2; } ::-moz-placeholder {  color: #b2b2b2; } :-ms-input-placeholder {color: #b2b2b2; }

.headbox{ width:100%; height:554px; position:relative; margin:0 auto;}
.bg01{background:url(bm_bg01.jpg) no-repeat center center;}
.head{ width:1200px; height:554px; margin:0 auto; position:relative;}
.logozt{ padding-top:38px; height:95px;}
.fanhui{ position:absolute; top:55px; right:0; width:90px; height:40px; line-height:40px; text-align:center; background:url(fanhui.png) no-repeat center center;}
.fanhui a{ font-size:16px; color:#ffffff;}
.tx_jyfw{ position:absolute; top:-100px; left:55px; width:600px; height:auto; overflow:hidden;}

.mainbox{ width:1200px; height:auto; margin:0 auto; overflow:hidden;}
.pad50{ padding:50px 0;}
.guarantee{ height:491px; padding:20px 0;}
.guarantee ul li{ width:371px; height:491px; text-align:center; display:block; margin:0 14px; float:left;}
.guarantee ul li.gu01{ background:url(bm_cion01.png) no-repeat center center;}
.guarantee ul li.gu02{ background:url(bm_cion02.png) no-repeat center center;}
.guarantee ul li.gu03{ background:url(bm_cion03.png) no-repeat center center;}
.guarantee ul li p{ height:360px; line-height:360px; display:block; transition: .2s;}
.guarantee ul li span{ display:block;}
/*.guarantee ul li a:hover p img{-webkit-transition: -webkit-transform .7s ease-out;-moz-transition: -moz-transform .7s ease-out;transition: transform .7s ease-out;
transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);}*/
.guarantee ul li a{ font-size:26px;}
.guarantee ul li a:hover p img{ transform: translateY(6px); }
.guarantee ul li a:hover p{ margin-bottom:-6px;}

/*住房保障*/
.bg02{background:url(bm_bg02.jpg) no-repeat center center;}
.title{ width:100%; height:32px; text-align:center;}
.bzxzf_box{ width:100%; height:256px; background:url(zffw_bg.png) no-repeat; margin:50px 0;}
.bzxzf_box ul{ padding:55px 0 0 400px; display:block; overflow:hidden;}
.bzxzf_box ul li{ width:260px; height:50px; line-height:50px; background:url(listicon01.png) no-repeat left center; display:block; float:left;}
.bzxzf_box ul li a{ padding-left:20px; color:#ffffff; transition: .2s;}
.bzxzf_box ul li a:hover{ padding-left:28px;}

.bmcx_box{ width:100%; height:auto; padding:50px 0 10px 0;}
.bmcx_box ul li{ width:214px; height:234px; text-align:center; background:#ffffff; display:block; float:left; margin:0 13px; margin-bottom:40px; box-shadow: 0 0 13px rgba(0,0,0,0.1);}
.bmcx_box ul li p{ height:175px; line-height:175px; display:block; transition: .2s;}
.bmcx_box ul li span{ display:block;}
.bmcx_box ul li a:hover p img{ transform: translateY(4px); }
.bmcx_box ul li a:hover p{ margin-bottom:-4px;}

.bright_box{ width:100%; height:auto; background:#f6f6f6; padding:70px 0; overflow:hidden;}
.gjjdh{ width:1200px; height:196px; margin:0 auto;}
.gjjdh ul li{ width:373px; height:196px; display:block; margin-right:40px; float:left;}

/*社会保障*/
.bg03{background:url(bm_bg03.jpg) no-repeat center center;}
.shbz{ background:url(zffw_bg02.png) no-repeat; margin-bottom:0;}
.shbz ul{ padding:55px 0 0 420px; display:block;}
.shbz ul li{ width:364px;}
.society_bg{ width:100%; height:41px; background:url(cxfwbg.png) no-repeat top center; margin-top:50px;}
.society{ width:1160px; height:560px; background:#ffffff; border-radius:6px; padding:50px 20px;}
.society ul li{ width:105px; height:170px; text-align:center; display:block; float:left; margin:0 20px; margin-bottom:20px;}
.society ul li p{ height:120px; line-height:120px; display:block; transition: .2s; }
.society ul li span{ display:block;}
.society ul li a:hover p img{-webkit-transition: -webkit-transform .7s ease-out;-moz-transition: -moz-transform .7s ease-out;transition: transform .7s ease-out;
transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);}
.consult{ width:1200px; height:215px; padding:50px 0; margin:0 auto;}
.consult ul li{ width:557px; height:215px; display:block; float:left;}

/*教师资格证*/
.contant{ width:1200px; height:auto; margin:0 auto; display:block;}
.bg04{background:url(bm_bg04.jpg) no-repeat center center;}
.jszg{ background:url(zffw_bg03.png) no-repeat; margin-bottom:0;}
.jszg ul{ padding:28px 0 0 420px; display:block;}
.jszg ul li{ width:584px;}
.knowledge{ width:880px; height:324px; float:left;}
.knowledge ul li{ width:400px; height:140px; line-height:140px; background:#ffffff; margin-right:40px; box-shadow: 0 0 13px rgba(0,0,0,0.2); display:block; float:left;}
.knowledge ul li a{ font-size:22px; padding-left:190px; display:block; transition: .2s;}
.knowledge ul li a:hover{ padding-left:195px; }
.knowledge ul li.kn01{ background:url(edu01.png) no-repeat 90px center;}
.knowledge ul li.kn02{ background:url(edu02.png) no-repeat 90px center;}
.knowledge ul li.kn03{ background:url(edu03.png) no-repeat 90px center; margin-top:40px;}
.knowledge ul li.kn04{ background:url(edu04.png) no-repeat 90px center; margin-top:40px;}
.papers{ width:319px; height:324px; background:#ffffff; box-shadow: 0 0 13px rgba(0,0,0,0.2); float:right;}


.footer{position: relative;overflow:hidden;width: 100%;background: #2E61B0;min-height: 90px;    }
.footer1{width: 1240px; margin:  0 auto;}
.footer .left-xx{margin: 20px 0px 0 0px;float:left;width: 30%;/* position: relative; */display: block;}
.footer .left-xx span{margin-right: 15px; display: block; float: left; }
.footer .middle-xx{margin-top: 20px;color:#fff;font-size:14px;width: 70%;float:left;}
.footer .middle-xx h4{font-weight:normal;color:#fff;margin-bottom: 15px;margin-top: 15px; font-size: 14px;}
.footer .middle-xx h4 a{ color:#fff;font-size: 14px;}
.footer .middle-xx p{line-height: 30px;height: 30px;text-align: center;position:relative; color:#fff; font-size: 14px;}
.footer .middle-xx p span{/* display:block; *//* float:left; *//* margin-right:60px; *//* border-right: 1px solid #fff; */margin: 0px 15px;}
.footer .middle-xx p a{ color:#fff; font-size: 14px; }
.footer .middle-xx p i{ float:left; height:24px; width:18px; margin-right:5px;}
.footer .middle-xx p i img{ margin-top:2px;}
.footer .wxgzh{/* margin: 25px 30px  0 0; *//* font-size:14px; *//* color:#fff; *//* width:112px; *//* float:left; */}
.footer .wxgzh p{ color:#fff; margin-top:10px; text-align:center;}
#_ideConac{margin-top: -3px;}
.slhIcon{top: 1px;right: 0px;}
.Box{width: 9%;float: right;text-align: left;margin-top: 20px;}
.common-footer-wrap .footer .w1200 {
    width: 1200px;
}



@media only screen and (max-width: 1200px){
  html, body{width: 100%;min-width: 360px;}
  .head{width: 100%;}
  .contactusdiyou{display: none;}
  .mainbox{width: calc(100% - 20px);margin: 0 10px;}
  .mainbox .guarantee ul li{width: calc(100% /3 - 20px);margin: 5px 10px;/*! height: auto; *//*! overflow: hidden; *//*! height: 460px; */}
  .guarantee ul li a{display: block;width: 100%;}
  .guarantee ul li a img{width: 100%;height: 100%;}
  .flx{display: unset;}
  .w1240{width: 100%;}
  .footer .middle-xx{width: 100%;margin-bottom: 20px;}
  .footer .left-xx{width: 400px;margin: 0 auto;float: none;height: auto;overflow: hidden;}
  .footer1{width: 100% !important;padding: 2%;width: 96% !important;height: auto;overflow: hidden;}
  .Box{float: left !important;width: 100% !important;margin-top: 0px !important;}
  .footer{height: auto;}
  .footer .middle-xx p{width: 100%;height: auto;}
  #_ideConac{margin-top: -8px;}
  
  }
@media only screen and (max-width: 900px){
  .mainbox .guarantee ul li{height: 364px;}
}

@media only screen and (max-width: 800px){
  .bg01{background: url(bm_bg01.jpg) no-repeat cadetblue;}
  .tx_jyfw{position: unset;text-align: center;margin: 0 auto;}
  .mainbox .guarantee ul li{height: 300px;}
  .headbox,.head{height: 300px;}
}
@media only screen and (max-width: 770px){
 .footer .middle-xx p{ display: block; width: 100%;height: auto;}
}
@media only screen and (max-width: 700px){
  .mainbox .guarantee ul li{height: 260px;}
}

@media only screen and (max-width: 630px){
   .mainbox .guarantee ul li{height: 370px;width: calc(100% /2 - 20px);}
  .headbox .head .tx_jyfw{width: 100% !important;}
  .tx_jyfw img{width: 100%;}
  .fanhui{display: none;}
}
@media only screen and (max-width: 500px){
  .mainbox .guarantee ul li{height: auto;width: 100%;margin: 5px 0;}
    .logozt{width: 100%;padding-top: 10px;}
  .logozt a{width: 100%;display: block;}
  .logozt a img{width: 98%;}
}
@media only screen and (max-width: 485px){
.footer .middle-xx p span{display: block;}
}
@media only screen and (max-width: 400px){
  .footer .left-xx{width: 100%;}
}