@charset "gb2312";
/* CSS Document */
/*
* Description: 中国建筑业协会产业互联网平台合作专题
* Update:      14/08/2023
* Author:      xuyongmei
*/
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
ul,ol{list-style: none;}
body{font-size: 16px; background: #f7f7f7;  color:#333;font-family: "PingFang SC", -apple-system, "Noto Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif !important;}
select,input,button{vertical-align: middle;font-size: 100%;border:0;}
fieldset,img{border: 0 none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;}
em,i,b{font-style: normal;}
a{ color:#fff; text-decoration: none;}
a:hover{text-decoration:none;}
.clear {clear: both;display: block;height: 0; visibility: hidden; font: 0/0 arial}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0}
.clearfix {*zoom: 1}
/* ---------------------------------分隔线--------------------------------- */
.autoin{margin:0 auto;width:1180px;font-family: "PingFang SC", -apple-system, "Noto Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif !important;}
img{display:block;}
.bz{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}


.autoin .btn{display:block;height: 64px;line-height: 64px;font-size:22px;color: #fff;text-align:center;letter-spacing:1px;background-color: #0041a1;border-radius: 32px;-webkit-border-radius: 32px;-moz-border-radius: 32px;-ms-border-radius: 32px;-o-border-radius: 32px;text-decoration: none;}
.autoin .btn:hover{opacity: 0.9;text-decoration: none;}

#header{display:block;width: 100%;height: 174px;}
#footer{background-color: #222;overflow:hidden;}

@media only screen and (max-width:1440px){
	#header{height: 164px;}
}
@media only screen and (max-width:1366px){
	#header{height: 144px;}
}

/* banner */
.banner{width:100%;height:506px;overflow: hidden;}
.ban_con{width: 100%;height: 100%;position: relative;overflow: hidden;}
.ban_li{width: 100%;overflow:hidden;}
.ban_lim{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-size: cover;background-position: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.banner1{background-image:url(../images/banner1.png);}

.banner .swiper-pagination{height: 20px;font-size: 0;bottom: 2px;z-index: 99;}
.banner .swiper-pagination-bullets .swiper-pagination-bullet{width: 14px;height: 14px;background-color: rgba(255,255,255,0.4);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;opacity: 1;margin: 0 6px;}
.banner .swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: rgba(255,255,255,1);}

.title,.til_p{text-align: center;overflow: hidden;letter-spacing: 1px;}
.title{height: 66px;line-height: 66px;font-size: 40px;color: #222;}
.til_p{height: 42px;line-height: 42px;font-size: 24px;color: #404040;}

/*领券购课*/
.lqu_wrap{padding: 55px 0 25px;}

.lqu_con{background-color:#fff;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;padding: 35px 40px 40px;margin: 20px auto 0;overflow: hidden;position: relative;}
.lqu_ul{display: -webkit-flex;
  display: flex; display: -webkit-flex;
  flex-direction: row;-webkit-flex-direction: row;
  flex-wrap: nowrap;-webkit-flex-wrap: nowrap;
  justify-content:space-around;-webkit-justify-content:space-around;
    align-items:center;-webkit-align-items:center;}
.lqu_ul li{flex: 1;width: auto;height: 160px;background-color: #c5201e;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;-ms-border-radius: 8px;-o-border-radius: 8px;margin: 0 10px;overflow: hidden;text-align: center;}
.lqu_con li p{height: 54px;line-height: 54px;font-size: 54px;color: #fff;font-family: "Impact";margin-top: 20px;}
.lqu_con li p i{display: inline-block;vertical-align: middle;font-size: 18px;margin-top: -33px;}
.lqu_con li span{display:block;height: 28px;line-height: 28px;font-size:18px;color: #fff;}
.lqu_a{display:block;width:112px;height: 30px;line-height: 30px;font-size:18px;color: #c5201e;background-color: #fff;border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;-ms-border-radius: 15px;-o-border-radius: 15px;margin: 6px auto 0;}
.lqu_a:hover{opacity: 0.9;}

.lqu_btn{width:226px;margin: 22px auto 0;}

/*领取成功提示*/
.pop1,.pop2{top:50%;left: 50%;z-index: 99;display: none;position: absolute;}
.pop1 {width: 258px;height: 80px;background: url(../images/pop1.png) no-repeat;margin: -57px 0 0 -180px;}
.pop2 {width: 258px;height: 112px;background: url(../images/pop2.png) no-repeat;margin: -73px 0 0 -185px;}


/*考试类别*/
.test_wrap{padding: 20px 0 30px;overflow: hidden;}

.test_con{background-color:#fff;border-radius: 16px;-webkit-border-radius: 16px;-moz-border-radius: 16px;-ms-border-radius: 160px;-o-border-radius: 16px;padding: 5px 0 55px;margin: 15px auto 0;overflow: hidden;}
.test_li{overflow: hidden;margin-top: 40px;}
.test_li span,.test_li a{float: left;height: 30px;line-height: 30px;}
.span1{width: 175px;font-size:20px;color:#404040;margin-left: 50px;}
.test_r{float: left;width: 955px;}
.test_li a{width: 191px;font-size: 16px;color: #9a9a9a;text-decoration: none;}
.test_li a:hover,.test_li a.cur{color: #c5201e;text-decoration: none;}

.test_b{margin-top: 10px;overflow: hidden;}
.test_bcon,.test_bin{display: none;}
.test_bm{margin-top: 25px;overflow: hidden;padding:0 50px;letter-spacing: 1px;}
.test_bm span{display: table;width: auto;height: 30px;line-height: 30px;font-size: 18px;color: #fff;text-align: center;background-color: #0041a1;border-radius: 0 15px 15px 0;-webkit-border-radius: 0 15px 15px 0;-moz-border-radius: 0 15px 15px 0;-ms-border-radius: 0 15px 15px 0;-o-border-radius: 0 15px 15px 0;overflow: hidden;padding: 0 20px 0 15px;}
.test_bm p{line-height: 28px;font-size: 14px;color: #222;margin-top: 8px;}

.test_btn{width:298px;margin: 25px auto 0;}

/*专属福利课程*/
.tao_wrap{padding: 30px 0;overflow: hidden;}
.title1{position: relative;}
.more_a{width:133px;height: 48px;line-height: 48px;font-size: 18px;color: #999;text-align:right;position:absolute;top: 8px;right:0;text-decoration: none;letter-spacing: 0;}
.more_a i{display: inline-block;vertical-align: middle;width: 16px;height: 16px;background: url(../images/i1.png) no-repeat;margin: -5px 0 0 2px;}
.more_a:hover{color: #0041a1;text-decoration: none;}
.more_a:hover i{background-image: url(../images/i2.png);}

.tao_cin,.tao_ul{display: none;}
.tao_ul{background-color:#fff;border-radius: 16px;-webkit-border-radius: 16px;-moz-border-radius: 16px;-ms-border-radius: 16px;-o-border-radius: 16px;padding: 45px 0 45px 42px;margin: 20px auto 0;overflow: hidden;}
.tao_ul li{float:left;width: 350px;height:384/@r;background: url(../images/tao_li.png) no-repeat;margin: 0 8px;overflow: hidden;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.tao_ul li:last-child{margin-bottom: 0;}
.tao_ul li a{display: block;}
.tao_ul li.cur{transform: translateY(-5px);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);-o-transform: translateY(-5px);}


.tao_t{height: 146px;overflow: hidden;}
.h4_01{width:100%;height: 40px;text-align:center;}
.h4_01 span{display: table;height: 40px;line-height: 40px;font-size: 18px;color:#fff;font-weight: bold;background-color:#dc3a3a;border-radius: 0 0 10px 10px;-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;-ms-border-radius: 0 0 10px 10px;-o-border-radius: 0 0 10px 10px;padding: 0 20px;margin: 0 auto;overflow: hidden;}
.h5_01{height: 42px;line-height: 42px;font-size: 26px;font-weight: bold;color: #333;text-align: center;overflow: hidden;margin-top: 12px;}
.tp1{height: 36px;line-height: 36px;font-size: 22px;color: #666;text-align: center;overflow: hidden;}

.tao_b{height: 238px;overflow: hidden;}
.tao_bp1{height: 171px;background: url(../images/tao_m.png) 24px top no-repeat;overflow: hidden;}
.tao_bp1 em{display: block;height: 30px;line-height: 30px;font-size: 20px;text-align: center;color: #f93e3c;overflow: hidden;letter-spacing: -1px;}
.i2{display: inline-block;vertical-align: middle;font-size:18px;letter-spacing: -5px;margin: -3px 2px 0 -2px;}
.em1{width: 74px;margin-left: 14px;}
.em2{width: 80px;margin: 2px 0 0 88px;}
.em3{width: 80px;margin: -7px 0 0 163px;}
.tao_bp1 .em4{width: 74px;color: #fff;margin: -15px 0 0 257px;}

.tao_bp2{width: 314px;height: 51px;line-height: 44px;font-size: 18px;font-weight: bold;color: #f3201d;text-align: center;background: url(../images/tao_b.png) no-repeat;margin: 0 auto;padding: 0 72px 0 5px;overflow: hidden;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;padding-top: 7px;}
.tao_bp2 i{font-size:20px;font-weight: normal;letter-spacing: -2px;margin: 0 2px 0 5px;}
.tao_bp2 em{display: inline-block;vertical-align: middle;font-size: 36px;font-family: "Impact";margin-top: -8px;}

/*老师风采*/
.teacher_wrap{padding: 30px 0 10px;overflow: hidden;}

.teacherCP{height: 330px;overflow: hidden;margin-top: 20px;}
.teacher_wrap .teacherC {width: 100%;height: 330px;overflow: hidden;position: relative;}

.teacher_wrap ul li {width: 236px;padding-bottom: 26px;float: left;}
.teacher_wrap ul li div {width: 236px;height: 274px;overflow: hidden;-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.teacher_wrap ul li div img {width: 236px;height: 274px;-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.teacher_wrap ul li div:hover img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.teacher_wrap ul li p {text-align: center;padding: 14px 0 14px;line-height: 1;}
.teacher_wrap ul li p span {font-size: 16px;color: #191921;margin-right: 10px;}
.teacher_wrap ul li p b {font-weight: 400;font-size: 12px;color: #9598a2;}
.teacher_wrap ul li p:hover b,.teacher_wrap ul li p:hover span {color: #649cf0;}

.teacherCP .swiper-button-prev,.teacherCP .swiper-button-next{width: 40px;height: 40px;color: transparent;background-image: url(../images/sprite.png);top: 117px;display: none;}
.teacherCP .swiper-button-prev{background-position: 0 0;left:0;}
.teacherCP .swiper-button-next{background-position: -50px 0;right: 0;}
.teacher_wrap .teacherCP:hover .swiper-button-prev,.teacher_wrap .teacherCP:hover .swiper-button-next {display: block;}
.teacherCP .swiper-button-prev:hover{background-position: 0 -50px;}
.teacherCP .swiper-button-next:hover{background-position: -50px -50px;}

/*考试用书*/
.tbook_wrap{padding: 20px 0 40px;overflow: hidden;}
.tbook_wrap .more_a{width: 172px;}


.book-body {background: #fff;margin-top: 20px;overflow: hidden;}
.book-body .book-items {padding: 40px 20px;margin: 0 20px;width: 1100px;height: 275px;overflow: hidden;}
.book-body ul li {float: left;width: 200px;margin: 20px;}
.book-body ul li img {margin: 1px 30px 20px 30px;}
.book-body ul li .bookname {width: 200px;line-height: 22px;font-size:16px;text-align: center;}
.price-wrap {font-size:18px;text-align: center;margin-bottom: 20px;}
.book-body ul li .new-price {color: #f54030;}
.book-body ul li .old-price {color: #ccc;text-decoration: line-through;margin-left: 12px;}

/*ICP备案*/
.copy_wrap{width:100%;background-color: #222;padding: 30px 0;margin-top: -1px;}
.copy_wrap .copyRight{border-top: 1px solid #404040;padding-top: 25px;}
.copy_wrap .fl{float: left;line-height: 20px;font-size: 14px;color: #fff;font-weight: bold;}
.copy_wrap .fr{float: right;}
.copy_wrap .copyRight .share a{display:inline-block;border-radius:50%;border:1px solid #ccc;padding:2px;width:14px;height:14px;}