.c{
    height: 1000px;
    background: url(../images/banner.jpg) no-repeat center;
}

*{
	margin: 0;
	padding: 0;
	outline: none;
	list-style-type: none;
	text-decoration: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
body{
    min-width: 1300px;
  
}
a{
	text-decoration: none;
}
input{
    outline: none;
    border: none;
}

::-webkit-inner-spin-button {
	color: transparent;
	background: transparent;
	display: none;
}
.wrap{
    background: #073b4c;
}
.container{
    width: 1000px;
    margin:0 auto;
}
/* 左侧边栏 */
.left_side{
    position: fixed;
    left:1%;
    top:33%;
    text-align: center;
	width: 135px;
	height:170px;
	padding:12px;
	z-index: 999;
	background: #b20605;
	border:5px solid #0f8988;
}
.left_side a{
	color: #fff;
	font-size:18px;
	display: block;
	margin-bottom: 17px;
	padding-bottom: 4px;
	border-bottom: 1px dashed #fff;
}
/* 右侧边栏 */
.right_side{
    width: 168px;
    height: 325px;
    position: fixed;
    right:1%;
	top:20%;
	z-index: 999;
    text-align: center;
    padding: 112px 41px;
    background: url(../images/right_side.png) no-repeat center;
}
.right_side>div>a{
    color:#fff;
    font-size: 17px;
}
.right_side a:nth-of-type(2){
    line-height: 99px;
}
.right_side a:nth-of-type(4){
    line-height: 97px;
}

/* 测试表格 */
.form{
    width: 923px;
    height:594px;
    position: fixed;
    cursor: pointer;
    z-index: 999999;
    top:15%;
    display: none;
    left:19%;
    padding-top: 61px;
    background: url(../images/form.png) no-repeat center;
}
.form .table{
    width: 92%;
    height: 93%;
    margin: 0 auto;
    overflow-y: scroll;
}
.gridtable{
	width: 100%;
	height: auto;
	margin: 0 auto;
	background: #fff;
	font-size:16px;
}
.gridtable a{
    color: #000; 
}
table.gridtable {
	font-family: verdana,arial,sans-serif;
	font-size:16px;
	color:#333;
	border-collapse: collapse;
	border:1px solid #000;
}
table.gridtable th {
	padding: 8px;
	text-align: center;
	border:1px solid #000;
}
table.gridtable td {
	padding: 8px;
	text-align: center;
	border:1px solid #000;
}
.form_close{
    padding-left: 944px;
    margin-top: -57px;
}


/* 柱状图 */
.histogram{
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background-color: rgba(0, 0, 0, .8);
}
.histogram .container{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
    background: #fff;
}
.histogram #char{
    height:500px;
    color: #fff;
}
.histogram .close{
    width: 1000px;
    margin: 0 auto;
    text-align: right;
    position: relative;
}
.histogram .close img{
    position: absolute;
    right: -55px;
    top: 56px;
}
/* banner */
.banner{
    height: 811px;
    background: url(../images/banner.jpg) no-repeat center top;
}
.banner .reds {
	margin-left: 29%;
    width: 77px;
    height: 281px;
    animation: fadeInDown 3s;
}

.banner .reds img {
	width: 100%;
	display: block;
}

.banner .banner_text{
    animation: fadeInDown 1s;
    margin-top: -165px;
}
.banner .banner_text img{
    display: block;
    margin: 0 auto;
}
/* 头部 */
header {
	width: 100%;
	height: auto;
}

.header {
	max-width: 1200px;
	height: 56px;
	padding: 6px 0 22px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	line-height: 55px;
}
header ul {
	float: left;
	margin-left: 70px;

}
header ul li {
	display: inline-block;
	padding: 0 22px;
}
header ul li a {
	font-size: 14px;
	color: #838383;
}
header ul li.active a {
	color: #e60012;
}
header span {
	font-size: 16px;
	color: #838383;
    float: right;    
    
}


.content{
      height: auto;
      padding-bottom: 40px;
	background:url(../images/bg.jpg) no-repeat center top;
}




/* 三支报考热度 */
.sz_hot{
	width: 1122px;
	height:743px;
	margin: 0 auto;
	margin-bottom: 91px;
	position: relative;
	background: url(../images/biao.png) no-repeat center;
}
.sz_hot .container{
    padding-top: 203px;
    padding-left: 68px;
}
.sz_hot .bg{
    width: 848px;
    height:346px;
    padding-top:98px;
    display: flex;
    background: url(../images/num_bg.png) no-repeat;
}
.sz_bird{
	position: absolute;
	left: -71px;
    top: -46px;
}
.sz_hot .one{
    height: 212px;
    width:60px;
    margin-left: 201px;
    text-align: center;
    background: #ff7611;
}
.sz_hot .two{
    height: 237px;
    width: 60px;
    margin-left: 122px;
    text-align: center;
    background: #ff3709;
    padding-bottom: 10px;
    margin-top: -25px;
}
.sz_hot .three{
    height: 267px;
    text-align: center;
    width: 60px;
    margin-left: 122px;
    background: #e95d3d;
    padding-bottom: 10px;
    margin-top: -55px;
}
.sz_hot p{
    font-size: 20px;
}
.danmu {
	width: 830px;
	height: 320px;
	overflow: hidden;
	position: absolute;
    margin: 30px auto 0;
    top:146px;
    z-index: 999;
    left:162px;
}

.DM {
	width: 225px;
	height: 212px;
	position: absolute;
	top: 0;
	right: 50px;
	z-index: 999;
	webkit-animation: banWave 1.5s linear infinite alternate;
    -moz-animation: banWave 1.5s linear infinite alternate;
    -ms-animation: banWave 1.5s linear infinite alternate;
    -o-animation: banWave 1.5s linear infinite alternate;
    animation: banWave 1.5s linear infinite alternate;
}

.DM img {
	position: absolute;
	top: 8px;
	left: 0;
}

.DM span {
	width: 100%;
	padding-left: 45px;
	position: absolute;
	top: 47%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	font-size: 28px;
	color: #F65647;
}
.nr{
	font-size:18px;
    line-height: 20px;
	color: #000;


}
.msgnr{
	width: 483px;
	height: 327px;
	background: #fff;
	border: 7px solid #008931;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
    border-radius: 50px;
    position: absolute;
	top: 4px;
	left: 362px;
	overflow: hidden;
}
.nr{
	width: 1300px;
	position: absolute;
	left: 0;	
}
.nr0{
	top: 20px;
	animation: nr0 32s infinite linear;	
}
.nr1{
	top: 95px;
    animation: nr0 26s infinite linear;	
}
.nr2{
	top: 170px;
    animation: nr0 29s infinite linear;	
}
.nr3{

	top: 245px;
    animation: nr0 24s infinite linear;	
}
.nr3 .active{
	color:#000;
	
}
.setDM{
    width: 60%;
    margin: 0 auto;
    border: 1px solid #ffe2a0;
    padding: 10px;
    margin-top:30px;
    background: #fff;

}
@-webkit-keyframes nr0{
	0%{transform: translateX(480px);}
	100%{transform: translateX(-1300px);}
}
@-moz-keyframes nr0{
	0%{transform: translateX(480px);}
	100%{transform: translateX(-1300px);}
}
@-ms-keyframes nr0{
	0%{transform: translateX(480px);}
	100%{transform: translateX(-1300px);}
}
@keyframes nr0{
	0%{transform: translateX(480px);}
	100%{transform: translateX(-1300px);}
}
.nr span{
	display: inline-block;
    max-width: 500px;
    margin-right: 20px;
    font-size: 21px;
    color: #000;
    border-radius: 20px;
    padding: 6px 14px;
}
/* 各省考试热度 */
.all_hot{
	width: 1085px;
	height: 841px;
	margin: 0 auto;
	margin-bottom: 107px;
	position: relative;
	background: url(../images/all_hot.png) no-repeat center;
}
.all_bird{
	position: absolute;
	right: -42px;
    top: -15px;
}
.all_hot .container,.Vip .container,.ready .container{
	padding:150px 47px;
}
.all_hot .test{
	margin-bottom:75px; 
	padding-left: 13px;
}
.all_hot p{
	color: #000;
	font-size: 20px;
	font-weight:500px;
	margin-bottom: 20px;
	text-align: center;
	margin-top: -15px;
}
.all_hot p span img{
	vertical-align: middle;
}
.all_hot input,.all_hot select{
	width: 300px;
	height:40px;
	line-height: 40px;
	padding-left: 5px;
	margin-right: 20px;
	margin-bottom: 15px;
	border: 1px solid #c8010d;
}
.all_hot #yzm{
	width: 156px;
	height:40px;
	margin-right: 0px;
}
.all_hot #getYzm{
	background: #c8010d;
    color: #fff;
    font-size: 18px;
    width: 139px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    display: inline-block;
}
.ce,.yue_btn{
	padding:5px 65px;
	background: #c8010d;
	color: #fff;
	font-size: 18px;
	margin-top:20px;
	text-align: center;
	display: inline-block;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
}



/* VIP */
.Vip{
	width: 1000px;
	height:705px;
	margin: 0 auto;
	margin-bottom: 74px;
	position: relative;
	background: url(../images/vip_bg.png) no-repeat center;
}
.Vip .Vip_bird{
	position: absolute;
	left: -330px;
    top: -67px;
}
.Vip .vip_card{
	width:387px;
	height: 220px;
}
.vip_card img{
	width: 100%;
	height:100%;	
}
.Vip .Vip_text{
	display: flex;
	justify-content: space-around;
}
.vip_text p{
	color: #46433d;
	font-size: 18px;
	line-height: 27px;
}
.Vip .more{
	color: #fff;
    font-size: 20px;
    margin: 10px 0px;
    padding: 5px 20px;
    display: inline-block;
    background: #c8010d;
    border-radius: 10px;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
}
.Vip .red_bg{
	width: 1110px;
	height:253px;
	left: -48px;
	position: absolute;
	background: url(../images/red_bg.png) no-repeat center;
}
.red_bg>div{
    padding: 45px 20px;
}
.red_bg  p{
	color: #fff2a2;
	font-size: 18px;
	line-height: 28px;
}
.vip_btn{
	color: #fff;
    font-size: 17px;
    margin: 10px 0px;
    padding: 5px 25px;
    display: inline-block;
    background: #c8010d;
    border-radius: 10px;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	/* margin-left:20px; */
}
.vip_btn:nth-of-type(1){
	margin-right:85px;
}


/* 备考 */
.ready{
	width: 1000px;
	height:731px;
	margin: 0 auto;
	margin-bottom: 70px;
	position: relative;
	background: url(../images/ready.png) no-repeat center;
}
.ready .ready_bird{
	position: absolute;
	top: 66px;
    right: -147px;
}
.ready .list{
    display: flex;
    justify-content: space-around;
    margin-top:20px;
}
.list a{
	display: inline-block;
	padding:5px 35px;
	color:#fff;
	font-size: 18px;
	background: #c8010d;
	justify-content: space-around;
	border-radius: 10px;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	margin-bottom: 20px;
}
.ready .ready_text{
	background: #f1e354;
    width: 871px;
	height: auto;
	display: none;
    padding-bottom: 20px;
    margin: 0 auto;
    line-height: 25px;
	padding: 38px 109px;
    margin-top: 30px;
    box-shadow: 1px 3px 3px #0f8988;
}
.active{
	display: block !important;
}
.yellow{
    color: #f1e354 !important;
    font-size: 22px !important;
}
.ready_image{
	display: flex;
	justify-content: space-around;
}
.ready_image>div{
	width: 296px;
	height:198px;
	margin-top: 30px;
	padding:35px;
	background:url(../images/red_kuang.png)
}


/* 加入我们 */
.join{
	width: 1000px;
	height: 831px;
    margin: 0 auto;
    padding:167px 10px;
	position: relative;
	background: url(../images/join.png) no-repeat center;
}




.tit06 img {
    margin-left: -85px;
}


/*PC底部省份联系方式*/

.m4_con {
    display: none;
    margin-top: 20px;
}

.addr_prov {
    width: 275px;
    height: 300px;
    overflow: scroll;
    float: left;
}

.scrollbar {
    width: 30px;
    height: 300px;
    margin: 0 auto;
}


.addr_prov::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .3);
    background-color: #555;
}

.addr_prov::-webkit-scrollbar {
    width: 10px;
    height: 1px;
}


/*滚动条滑块*/

.addr_prov::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #c8010d;
    ;
}


/*滚动条轨道*/

.addr_prov::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0);
    border-radius: 10px;
    background: #ccc;
}
.addr_prov li{
    width: 100px;
}
.addr_prov li,
.city_confirm li {
    float: left;
    /* width: 118px; */
    height: 40px;
    font-size: 18px;
    line-height: 40px;
    color: #000;
    text-align: center;
    margin: 10px;
    cursor: pointer;
    border: 1px solid;
}
.city_confirm li{
    border: none;
}
.addr_prov li.on{
    background: #c8010d;
    color: #fff;
}
.city_confirm li.on{
    border-bottom:4px solid #c8010d;
}
.city_confirm {
    width: 585px;
    height: 300px;
    overflow: hidden;
    float: right;
    white-space: nowrap;
    border: 1px solid #ccc;
    position: relative;
}

.city_confirm ul {
    width: 1002px;
    height: 60px;
    display: none;
    padding-bottom: 20px;
    position: relative;
	left: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.city_confirm ul li{
    height: 50px;
}
.city_confirm ul.on {
    display: block;
    border-bottom: 1px solid #bebebe;
}

.scrollbar {
    width: 30px;
    height: 300px;
    margin: 0 auto;
}


.city_confirm::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .3);
    background-color: #555;
}

.city_confirm::-webkit-scrollbar {
    width: 10px;
    height: 1px;
}


/*滚动条滑块*/

.city_confirm::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #47a665;
    
}


/*滚动条轨道*/

.city_confirm::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0);
    border-radius: 10px;
    background: #ccc;
}
.address {
    clear: both;
}

.addrss_s {
    font-size: 18px;
    line-height: 36px;
    color: #6d6d6d;
    display: none;
    /* padding: 20px 0 0 96px;
     */
     padding:30px 20px;
}

.addrss_s.on {
    display: block;
}
.code{
    display: none;
}
.code.on{
    display: block;
}
.twoCode{
    display: none;
}
.twoCode.on{
    display:block;
}
/*iphone底部省份联系方式*/

.zg_m4 {
    padding: 0.59rem 0.3rem 0;
    box-sizing: border-box;
    height: 4.02rem;
    background: url(../images/m4.jpg) no-repeat center top;
    background-size: 100% auto;
}

.m4_tit {
    display: block;
    margin: 0 auto;
    width: 5.49rem;
    height: 0.38rem;
}

.select_city select {
    width: 3.78rem;
    height: 0.78rem;
    border: 1px solid #666;
    border-radius: 0.14rem;
    background: #fff url(../images/m4_pic1.jpg) no-repeat 2.27rem center;
    background-size: 0.36rem 0.5rem;
    box-sizing: border-box;
    padding-left: 0.15rem;
    font: 0.4rem/0.58rem "microsoft yahei";
    color: #333;
}

.address {
    padding-top: 0.34rem;
}

.addr {
    display: none;
}

.addr p {
    font: 0.3rem/0.5rem "microsoft yahei";
    color: #333;
    display: none;
}

.addr p span {
    color: #ff6600;
}

.addr_prov {
    margin-bottom: 20px;
}
.addr_prov:hover{
    cursor: pointer;
}
@media only screen and (min-width: 800px) {
    .m4_con {
        display: block;
    }
    .address {
        display: none;
    }
    .address.on {
        display: block;
    }
    /* .addr_prov li{font-size: 28px !important;} */
}

@media only screen and (max-width: 1000px) {
    .container {
        width: 100%;
    }
    .maina .container {
        width: 1000px;
    }
    .nav li {
        width: 200px !important;
        background-size: 100% 100% !important;
    }
    .nav li h3 {
        font-size: 30px !important;
        left: 66px !important;
    }
    .nav ul li p {
        left: 110px !important;
    }
    .nav ul li:nth-of-type(5) p {
        left: 56px !important;
    }
    .nav ul li:nth-of-type(5) h3 {
        left: 12px !important;
    }
    .nav_fix li {
        width: 180px !important;
    }
    .nav_fix li h3 {
        font-size: 30px !important;
    }
    .m4_con {
        padding-left: 68px;
    }
    .ad ul li {
        width: 230px !important;
    }
    .person03 {
        right: 0;
    }
    .sz_hot .container{
        padding-left: 125px;
    }
}

@media only screen and (max-width: 1160px) {
    .main h4,
    .mainbs_c h4 {
        font-size: 30px !important;
    }
    .main p,
    .mainbs_c p {
        font-size: 28px !important;
    }
    .tab li {
        font-size: 26px !important;
    }
    .row03,
    .row02 {
        width: 458px !important;
    }
    .banner_text{
        margin-left: 89px;
    }
    .banner .reds{
        margin-left:34%;
    }
    .left_side{
        display: none;
    }
    .right_side{
        display: none;
    }
}

footer{
    text-align: center;
    color: #fff;
    line-height: 30px;
    margin-top: 50px;
    font-size: 16px;
}
