@charset "UTF-8";
/* CSS Document */
body,ul,li,p,h1,h2,h3,h4,h5,h6,form,table,th,td,img,div,dl,dt,dd,input,select{margin:0;padding:0; border:none; box-sizing:border-box;}
body{font:14px "Microsoft Yahei", arial,"Hiragino Sans GB",Tahoma,Arial,Helvetica,STHeiti; color: #333;background:#fff; overflow-x:hidden; width:100%; min-width: 1200px;}
iframe{ display: block; border: none;}
ul,li{ list-style:none; }
em{font-style: normal;}
img{vertical-align: middle; max-width:100%;}
table{border-collapse:collapse; border-spacing:0;}
a{ cursor:pointer; text-decoration: none;}
button,input,select{border:none; background:none; appearance:none; -moz-appearance:none; -webkit-appearance:none; outline: none;}
.width{width:1200px; margin:0 auto;}
.Mover{ transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; cursor: pointer;}
.Mover:hover{ transform:translate(0,-5px);-webkit-transform:translate(0,-5px);-moz-transform:translate(0,-5px); -o-transform:translate(0,-5px);-ms-transform:translate(0,-5px);}
input::placeholder{ color:#999;}
.mt-30{ margin-top:30px;}
.mt-50{ margin-top:50px;}
.mt-80{ margin-top:80px;}

/*top*/
.top{ width:100%; height:50px; background:#fff; }
.top_wrap{ display: flex; justify-content: space-between; align-items: center;}
.top_wrap .top_l{ display: flex; align-items: center;}
.top li{ line-height:50px; height:50px; font-size:16px; color:#333; padding:0 4px; text-align:center;}
.top li a{padding-right:8px; color:#333;}
.top li a:hover{color:#eb2424;}
.top li a img{ max-width:120px;}

/*标题*/
.title{text-align: center;}
.title h3{ display: inline-block; font-size: 40px; height:70px; line-height:70px; position: relative;}
.title h3::before{ content: ""; position: absolute; width:81px; height:31px; background: url("../img/title_l.png") no-repeat center bottom; left: -35px; bottom:0px;}
.title h3::after{ content: ""; position: absolute; width:143px; height:32px; background: url("../img/title_r.png") no-repeat center bottom; right: -35px; bottom:0px;}
.title h3 span{ color: #eb2424;}
.title p{ font-size:16px; color: #666; margin-top: 20px; line-height: 30px; }
.title1 h3{ color: #fff;}
.title1 h3 span{ color: #fffc00;}

/*banner*/
.banner{ width: 100%;height: 625px; background: url("../img/banner.jpg?v=0513") no-repeat center top;}
.banner h1{ color: #fff; font-size: 0px;}

/*学习资料领取*/
.zxlq{ background: #fff; border-radius: 10px; box-shadow: 0 0 10px #e4372e; display: flex; justify-content: space-between; align-items: center; padding: 30px 50px; margin-top: -50px; }
.zxlq_l{ display: flex; flex-direction: column; align-items: center;}
.zxlq_l p { font-size: 26px; color: #e4372e; margin-bottom:10px; font-weight: bolder;}
.zxlq_l>div{ width: 174px; height: 40px; background: url("../img/zxlq_l.png?v=0815") no-repeat center; font-size: 20px; line-height: 40px; padding-left: 20px; color: #fff;}
.zxlq form{width:80%;}
.zxlq form ul{ display: flex; justify-content: space-between; align-items: center; border-radius: 50px; height: 66px; border: 1px solid #e6443c; padding-left: 20px;}
.zxlq form ul li{ display: flex; justify-content: space-between; align-items: center; height: 64px;}
.zxlq form ul li:not(:nth-child(3)){width: calc((100% - 230px)/2);}
.zxlq form ul li:nth-child(3){ width: 230px;}
.zxlq form ul li span{ width: 60px; text-align: center; border-right: 2px solid #ccc;}
.zxlq form ul li input{ flex: 1; font-size: 15px; color: #333; height: 64px; padding-left:15px;}
.zxlq form ul li input#refer{ background: url("../img/plane.png") no-repeat 20% center, linear-gradient(to bottom,#f45b4e, #e4372e ); border-radius: 0 50px 50px 0px; color: #fff; font-size: 18px; cursor: pointer; font-weight: bolder;}

/*咨询*/
.zx_wrap{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.zixun{ width:216px; background:#fff; border: 1px solid #ff568a; border-radius:8px; margin-bottom:30px; padding:30px 10px 25px; text-align: center; box-shadow: 0 0 10px #ffa391, 0 -4px 0 #ff568a;}
.zixun:nth-child(5n+2){ border: 1px solid #7e4fff; box-shadow:0 0 10px #ffa391,0 -4px 0 #7e4fff;}
.zixun:nth-child(5n+3){ border: 1px solid #ff6756; box-shadow:0 0 10px #ffa391,0 -4px 0 #ff6756;}
.zixun:nth-child(5n+4){ border: 1px solid #00d2d8; box-shadow:0 0 10px #ffa391,0 -4px 0 #00d2d8;}
.zixun:nth-child(5n){ border: 1px solid #ff8401; margin-right: 0px; box-shadow:0 0 10px #ffa391,0 -4px 0 #ff8401;}
.zixun .t{ display: inline-block; font-size:20px; color:#b00900; line-height: 30px; margin-bottom: 15px; font-weight: bold; background: linear-gradient(to bottom, #fff 50%, #ffe881);  padding: 0 10px;}
.zixun:nth-child(5n+2) .t{ color:#632bff; }
.zixun:nth-child(5n+3) .t{ color:#ff351e; }
.zixun:nth-child(5n+4) .t{ color:#00c1c7; }
.zixun:nth-child(5n) .t{ color:#ea7800; }
.zixun .img_wrap{ display:table-cell; width:210px; height:80px; vertical-align:middle; }
.zixun .con{font-size: 15px;color: #333; line-height:30px; margin-top: 5px;}

/*省考报考条件审核通道*/
.check_box{ background:#fff; border-radius: 8px; border: 1px solid #ff3a25; box-shadow: 0 0 10px #ffa391;}
.check_box ul{ margin:0 auto; padding: 40px 40px 10px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.check_box ul li{ width:350px; height:64px; border-radius: 6px; margin-bottom: 30px; border: 1px solid #ff7260; padding-left:10px; display: flex; align-items: center;}
.check_box ul li:nth-child(6){ padding-left:0; border:none;}
.check_box ul span{ width:48px; text-align:center; }
.check_box ul input{ flex: 1; padding-left:5px; font-size:17px; line-height:62px; color:#666; }
.check_box #chaxun{width:350px; height:64px;line-height:64px; text-align:center; color:#fff; letter-spacing: 2px; border-radius: 6px; font-size:20px; background:linear-gradient(to right,#ff6a56,#fd4153); cursor:pointer; padding-left: 0; font-weight: bold;}

/*省考常见问题解答资料领取*/
.question_con{width:100%; height: 476px; background: url("../img/question_bg.png") no-repeat center top; padding:40px 0px 0px 40px; display: flex;}
.question_list{ width:430px;padding-right: 40px; padding-top: 40px; }
.question_tit h4{font-size:20px; line-height:20px; border-left: 4px solid #ff5348; padding-left: 10px;}
.question_tit b{display: block; margin-top: 15px; width:100%; height: 1px; background: #dfdfdf;}
.question_list ul{ margin-top:25px; display: flex; flex-direction: column; }
.question_list ul li{width: 100%; margin-bottom:12px; border-bottom: 1px dashed #ff7b6d; padding-bottom: 10px; cursor: pointer; display: flex; justify-content: space-between; }
.question_list ul li p{ flex: 1; line-height:34px; font-size: 16px; overflow: hidden; white-space: nowrap; background: url("../img/icon11.png") no-repeat left center; padding-left:25px; }
.question_list ul li span{ width:110px; height:34px; line-height:32px; border:1px solid #ff3636; color: #ff3636; border-radius:30px; text-align: center; font-size:16px; }
.question_r{width: 292px; text-align: center; }
.question_r .images{width: 184px; margin: 15px auto 40px;}
.question_r h4{font-size:22px; color: #fff;}
.question_r p{margin-top: 10px; font-size: 16px; color: #fff;}
.question_r span{display:block; width:75%; height:40px; line-height:40px; background:#fff; font-size:16px; font-weight:bolder; color:#ff3636; border-radius:20px; margin:20px auto 0px;}

/*报考流程*/
.flow{ width:100%; height: 490px; background: url("../img/flow_bg.png?v=0815") no-repeat center top; padding-top:30px;}
.flow_box{ position: relative;}
.flow_box .dl{position:absolute;text-align:left;cursor: pointer; padding-top: 20px; }
.flow_box .dl h4{font-size:20px;color:#fff;font-weight: bold;line-height:26px;padding-bottom:6px;}
.flow_box .dl b{ display:block; width: 20px; height: 2px; background: #fff; margin-bottom: 4px;}
.flow_box .dl p{font-size:16px;color: #fff;padding-bottom: 10px;}
.flow_box .dl span{ display:block; width:122px; height:34px; text-align:center; background:#f9eea4; font-weight: bold; color:#cf0000; line-height:34px; border-radius:60px; font-size:14px;}
.flow_box .dl span:hover{ background:#cf0000; color:#fff;}
.flow_box .dl01 {left:65px; top:150px;}
.flow_box .dl02 {left:258px; top:40px;}
.flow_box .dl03 {left:470px; top:170px;}
.flow_box .dl04 {left:660px; top:25px;}
.flow_box .dl05 {left:860px; top:140px;}
.flow_box .dl06 {left:1065px; top:40px;}

/*考情咨询入口*/
.zxrk_box{ background: url("../img/zxrk.png") no-repeat center top; height: 490px; display: flex; justify-content: space-between; background-size:contain;  }
.zxrk_left{ width:48%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding:20px 35px 40px;}
.zxrk_left li{ width:28%; line-height:50px; text-align: center; color: #fff; border-radius:12px; border: 1px solid #fff; font-weight: bolder; font-size: 20px;}
.zxrk_left li:first-child{ margin-right:50%;}
.ggyy_right{flex: 1; padding: 90px 35px 0px;}
.ggyy_right h4{ font-size: 30px; color: #ff3636; text-align: center; line-height: 60px; margin-bottom: 15px;}
.ggyy_right ul{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.ggyy_right ul li{ width: 48%; display: flex; align-items: center; }
.ggyy_right ul li input{ flex: 1; height: 50px; border: 1px #f4a79f solid; border-radius:8px; font-size: 16px; color: #333; padding-left: 20px; margin-bottom:25px;  }
.ggyy_right ul li input#button01{  border: none; background:linear-gradient(to right, #ff6a56, #fd4153); color: #fff; padding-left: 0px; font-size: 18px; font-weight: bolder;}
.ggyy_right p{ font-size: 16px; line-height: 30px; color: #222; margin-bottom:20px; }
.ggyy_right .jlq{ background:linear-gradient(to right, #ff6a56, #fd4153); height: 50px; line-height: 50px; text-align: center; border-radius: 8px; }
.ggyy_right .jlq a{ color: #fff; font-size: 18px; font-weight: bolder;}

/*地市备考咨询及历年考情*/
.city{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.city li{ width:9%; line-height: 50px; background: #fff; border: 1px solid #f29b76; border-radius: 6px; box-shadow: 0 0 6px #ffa391; font-size: 17px; color: #333; text-align: center; margin-bottom: 20px;}
.city li:not(:nth-child(9n)){ margin-right: calc(19% / 8);}
.city li:hover{ background: #fe5a55; color: #fff; cursor: pointer;}
.table_con table{ margin:10px auto 0; background:#fff; width: 100%; text-align: center; border: 1px solid #f29b76; box-shadow: 0 0 6px #ffa391; }
.table_con table th{ background: linear-gradient( to right,#ff6756,#fe4c54); height: 60px; font-size: 18px; color: #fff; box-shadow: 0 5px 10px rgba(254,74,83,0.4);}
.table_con table td{ padding:10px 5px; line-height: 30px; border-bottom:1px solid #f29b76; font-size:15px; }
.table_con table td a{ color:#fd4153;}

/*考试科目*/
.xc, .sl{ display: flex; align-items: center;}
.kq h4{ width:200px; font-size:20px; line-height: 54px; color: #555;}
.kq ul{ display: flex;}
.kq ul li{ padding: 15px 30px; margin-right: 40px; font-size:17px; border: 1px solid #f29b76; border-radius:6px; background: #fff; box-shadow: 0 0 6px #ffa391; }
.kq ul li.on, .kq ul li:hover{ background: #fe5a55; color: #fff; cursor: pointer;}