@charset "utf-8";
/* CSS Document */

.wrap{ width:100%; min-width:1220px; overflow:hidden; position:relative; margin:0 auto; background:#f7f7f7;}
.clear{ width:100%; height:0; clear:both;}

/*头赢彩计划*/
.header{ padding:7px 0; background:#fff; box-shadow:rgba(0,0,0,0.1) 0 2px 8px; position:relative; z-index:9999;}
.head{ width:1200px; height:80px; margin:0 auto;}
.header h1.logo{ display:block; float:left;}
.header h1.logo a{ display:block; width:378px; height:80px; background:url(/style/images/common/logo.png) left center no-repeat; text-indent:-9999em;}
ul.nav{ padding:3px 0 0; height:66px; float:right;}
ul.nav li{ display:block; height:74px; float:left; text-align:center; position:relative; margin-left:-6px;}
ul.nav li a{ display:block; width:108px; line-height:32px; color:#333; font-size:16px; font-weight:bold; padding:10px 0;}
ul.nav li a span{ display:block; line-height:22px; color:#666; font-size:12px; font-weight:normal;}
ul.nav li a:hover,
ul.nav li.on a{ color:#fff; background:#0d6fb8; box-shadow:rgba(0,0,0,0.38) 0 0 5px;}
ul.nav li a:hover span,
ul.nav li.on a span{ color:#fff;}
ul.nav li p.sub{ display:none; width:125px; background:#0d6fb8; padding:8px 0 2px; box-shadow:rgba(0,0,0,0.38) 0 0 5px; position:absolute; left:50%; margin-left:-54px; top:73px;}
ul.nav li p.sub::before{ content:''; display:block; width:100%; height:5px; background:#0d6fb8; position:absolute; left:0; top:-5px;}
ul.nav li p.sub a{ width:auto; height:32px; line-height:32px; color:#fff; font-size:14px; font-weight:normal; padding:0 4px; border:1px solid #0d6fb8; border-width:3px 0; box-shadow:none;}
ul.nav li p.sub a:hover{ color:#0d6fb8; background:#fff;}

/*banner*/
.banner{ height:320px; height:400px;}

/*底赢彩计划*/
.footer{ background:#212121; height:100px; line-height:25px;}
.foot{ width:1200px; margin:0 auto;}
.footer .left{ color:#999; font-size:12px; float:left; margin-top:25px;}
.footer .right{ text-align:right; color:#999; font-size:12px; float:right; margin-top:25px;}


/*漂浮报名入口*/
.piaofu{ width:123px; border-radius:48px; height:255px; padding:10px; position:fixed; top:30%; z-index:99; background:#0d6fb8; right:0;}
.piaofu ul{ display:block; width:120px; height:auto; border:2px solid #bd9249; border-radius:40px; padding:8px 0;}
.piaofu ul li{ width:90%; height:46px; text-align:center; font-size:14px; line-height:46px; border-bottom:1px dotted #065c9d; margin-left:5%;}
.piaofu ul li a{color:#fff;}
.piaofu ul li a:hover{ text-decoration:underline; color:#bd9249;}
.piaofu ul li:last-child{ border-bottom:none;}



.main{ width:1200px; position:relative; margin:0 auto;}

.leftCon{ width:300px; float:left; margin:-30px 54px 0 0; box-shadow:rgba(0,0,0,0.08) 0 2px 18px;}
.leftCon h2{ display:block; font-weight:normal; background:#0d6fb8 url(../images/common/left_title_bg.png) right center no-repeat; position:relative;}
.leftCon h2 em{ display:block; width:100%; height:100%; background:url(/style/images/common/left_title_mark.png) left center no-repeat; position:absolute; left:-10px; top:0; z-index:1;}
.leftCon h2 span{ display:block; line-height:24px; color:#fff; font-size:18px; padding:21px 28px; position:relative; z-index:2;}
.leftCon h2 span font{ display:block; line-height:18px; font-size:12px;}
.leftCon ul.list{ display:block; background:#fff;}
.leftCon ul.list li{ display:block; border-top:1px solid #e5e5e5;}
.leftCon ul.list li:first-child{ border-top:0;}
.leftCon ul.list li a{ display:block; line-height:54px; line-height:54px; color:#333; font-size:14px; background:url(/style/images/common/left_list_bg.png) right center no-repeat;}
.leftCon ul.list li a span{ display:block; background:url(/style/images/common/left_list_mark.png) left center no-repeat; padding:0 60px 0 36px;}
.leftCon ul.list li a:hover,
.leftCon ul.list li.cur a{ color:#fff; background-color:#ba8e42; background-image:url(/style/images/common/left_list_cur.png);}

.rightCon{ min-height:480px; overflow:hidden;}
.main p.location{ display:block; line-height:88px; color:#333; font-size:14px; text-align:right; border-bottom:1px solid #d2d2d2; padding:4px 0 0;}
.main p.location strong{ display:block; font-size:24px; font-weight:normal; float:left;}
.main p.location a{ color:#fff; background:#0d6fb8; padding:3px 9px; border-radius:13px;}
.main .attr{ padding:10px 0 28px;}
.main h3.title{ display:block; line-height:34px; color:#333; font-size:24px; font-weight:normal; text-align:center; padding:26px 0 10px;}
.main p.mark{ display:block; height:39px; line-height:39px; color:#808080; font-size:12px; text-align:center; padding:2px 0 18px; border-bottom:1px solid #e4e4e4;}
.main .article{ line-height:2em; color:#333; font-size:14px; padding:20px;}
.main .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .article *{ *line-height:2em; *color:#333; *font-size:14px;}

/*文章切换*/
.main .change{ border-top:1px solid #e4e4e4; margin:8px 0 0; overflow:hidden; padding:18px 20px 6px;}
.main .change p{ display:block; height:28px; line-height:28px; color:#333; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main .change p a{ color:#333;}
.main .change p a:hover{ color:#0d6fb8; text-decoration:underline;}

/*页码样式*/
.pages{ text-align:right; font-size:14px; padding:36px 4px 24px;}
.pages a{ display:inline-block; *display:inline; *zoom:1; min-width:10px; color:#fff; height:24px; line-height:24px; text-align:center; background:#ba8e42; padding:2px 9px; margin:0 4px; border:1px solid #ba8e42;}
.pages a:active,
.pages a:hover{ background:#0d6fb8; border-color:#0d6fb8;}
.pages span{ display:inline-block; *display:inline; *zoom:1; min-width:10px; color:#fff; height:24px; line-height:24px; text-align:center; background:#ba8e42; padding:2px 9px; margin:0 4px; border:1px solid #ba8e42;}
.pages span.current{ background:#0d6fb8; border-color:#0d6fb8; cursor:pointer;}
.pages span.disabled{ cursor:default;}

.main ul.newsList{ display:block; overflow:hidden; padding:14px 0 0;}
.main ul.newsList li{ display:block; padding:11px; overflow:hidden; margin:0 0 18px;}
.main ul.newsList li:hover{ background:#eeeeee;}
.main ul.newsList li span{ display:block; width:94px; height:94px; line-height:20px; color:#808080; font-size:12px; text-align:center; background:#fff; border-radius:5px; float:left; margin-right:26px;}
.main ul.newsList li span em{ display:block; line-height:44px; color:#0d6fb8; font-size:40px; font-weight:bold; padding:16px 0 0;}
.main ul.newsList li a.title{ display:block; line-height:30px; color:#333; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:8px 0 0;}
.main ul.newsList li:hover a.title{ color:#0d6fb8;}
.main ul.newsList li .txt{ line-height:26px; color:#666; font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.newsList li a.more{ display:block; line-height:24px; color:#ba8e42; font-size:12px; margin:6px 0 0; float:left;}
.main ul.newsList li a.more:hover{ text-decoration:underline;}

/*
.main ul.picList{ display:block; overflow:hidden; margin:8px -13px 0;}
.main ul.picList li{ display:block; width:410px; padding:14px 13px 12px; overflow:hidden; float:left;}
.main ul.picList li a.pic{ display:block;}
.main ul.picList li a.pic img{ display:block; width:410px; height:272px;}
.main ul.picList li a.title{ display:block; line-height:32px; color:#333; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:10px 0 0;}
.main ul.picList li a.title:hover{ color:#0d6fb8;}
.main ul.picList li .txt{ line-height:28px; color:#808080; font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
*/

.main ul.picList{ display:block; overflow:hidden; margin:8px 0 0;}
.main ul.picList li{ display:block; padding:11px; overflow:hidden; margin:0 0 18px;}
.main ul.picList li:hover{ background:#eee;}
.main ul.picList li a.pic{ display:block; float:left; margin-right:22px;}
.main ul.picList li a.pic img{ display:block; width:154px; height:102px;}
.main ul.picList li a.title{ display:block; line-height:26px; color:#333; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.picList li a.title:hover,
.main ul.picList li:hover a.title{ color:#0d6fb8;}
.main ul.picList li span.date{ display:block; line-height:28px; color:#c4c4c4; font-size:14px; overflow:hidden; background:url(/style/images/common/date.png) left center no-repeat; padding:0 18px;}
.main ul.picList li .txt{ height:48px; line-height:24px; color:#666; font-size:14px; overflow:hidden;}
.main ul.picList li a.more{ display:block; line-height:24px; color:#ba8e42; font-size:12px; overflow:hidden; float:right; margin:2px 0 0;}
.main ul.picList li a.more:hover{ text-decoration:underline;}

.main ul.videoList{ display:block; overflow:hidden; margin:16px -13px 0;}
.main ul.videoList li{ display:block; width:410px; padding:4px 13px 0; overflow:hidden; float:left;}
.main ul.videoList li a.pic{ display:block; box-shadow:rgba(0,0,0,0.08) 0 2px 18px;}
.main ul.videoList li a.pic img{ display:block; width:410px; height:230px;}
.main ul.videoList li a.title{ display:block; line-height:60px; color:#333; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.videoList li a.title:hover{ color:#0d6fb8;}

.contactbox{ width:1200px; margin:0 auto; padding:52px 0 0;}
.contactbox .map img{ display:block; width:1198px; border:1px solid #cccccc;}
.contactbox .con{ width:1200px; padding:24px 0 72px; border-top:1px solid #d2d2d2; margin:56px auto 0; overflow:hidden;}
.contactbox h3.title{ display:block; line-height:78px; color:#333; font-size:18px;}
.contactbox .txt{ line-height:34px; color:#666; font-size:14px; overflow:hidden;}
.contactbox .txt *{ line-height:inherit; color:inherit; font-size:inherit;}
.contactbox .txt *{ *line-height:2em; *color:#333; *font-size:14px;}
.contactbox form.msg{ display:block; float:right; margin-left:50px;}
.contactbox form.msg p{ display:block; overflow:hidden; padding:10px 0;}
.contactbox form.msg p input.text{ display:block; width:216px; height:24px; color:#666; font-size:14px; background:#fff; padding:8px 12px; border:1px solid #e4e4e4; float:left; margin-right:22px;}
.contactbox form.msg p textarea{ display:block; width:744px; height:162px; line-height:24px; color:#666; font-size:14px; background:#fff; padding:8px 12px; border:1px solid #e4e4e4; float:left; /*margin-left:22px;*/ resize:none;}
.contactbox form.msg p input.btn{ display:block; width:104px; height:38px; color:#333; font-size:14px; background:#e4e4e4; border:0; cursor:pointer; float:left; margin-left:22px;}


/*在线报名页面*/

.zxbaoming{width: 1200px;position: relative;margin: 0 auto; height:auto; overflow:hidden;}
.zxbmbt{ width:100%; color:#0d6fb8; font-size:24px; text-align:center; height:60px; line-height:60px; border-bottom:1px solid #d2d2d2; float:left;}
.zxbmtxt{ width:100%; font-size:16px; text-align:left; text-indent:2em; line-height:2em; margin:15px 0;float:left;}
.zxbmbnt{ width:100%; height:auto; margin:10px 0 30px;float:left;}
.zxbmbnt li{ width:220px; height:100px; text-align:center; border:2px solid #ba8e42; border-radius:50px; float:left; margin-right:20px;}
.zxbmbnt li:last-child{ margin-right:0;}
.zxbmbnt li a{ width:210px; height:70px; margin:5px; display:block;border-radius:44px; background:#0d6fb8; text-align:center; color:#fff; font-size:20px; padding:20px 0 0 0; line-height:24px;transition: all .6s;}
.zxbmbnt li a em{ font-style:normal; font-size:10px; color:#7ab6e3;}
.zxbmbnt li a:hover{ background:#ba8e42;}
.zxbmbnt li a:hover em{ color:#e5c999;}














/**/