@charset "utf-8";
body{ background: #fff9e9;}
/* -----------------------------------------------------------------------------投票页面----------------------------------------------------------------------------------- */
.tpbgbox{ width: 100%; clear: both; overflow: hidden; padding-bottom: 70px; background: url(whgbg.png) 0 bottom/100% no-repeat; height: auto;}
/* 产品类别 */
.cplb{ width: 1200px; height: auto; text-align: center; overflow: hidden; clear: both; margin: 40px auto 0;}
.cplb .cplb_mainbox{ display:inline-block; text-decoration: none; width: 270px; height: 237px; margin-left: 40px; cursor: pointer; position: relative; overflow: hidden;}
.cplb .cplb_mainbox:nth-child(1){ margin-left: 0;}
.cplb_mainbox .cplb_2023{ position: absolute; left: 10px; top: 10px; z-index: 8; overflow: hidden; width: 70px; height: 45px;}
.cplb_mainbox .cplb_2023 p{ margin: 0; width: 70px; overflow: hidden; color: #fff; text-align: center; font-size: 25px; letter-spacing: 1px; height: 25px; line-height: 25px;}
.cplb_mainbox .cplb_2023 span{ width: 70px; display: block; overflow: hidden; text-align: center; font-size: 15px; color: #fff; height: 20px; line-height: 20px;}
.cplb_mainbox .cplb_box1_img{ width: 114px; height: 117px; overflow: hidden; margin: 50px auto 0; background-repeat: no-repeat;}
.cplb_mainbox .cplb_box1_t2{ width: 270px; height: 50px; line-height: 50px; font-family: 宋体; letter-spacing: 1px; text-align: center; background-color: rgba(0,0,0,.2); font-size: 21px; color: #fff; margin-top: 20px; font-weight: bold; overflow: hidden;}
/* 产品楼层 */
.louc{ width: 1280px; height: auto; overflow: hidden; margin: 0px auto 0; clear: both;}
.louc .louc_bt{ width: 1280px; height: 60px; margin: 40px 0 10px; overflow: hidden;}
.louc .louc_bt span{ width: 240px; height: 60px; overflow: hidden; margin: 0 auto; font-size: 24px; font-weight: bold; letter-spacing: 2px; text-align: center; line-height: 60px; border-radius: 16px; color: #fff; background-color: #2a3f6a; display: block;}
.louc .louc_more{ width: 1280px; height: 50px; text-align: center; margin-top: 20px; overflow: hidden;}
.louc .louc_more a{ width: 100px; height: 50px; text-decoration: none; line-height: 50px; font-size: 20px; font-weight: bold; color: #ff4f09; overflow: hidden;}


.tp_chanpin_cont{ width: 1280px; height: auto; overflow: hidden;}
.tp_chanpin_cont .tp_chanpin_cont_box{ float: left; padding: 30px 0 35px; margin-top: 30px; background-color: #fff;backdrop-filter: blur(5px); width: 270px; height: auto; margin-left: 40px; overflow: hidden; position: relative;}
.tp_chanpin_cont .tp_chanpin_cont_box a{ display: block; width: 178px; height: 178px; text-align: center; line-height: 178px; border: 1px solid #eaeaea; margin: 0 auto; border-radius: 100%; overflow: hidden;}
.tp_chanpin_cont .tp_chanpin_cont_box a img{ max-width: 178px; max-height: 178px; vertical-align: middle; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s;}

.tp_chanpin_cont .tp_chanpin_cont_box .tp_chanpin_cont_gongs{ width: 268px; height: 25px; line-height: 25px; font-size: 18px; margin-top: 15px; color: #333; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tp_chanpin_cont .tp_chanpin_cont_box .tp_chanpin_cont_name{ width: 268px; height: 25px; line-height: 25px; font-size: 18px; text-align: center; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tp_chanpin_cont .tp_chanpin_cont_box .tp_chanpin_cont_piaos{ width: 268px; height: 25px; line-height: 25px; font-size: 18px; text-align: center; font-weight: bold; overflow: hidden; color: #ff4f09;}
.tp_chanpin_cont .tp_chanpin_cont_box input{ width: 130px; height: 35px; line-height: 35px; outline: none; cursor: pointer; border: none; font-size: 20px; letter-spacing: 2px; border-radius: 30px; margin: 13px auto 0; display: block; background-color: #2a3f6a; color: #fff;}
.tp_chanpin_cont .tp_chanpin_cont_box .abs_nub{ width: 90px; height: 30px; line-height: 30px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; overflow: hidden; text-align: center; position: absolute; background-color: #2a3f6a; top: 0; left: 0; color: #fff;}
.tp_chanpin_cont .tp_chanpin_cont_box a:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}

/* -----------------------------------------------------------------------------报名页面----------------------------------------------------------------------------------- */
/* banner */
.bm_banner{ clear: both; width: 100%; min-width: 1200px; height: auto; overflow: hidden;}
.bm_banner img{ width: 100%; display: block; height: auto;}

.bmbgbox{ width: 100%; clear: both; overflow: hidden; padding-bottom: 50px; background: url(whgbg.png) 0 bottom/100% no-repeat; height: auto;}
.bmyq{ width: 1200px; height: auto; overflow: hidden; margin: 40px auto 0;}
.pxhd_bt{ width: 1200px; height: 60px; overflow: hidden; margin-top: 40px;}
.pxhd_bt span{ width: 200px; height: 60px; overflow: hidden; margin: 0 auto; font-size: 24px; font-weight: bold; letter-spacing: 2px; text-align: center; line-height: 60px; border-radius: 16px; color: #fff; background-color: #2a3f6a; display: block;}
.bmyq_main{ width: 900px; height: auto; margin: 50px auto 0; border-bottom: 28px solid #2a3f6a; padding-bottom: 10px; box-shadow: 4px 4px 5px rgba(0,0,0,.2); background-color: #fff; overflow: hidden;}
.bmyq_main .bmyq_maintxt_t1{ width: 900px; height: 40px; margin-top: 20px; line-height: 40px; color: #f19b14; overflow: hidden; font-size: 28px; font-weight: bold; text-align: center;}
.bmyq_main .bmyq_maintxt_t1 span{ color: #8a8a8a;}
.bmyq_main .bmyq_maintxt_t2{ width: 900px; height: 40px; line-height: 40px; font-weight: bold; font-size: 28px; margin-top: 10px; color: #8a8a8a; overflow: hidden; text-align: center;}
.bmyq_main p{ width: 900px; height: auto; margin: 30px 0 0; font-size: 20px; line-height: 38px; color: #888; overflow: hidden; text-align: center;}
/* 参选报名 */
.cxbm{ width: 1200px; height: auto; margin: 60px auto 0; clear: both; overflow: hidden;}
.baomb{ display: none; clear: both; width: 1220px; height: auto; overflow: hidden; margin: 50px auto;}
.baomb .baomb_inp{ width: 588px; height: 48px; overflow: hidden; border: 1px solid #2a3f6a; margin: 0 10px 30px; border-radius: 15px; background-color: #fff; float: left;}
.baomb .baomb_inp div{ width: 55px; height: 48px; text-align: center; background-color: #2a3f6a; line-height: 45px; float: left; overflow: hidden;}
.baomb .baomb_inp div img{ width: 22px; vertical-align: middle;}
.baomb .baomb_inp input{ width: 513px; height: 48px; line-height: 48px; color: #666; outline: none; font-size: 16px; padding: 0 10px; border: none; overflow: hidden;}
.baomb .baomb_telbox{ width: 590px; height: 50px; float: left; overflow: hidden; margin: 0 10px 30px;}
.baomb .baomb_telbox .baomb_tel{ float: left; width: 438px; height: 48px; border: 1px solid #2a3f6a; overflow: hidden; background-color: #fff; border-radius: 15px;}
.baomb .baomb_telbox .baomb_tel div{ width: 55px; height: 48px; text-align: center; background-color: #2a3f6a; line-height: 45px; float: left; overflow: hidden;}
.baomb .baomb_telbox .baomb_tel div img{ width: 22px; vertical-align: middle;}
.baomb .baomb_telbox .baomb_tel input{ width: 363px; height: 48px; color: #666; outline: none; font-size: 16px; padding: 0 10px; border: none; overflow: hidden;}
.baomb .baomb_telbox .baomb_fas{ float: left; width: 130px; height: 50px; line-height: 50px; margin-left: 20px; cursor: pointer; background-color: #ec0000; text-align: center; border-radius: 10px; color: #fff; overflow: hidden;}
.baomb .baomb_sele{ width: 588px; height: 48px; overflow: hidden; border: 1px solid #2a3f6a; margin: 0 10px 30px; border-radius: 15px; background-color: #fff; float: left;}
.baomb .baomb_sele div{ width: 55px; height: 48px; text-align: center; background-color: #2a3f6a; line-height: 45px; float: left; overflow: hidden;}
.baomb .baomb_sele div img{ width: 22px; vertical-align: middle;}
.baomb .baomb_sele select{ width: 520px; height: 48px; line-height: 48px; color: #666; outline: none; font-size: 16px; padding: 0 10px; border: none; overflow: hidden;}
.baomb .baomb_yzm{ width: 400px; height: 48px; overflow: hidden; border: 1px solid #2a3f6a; background-color: #fff; margin: 0 10px 30px; border-radius: 15px; float: left;}
.baomb .baomb_yzm div{ width: 55px; height: 48px; text-align: center; background-color: #2a3f6a; line-height: 45px; float: left; overflow: hidden;}
.baomb .baomb_yzm div img{ width: 22px; vertical-align: middle;}
.baomb .baomb_yzm input{ width: 325px; height: 48px; line-height: 48px; color: #666; outline: none; font-size: 16px; padding: 0 10px; border: none; overflow: hidden;}
.baomb .baomb_file{ clear: both; width: 300px; height: 150px; margin: 0 20px 20px 10px; line-height: 146px; text-align: center; overflow: hidden; position: relative;}
.baomb .baomb_file input{ position: absolute; top: 0; left: 0; width: 300px; height: 150px; opacity: 0; filter: alpha(opacity=0); outline: none; z-index: 2;}
.baomb .baomb_file img{ max-width: 300px; max-height: 150px; vertical-align: middle;}
.baomb .baomb_sub{ clear: both; width: 1240px; height: auto; text-align: center; overflow: hidden;}
.baomb .baomb_sub input{ width: 220px; height: 60px; border: none; font-weight: bold; cursor: pointer; outline: none; font-size: 22px; margin-top: 30px; border-radius: 10px; color: #fff; text-align: center; background-color: #f19b14;}