@charset "utf-8";
/* CSS Document */
body,div,a,p,ul,li,span,selcet,input,table,th,tr,td,span{margin:0;padding:0;list-style: none;border: none;}
button,select,input{outline: none;}
body{font-family:Microsoft YaHei;overflow-x:hidden;}

.ht_top{width:100%;background:url(http://www.huatu.com/z/413ztjx/images/nav_bg.gif) repeat-x 0; height:41px;}
.logo{float:left;}
.logo img{ border:0; padding:0;}
.zt_top{width:1000px;height:41px;margin:0 auto;}
.topnav{float:right;}
.huatu01{margin-left:10px; font-size:14px; color:#333; text-decoration:none;}
.huatu01:hover{ text-decoration:none; color:#C30;}
.huatu{ float:right; line-height:41px;}

.wx{position: relative;padding-left: 30px;background: url(http://u2.huatu.com/hubei/2018/kc_wxin.png) no-repeat left center;cursor: pointer;float:right;margin-left:12px;font-size: 14px;color:#333;z-index: 999;}
.wx:hover .wx_box{display: block;}
.wx:hover{color: #FF4B4E;}
.wx_wrap{min-width: 192px;height: 100px;padding-top: 30px;margin-bottom: 13px;}
.wx_box{display: none;position: absolute;bottom: -150px;padding-left: 20px;left: 0;min-width: 217px;height: 150px;background-color: #fff;z-index: 10;box-shadow: 0 0 7px rgba(58, 58, 58, 0.2);}
.wx_box img{display: block;float: left;width: 80px;height: 80px;}
.wx_box a{display: block;float: left;width: 70px;height: 26px;margin-left: 15px;background: #e92930;border-radius: 3px;color: #fff !important;font-size: 14px;line-height: 26px;text-align: center;margin-top:-2px;text-decoration: none;}
.wx_box span{display: block;float: left;margin: 0 0 10px 15px;color: #000;font-size: 14px;line-height: 23px;}

.banner{width: 100%;height: 370px;background:url("https://www.vintagefashionandbeauty.com/zt/rili/images/banner.jpg") no-repeat center top;margin: 0 auto;}
.banner .leibei{width:1000px;height: 48px;line-height: 48px;font-size: 48px;margin: 0 auto;letter-spacing: 5px;font-weight: 600;color:#fff;text-align: center;padding-top:88px;}
.banner .title{width:1000px;height: 100px;line-height: 100px;font-size: 100px;margin: 0 auto;letter-spacing:10px;font-weight: 600;color:#fff;text-align: center;padding-top:30px;}

/*日历导航开始*/
.nav-month{width:100%;height:70px;background: #2544a2;margin: 0 auto;}
.nav-month .nav-con{width: 1000px;height:70px;margin: 0 auto;}
.nav-month .nav-con li{display:inline-block;overflow: hidden;}
.nav-month .nav-con li span{float: left;display:block;color:#fff;line-height: 68px;font-size:36px;width:110px;text-align: center;height:68px;cursor: pointer;margin-top:1px;background: #fff000;color: #fe0101;}
.nav-month .nav-con li span.active{background: #001a68;color: #99b2ff;}
.nav-month .nav-con li .month-con{float: left;display:block;width:750px;height:59px;position: relative;margin-top:11px;rigth:-20px;}
.nav-month .nav-con li .month-con .month-bk{width:680px;height: 5px;background: #fff;margin-top:25px;margin-left:30px;}
.nav-month .nav-con li .month-con ul{width:750px;height:59px;position: absolute;left:0px;top:0px;}
.nav-month .nav-con li .month-con ul li{width:47px;height:47px;margin:0;padding:0;background: url("https://www.vintagefashionandbeauty.com/zt/rili/images/li-bk.png") no-repeat center center;margin-left:10px;line-height:47px;font-size:34px;color:#000;text-align: center;}
.nav-month .nav-con li .month-con ul li a{}
.nav-month .nav-con li .month-con ul li.cur{background: url("https://www.vintagefashionandbeauty.com/zt/rili/images/li-cur-bk.png") no-repeat center center;cursor: pointer;}
.nav-month .nav-con li .month-con ul li:hover{background: url("https://www.vintagefashionandbeauty.com/zt/rili/images/li-hover-bk.png") no-repeat center center;cursor: pointer;}
.nav-month .nav-con li .month-con ul li.active{background: url("https://www.vintagefashionandbeauty.com/zt/rili/images/li-hover-bk.png") no-repeat center center;cursor: pointer;color:#f00}
.nav-month .nav-con li .month-con ul li.active a{color:#fe0101;}
/*日期导航结束*/


/*报考咨询开始*/
/*.nav-zixun{width:100%;overflow: hidden;margin:30px auto;}
.zx_title{width: 190px;height: 36px;line-height: 36px;font-size: 36px;letter-spacing: 5px;text-align: center;margin: 0 auto;}
.zixun{width: 1000px;margin: 20px auto 0;overflow: hidden;border: 3px solid #5d84ff;border-radius: 10px;}
.zx_tips{width: 1000px;font-size:18px;color:#666;line-height: 30px;text-align: center;margin: 10px auto;}
.zx_form{width: 978px;height: 60px;border-radius: 50px; background: -webkit-linear-gradient(#5d82fd, #4da0f7);background: -o-linear-gradient(#5d82fd, #4da0f7);background: -moz-linear-gradient(#5d82fd, #4da0f7);background: linear-gradient(#5d82fd, #4da0f7);margin: 0 auto 20px;}
.zx_form p{float:left;color:#fff;font-size:20px;line-height: 60px;margin-right:15px;}
input{border-radius:4px;color:#555;width:120px; height:27px;line-height:26px;font-size:18px; margin-left:4px;}
select{border-radius:4px;color:#555;width:130px; height:26px;line-height:26px;font-size:18px;}
.zx_form .name input{width: 105px;}
.zx_form .name{margin-left:40px;}
.zx_form p.yzm{width: 80px;margin-right: 5px;}
.zx_form p.phone{margin-right: 10px;}
.zx_form p.fsxx{margin-right: 20px;}
.zx_form p.zx{margin-right: 0;}
.fs{width: 70px;font-size: 16px;cursor: pointer;}
.zx input{width: 100px;cursor: pointer;background-color:#fff000;color:#fe0101;}
*/
.nav-zixun{width:100%;overflow: hidden;margin:30px auto;}
.zx_form{width: 1000px;height:70px;border-radius: 20px; background: -webkit-linear-gradient(#5d82fd, #4da0f7);background: -o-linear-gradient(#5d82fd, #4da0f7);background: -moz-linear-gradient(#5d82fd, #4da0f7);background: linear-gradient(#5d82fd, #4da0f7);margin: 0 auto;}
.zx_form p{float:left;color:#fff;letter-spacing: 1px; line-height: 60px;margin-right:25px;margin-top:5px;}
.bkzx{font-size: 26px;font-weight: 600; letter-spacing: 2px; width:160px;height: 60px;line-height:60px;border-right: 1px solid #fff;text-align: center;margin-top:5px;}
.leixing{font-size:22px;}
input{border-radius:4px;color:#555;width:150px; height:32px;line-height:32px;font-size:18px; margin-left:4px;}
select{border-radius:4px;color:#555;width:200px; height:34px;line-height:34px;font-size:18px;}
.zx_form p.zx{margin-right: 0;}
.fs{width: 70px;font-size: 16px;cursor: pointer;}
.zx input{width: 100px;cursor: pointer;background-color:#fff000;color:#222;}
.zx_form p.zx{margin-top:7px;}
.zx_form p.zx_tips{font-size:18px;color: #f5f7ff;margin:5px 0 0 10px;}

::-webkit-input-placeholder{color: #ccc;font-size: 14px;line-height: 26px;}
::-moz-placeholder{color: #ccc;font-size: 14px;line-height: 26px;}
::-ms-input-placeholder{color: #ccc;font-size: 14px;line-height: 26px;}

/*报考咨询结束*/

/*考试分类开始*/
.nav-class{width: 100%;overflow: hidden;margin: 0 auto;}
.lb{width: 1000px;margin: 0 auto;overflow: hidden;}
.class_left{float:left;width:240px;overflow: hidden;padding:24px 0 10px;background-color: #6689ff;border-radius:10px;}
.class_title{width:240px;height: 30px;line-height: 30px;font-size:30px;text-align: center;color:#fff;}
.class_xx{width: 220px;height: 40px;line-height:40px;font-size: 16px;text-align: center;margin: 0 auto;overflow: hidden;color:#fff;}
.class_ulL{width:240px;overflow: hidden;}
.class_ulL li{width:100px;height: 30px;border-radius: 10px;background-color: #fff;float:left;margin:0 0 20px 13px;font-size: 18px;line-height: 30px;text-align: center;color:#666;cursor: pointer;}
.class_ulL li.current{background-color: #fff000;color:#fe0101;}
/*考试分类结束*/

/*导航*/
.class_right{float:right;width: 741px;padding-bottom:60px}
.class_ulR{width: 741px;height: 50px;background-color:#dae2ff; }
.class_ulR li{width: 247px;height: 50px;float:left;color:#002fcc;font-size: 24px;line-height: 50px;text-align: center;cursor: pointer;}
.class_ulR li a{color:#002fcc;text-decoration: none;display: inline-block;width: 247px;height: 50px;}
.class_ulR .li1{background-color: #002fcc;}
.class_ulR .li1 a{color:#fff;}
.class_ulR .li2{width:246px;border-right: 1px solid #5d84ff;}
.class_ulR li:hover{background: -webkit-linear-gradient(#ffc790, #fff000);background: -o-linear-gradient(#ffc790, #fff000);background: -moz-linear-gradient(#ffc790, #fff000);background: linear-gradient(#ffc790, #fff000);color:#002fcc;}
.class_ulR .li1 a:hover{color:#002fcc;}

/*搜索*/
.class_search{width:741px;height:45px;margin: 30px 0 20px;}
.class_search .con-title{width:741px;height:40px;border-bottom: 2px solid #6084fe;overflow: hidden;}
.class_search .con-title .title-left{float: left;height:34px;line-height: 34px;font-size:23px;color:#5c5c5c;}
.class_search .con-title .title-left span{height:34px;display: inline-block;padding:0 8px;color:#fff;margin-right: 5px;background: #6084fe;}
.class_search .con-title .title-right{float: right;height:32px;border:1px solid #dddddd;border-radius: 10px 0 0 10px;background: url("https://www.vintagefashionandbeauty.com/zt/rili/images/serach-bk.jpg") no-repeat 10px center;padding-left: 46px;}
.class_search .con-title .title-right input{height:19px;width:250px;color:#666;line-height: 19px;font-size:18px;outline: none;}
.class_search .con-title .title-right .submit{height:34px;width:53px;line-height: 34px;font-size:15px;color: #fff;border:none;background: #6084fe;margin-top:-1px;cursor: pointer;position:relative;right:-2px;}
.class_search .con-title span.showall{height:34px;width:88px;line-height: 34px;font-size:15px;color: #fff;border:none;background: #6084fe;margin-top:-1px;cursor: pointer;display:inline-block;float: right;text-align: center;padding:0 5px;border-radius: 5px;margin-left: 10px;}

/*表头开始*/
.class_table{width: 741px;margin-bottom: 50px;}
.table_title{width: 741px;height: 36px;background-color: #6084fe;position: relative;}
.table_title li{float:left;color:#fff;font-size:18px;line-height: 36px;text-align: center;position: relative;}
.table_title .li2{border-left: 1px solid #002fcc;border-right: 1px solid #002fcc;}
.table_title .li3{border-right: 1px solid #002fcc;}
.table_title .li1 ul{display:none;position: absolute;top:36px;left: 0px;width: 400px;background-color: #f3f6ff;overflow: hidden;cursor: pointer;padding:10px;z-index: 1;}
.table_title .li1 ul li{width: 80px;height: 36px;line-height: 36px;font-size: 16px;float:left;color:#555;overflow: hidden;}
.table_title .li1 ul li:hover{color:#002fcc;}
.table_title .li1{background:url("https://www.vintagefashionandbeauty.com/zt/rili/images/dot.png") no-repeat 90px center;text-align: center;}


/*表数据开始*/
.Atable{width: 741px;overflow: hidden;border:0; cellspacing:0; cellpadding:0;border-collapse: collapse;}
.Atable tr{text-align: center;border-bottom: 1px dashed #d8d8d8;height: 50px;font-size:16px;color:#666; overflow: hidden;}
.Atable td a{display: inline-block;height: 50px;width: 370px;overflow: hidden;line-height: 54px;color:#0e2983;}
.Atable tr:hover{font-size:18px;}
.Atable td a:hover{color:#9A0002;text-decoration: underline;font-size:18px;}


/*页码开始*/
.class_page{width: 741px;height: 32px;margin: 50px 0 30px 100px;}
.class_page p{width: 741px;height: 32px;font-size: 18px;line-height: 30px;text-align: center;}
.class_page p span{display: inline-block;padding:0 10px;margin:0 5px;border: 1px solid #ccc;float:left;color:#666;cursor: pointer;}
.class_page p span.current{color:#fff;background-color: #6084fe;}
.class_page p span:hover{color:#1741cb;}
.class_page p span.current:hover{color:#fff;}
/*页码结束*/

/* pc页脚适配样式*/
footer { width:100%;background-color: #263463; color:#fff;margin-top:50px;}
.footbox { color: #fff; font-size: 13px; text-align: center; line-height: 30px; padding-top: 30px; padding-bottom:30px; width: 1000px; margin: 0 auto; overflow: hidden; }
.footbox a { font-size: 13px; color: #fff; text-decoration:none; }
.footbox a:hover { text-decoration: underline; }

.footbox_m{display: none;}


@media (max-width: 1000px){ 
	
	
	/*考试分类开始*/
	.class_title{font-size:2rem;}
	.class_ulL li{font-size: 1.5rem;}

	/*表头开始*/
	.table_title{height: 4rem;}
	.table_title li{font-size:1.5rem;line-height:4rem;}
	.table_title .li1 ul li{font-size: 1.5rem;}

	/*表数据开始*/
	.Atable tr{font-size:1.8rem}
	.Atable tr:hover{font-size:1.8rem;}
	.Atable td a:hover{font-size:1.8rem;}

	.footbox{display: none;}
	.footbox_m{display: block;background-color: #121260;color:#fff;}
	.footbox_m { font-size: 36px; text-align: center; line-height: 42px; padding-top: 30px; padding-bottom: 20px; width:100%; margin: 0 auto 6rem; overflow: hidden; }
	.footbox_m a { font-size: 36px; color: #fff; text-decoration:none; }
	.footbox_m a:hover { text-decoration: underline; color:#FF3; }
}

