html {
width: 100%;
}
body {
width: 100%;
max-width: 750px;
margin: 0 auto;
font-family: "microsoft yahei";
}
.big_box {
width: 100%;
background:#ffeceb;
overflow: hidden;
}
/*top_logo*/
.big_box .top {
width: 100%;
position:absolute;top:.2rem;
height: .43rem;
background: url(../images/header_08.jpg) no-repeat center;
background-size: 100% 100%;
padding: 0 0.3rem 0 0.2rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
overflow:hidden;
}
.big_box .top a.logo {
display: block;
height: 100%;
}
.big_box .top img {
display: block;
}
.big_box .top a.logo img {
width: 1.83rem;
}
.hot_tel {
position:relative;
}
.hot_tel a {
padding-top:.05rem;
}
.hot_tel a .phone{
width:.25rem;
display:block;
position: absolute;
top:20%;
}
.hot_tel b{
color:#fff;
display: block;
padding-left:.3rem;
font-size:.30rem;
}
/*banner*/
.banner{width:100%;}
.banner {
background:url(imagesbanner1.jpg) no-repeat;
height:8rem;
background-size:100% 100%;
}
.banner h1{width:100%;text-align:center;padding-top:.5rem;}
.banner .tit{
display:block;
width:86%;
margin:0 auto;
border:none;
animation: zoom 1s alternate infinite;
-webkit-animation:zoom 1s alternate infinite;
-moz-animation:zoom 1s alternate infinite;
-o-animation:zoom 1s alternate infinite;
}
@keyframes zoom{
from{transform: scale(0.9)}
to{transform:scale(1.0)}
}
@-webkit-keyframes zoom{
from{transform: scale(0.9)}
to{transform:scale(1.0)}
}
@-moz-keyframes zoom{
from{transform: scale(0.9)}
to{transform:scale(1.0)}
}
@-o-keyframes zoom{
from{transform: scale(0.9)}
to{transform:scale(1.0)}
}
.banner .city{
width:1.15rem;
height:1.3rem;
position:absolute;
top:3.36rem;
left:2rem;
animation: Updowm 1.5s linear infinite;
-webkit-animation:Updowm 1.5s linear infinite;
-moz-animation:Updowm 1.5s linear infinite;
-o-animation:Updowm 1.5s linear infinite;
}
@keyframes Updowm{
0%{transform: translateY(0)}
25%{transform: translateY(-10px)}
50%{transform: translateY(0)}
75%{transform: translateY(10px)}
100%{transform: translateY(0)}
}
@-webkit-keyframes Updowm{
0%{transform: translateY(0)}
25%{transform: translateY(-10px)}
50%{transform: translateY(0)}
75%{transform: translateY(10px)}
100%{transform: translateY(0)}
}
@-moz-keyframes Updowm{
0%{transform: translateY(0)}
25%{transform: translateY(-10px)}
50%{transform: translateY(0)}
75%{transform: translateY(10px)}
100%{transform: translateY(0)}
}
@-o-keyframes zoom{
0%{transform: translateY(0)}
25%{transform: translateY(-10px)}
50%{transform: translateY(0)}
75%{transform: translateY(10px)}
100%{transform: translateY(0)}
}
/*daoyu*/
.dy{
background:#ff937a;
padding-bottom:.42rem;
}
.dy .btn{
display: block;
margin:0 auto;
background:url(imagesbtn_01.png) no-repeat;
background-size: 100% auto;
width: 4rem;
height:.88rem;
line-height:.88rem;
color:#fff;
font-size:.28rem;
text-align: center;
}
.dy .btn2{
background:url(imagesbtn_02.png) no-repeat;
background-size: 100% auto;
}
/*bmrk*/
.module{
background:#ff937a;
padding:0 .3rem;
}
.mian1 ul{
background:url(imageslist2.jpg) no-repeat;
background-size:100%;
padding-top:.2rem;
padding-bottom:.2rem;
height:2.1rem;
overflow:hidden;
}
.mian1 ul li{
float:left;
padding:.16rem 0 .16rem 1.02rem;
font-size:.24rem;
line-height:.36rem;
color:#ff937a;
}
.mian1 ul li a{
color:#ff937a;
}
.mian1 ul li:nth-child(1),.mian1 ul li:nth-child(4){
width:1.47rem;
padding-left:1.03rem;
}
.mian1 ul li:nth-child(2),.mian1 ul li:nth-child(5){
width:1.26rem;
padding-left:.96rem;
}
.mian1 ul li:nth-child(3),.mian1 ul li:nth-child(6){
width:1.2rem;
padding-left:.94rem;
}
/*bmsj*/
.video{
padding-bottom:5%;
}
.video .video-wrap{width:3.3rem;margin-bottom:2.5%;}
.video .video-wrap:nth-child(odd){
float:left;
}
.video .video-wrap:nth-child(even){
float:right;
}
.video-wrap dt{text-align:center;}
.video-wrap dt em{
display: inline-block;
width: .45rem;
height:.27rem;
}
.video-wrap dt .tit-l{
background: url(imagestit-l3.jpg);
background-size:100% auto;
}
.video-wrap dt .tit-r{
background: url(imagestit-r4.jpg);
background-size:100% auto;
}
.video-wrap dt p{
font-size:.24rem;
display: inline-block;
line-height:.3rem;
padding:.09rem .15rem;
}
.video-wrap dd{
padding:.08rem .08rem 0.03rem;
background:#fff;
border-radius:.1rem;
}
.video-wrap dd video{
width:100%;
height:1.7rem;
}
.pop{
width: 100%;
max-width:750px;
height:100%;
position:fixed;
z-index:5;
top:0;
display: none;
}
.pop .bg{background:#000000;opacity: .5;height:100%;width:100%;}
.pop .area{
position:absolute;
width:6.4rem;
left: 50%;
top:0;
margin-left:-3.2rem;
padding-top:10%;
text-align:center;
z-index:999;
}
.pop .area header{
background:#ff937a;
height:.9rem;
line-height:.9rem;
color:#fff;border-radius:.4rem .4rem 0 0;
font-size:.32rem;
}
.area-list{
background:#fff;
padding:.18rem .28rem;
overflow:auto;
margin-bottom:2%;
}
.area-list a{
display:inline-block;padding:0 .3rem;margin:.1rem .07rem 0 .1rem;text-align:center;
line-height:.56rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
border:1px solid #333;
font-size:.24rem;
border-radius:.28rem;
color:#333;
}
.area-list a:hover{
background:#ff937a;
border:1px solid #ff937a
}
.close-area{
margin:0 auto;
display: block;
width:.5rem;
height:.rem;
text-align:center;
line-height:.5rem;
color:#fff;
border-radius:50%;
border:1px solid #fff;
font-size:.4rem;
font-weight: 100;
cursor:pointer;
}
/*报名工具箱*/
.module1{
position:relative;
top:.28rem;
width:6.9rem;
margin:0 auto .78rem;
padding-top:.58rem;
background:#fff;
border-radius:.22rem;
}
.module1 header{
position:absolute;
height:.56rem;
top:-.28rem;
}
.set_box header{
width:40.58%;
left:50%;
margin-left:-20.79%;
}
.module1 .flex_container{
display:flex;
justify-content: space-between;
-webkit-justify-content: space-between;
flex-wrap: wrap;
}
.set_box .flex_container a{
display:block;
width:25%;
text-align:center;
margin-bottom:.27rem;
}
.set_box .flex_container a>img{
display:block;
width:58%;
margin:0 auto .17rem;
border:none;
}
.set_box .flex_container a>span{
font-size:.24rem;
line-height:.3rem;
color:#000;
}
/*zhibo*/
.zb{
padding-top:.5rem;
padding-bottom:.5rem;
}
.zb_msg{
height:1.08rem;overflow:hidden;
font-size:.26rem;
line-height:.36rem;
color:#f44336;
padding-left:.25rem;
padding-right:.15rem;
}
.zb .person{
width:50%;
height:2.72rem;
background:url(../images/person.jpg) no-repeat center .25rem;
background-size:3.27rem 2.44rem;
}
.zb .ewm{
width: 50%;
}
.zb .ewm img{
width:81%;
display: block;
border: none;
margin:0 auto;
}
/*pingtai*/
.pt header{
width:81%;
left:50%;
margin-left:-40.05%;
}
.pt .flex_container{
display:flex;
justify-content: center;
-webkit-justify-content: center;
flex-wrap: wrap;
}
.pt .flex_container a{
display:block;
width:1.12rem;
text-align:center;
margin:0 .41rem .2rem;
}
.pt .flex_container a>img{
display:block;
width:100%;
margin:0 auto;
border:none;
}
.pt .flex_container a>span{
font-size:.24rem;
line-height:.36rem;
color:#000;
}
/*各地中公*/
.zg_dz1 {width:100%;padding:4% 0;background:#fff;}
.zg_h2 {width:84.7%;padding:0 3.5%;font-size:.34rem;font-weight:normal;color:#e62929;margin-bottom:4%;}
.zg_h2 img {width:6%;margin-right:2%;vertical-align:bottom;}
.zg_fxlj {width:100%;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-pack:start;width:100%;padding-bottom:3.5%;z-index:999;}
.zg_fxlj b {display:block;font-weight:normal;width:25%;text-align:center;}
.zg_fxlj a {display:inline-block;width:77%;text-align:center;border:1px solid #666;border-radius:0.04rem;font-size:.22rem;color:#666;padding:7% 0;}
.zg_fxlj:last-child {padding-bottom:0;}
.zg_fxlj a:hover {background:#e62929;color:#fff;border:none;}
/*xf*/
.xf {
width:7.5rem;
height:0.9rem;
background:#333333;
position:fixed;
bottom:0;
display: none;
}
.xf a {
display:block;
float:left;
width:2.02rem;
color:#ffffff;
height:0.9rem;
background:url(imagesq-zx.png) no-repeat 0.87rem center;
font-size:0.32rem;
font-weight:bold;
background-size:0.42rem 0.34rem;
padding-left:1.58rem;
line-height:0.9rem;
}
.xf a:nth-child(2) {
width:2.75rem;
padding-left:1rem;
background:url(imagesq-dh.png) no-repeat 0.4rem center;
background-size:0.42rem 0.34rem;
/*# sourceMappingURL=index.css.map */