﻿/*- - - - - - - - -样式属CCDM职业规划师页面.html - - - - - - - -*/
/**/
#columnBanner{background-color:#1c1181;text-align:center;width:100%;position:relative;}
#columnBanner._bg01{background:-o-linear-gradient(to left , rgb(1, 186, 233) 13% , rgb(4, 117, 252) 83%);background:-webkit-linear-gradient(to left , rgb(1, 186, 233) 13% , rgb(4, 117, 252) 83%);background:-moz-linear-gradient(to left , rgb(1, 186, 233) 13% , rgb(4, 117, 252) 83%);background:-ms-linear-gradient(to left , rgb(1, 186, 233) 13% , rgb(4, 117, 252) 83%);background:linear-gradient(to left , rgb(1, 186, 233) 13% , rgb(4, 117, 252) 83%);}
#columnBanner._bg02{background:-o-linear-gradient(to right , rgb(19, 162, 254) 6% , rgb(19, 96, 255) 85%);background:-webkit-linear-gradient(to right , rgb(19, 162, 254) 6% , rgb(19, 96, 255) 85%);background:-moz-linear-gradient(to right , rgb(19, 162, 254) 6% , rgb(19, 96, 255) 85%);background:-ms-linear-gradient(to right , rgb(19, 162, 254) 6% , rgb(19, 96, 255) 85%);background:linear-gradient(to right , rgb(19, 162, 254) 6% , rgb(19, 96, 255) 85%);}
#columnBanner img{width:1920px;position:relative;left:50%;margin-left:-960px;display:block;}
/*内容区域*/
#container img{display:block;}
#container ._box1{background-color:#f7f8fa;position:relative;}
#container ._box1._box1bg01{background:url(../images/c3.png) no-repeat right top,url(../images/c1.png) no-repeat 70px 95px,url(../images/c2.png) no-repeat left bottom;}
#container ._box1._box1bg02{position:relative;}
#container ._box1 .center{padding-top:71px;padding-bottom:45px;position:relative;}
#container ._box2{background-color:#f7f3ed;text-align:center;font-size:24px;line-height:1.91;color:#ff7d00;}
#container ._box2 .center{padding-top:43px;padding-bottom:43px;position:relative;}
#container ._box3{background-color:#3b34bc;position:relative;}
#container ._box3 .center{position:relative;}
#container ._box4{background-color:#039cf2;position:relative;background:-o-linear-gradient(to right , rgb(1, 186, 233) 13% , rgb(4, 117, 252) 83%);background:-webkit-linear-gradient(to right , rgb(1, 186, 233) 13% , rgb(4, 117, 252) 83%);background:-moz-linear-gradient(to right , rgb(1, 186, 233) 13% , rgb(4, 117, 252) 83%);background:-ms-linear-gradient(to right , rgb(1, 186, 233) 13% , rgb(4, 117, 252) 83%);background:linear-gradient(to right , rgb(1, 186, 233) 13% , rgb(4, 117, 252) 83%);padding-top:46px;padding-bottom:68px;}
#container ._box3 .columnTitle{margin-bottom:14px;}
#container ._box3 .center{padding-top:51px;padding-bottom:44px;}
#container ._box3 .center .btn_mores{margin-top:35px;}
#container ._blueLinebg{height:423px;background-color:#3b34bc;position:absolute;top:318px;left:0px;right:0px;}
#container ._bluebg2{background:-o-linear-gradient(to right , rgb(1, 186, 233) 13% , rgb(4, 117, 252) 83%);background:-webkit-linear-gradient(to right , rgb(1, 186, 233) 13% , rgb(4, 117, 252) 83%);background:-moz-linear-gradient(to right , rgb(1, 186, 233) 13% , rgb(4, 117, 252) 83%);background:-ms-linear-gradient(to right , rgb(1, 186, 233) 13% , rgb(4, 117, 252) 83%);background:linear-gradient(to right , rgb(1, 186, 233) 13% , rgb(4, 117, 252) 83%);height:423px;background-color:#3b34bc;position:absolute;top:330px;left:0px;right:0px;}
#container ._bluebg2::before{content:"";background:url(../images/ccp/34.png) repeat center -70px;position:absolute;bottom:0px;right:0px;left:0px;top:0px;}
#container ._bluebg1{height:350px;background-color:#3b34bc;position:absolute;left:0px;right:0px;bottom:183px;}
#container ._bluebg3{background:-o-linear-gradient(to bottom , rgb(5, 116, 253) 5% , rgb(0, 205, 229) 89%);background:-webkit-linear-gradient(to bottom , rgb(5, 116, 253) 5% , rgb(0, 205, 229) 89%);background:-moz-linear-gradient(to bottom , rgb(5, 116, 253) 5% , rgb(0, 205, 229) 89%);background:-ms-linear-gradient(to bottom , rgb(5, 116, 253) 5% , rgb(0, 205, 229) 89%);background:linear-gradient(to bottom , rgb(5, 116, 253) 5% , rgb(0, 205, 229) 89%);}
#container ._bluebg4{background:-o-linear-gradient(to bottom , rgb(19, 162, 254) 6% , rgb(19, 96, 255) 85%);background:-webkit-linear-gradient(to bottom , rgb(19, 162, 254) 6% , rgb(19, 96, 255) 85%);background:-moz-linear-gradient(to bottom , rgb(19, 162, 254) 6% , rgb(19, 96, 255) 85%);background:-ms-linear-gradient(to bottom , rgb(19, 162, 254) 6% , rgb(19, 96, 255) 85%);background:linear-gradient(to bottom , rgb(19, 162, 254) 6% , rgb(19, 96, 255) 85%);}
.baomingbox{width:1198px;margin:36px auto 0 auto;position:relative;z-index:99;}
.baomingbox::after{content:"";display:block;clear:both;}
.baomingbox .baomingCourse{width:792px;float:left;background:#fff;box-shadow:0 0 14px rgba(0,0,0,0.2);border-bottom:6px solid #ff7d00;padding-bottom:23px;border-radius:12px;overflow:hidden;}
.baomingbox .baomingTime{width:384px;float:right;background:#fff;box-shadow:0 0 14px rgba(0,0,0,0.2);border-bottom:6px solid #ff7d00;padding-bottom:23px;border-radius:12px;overflow:hidden;}
.shape01{background:url(../images/ccdm/xz1.png) repeat left top;}
body.ccpStyle .columnTitle .icon_arrowbom{background:url(../images/icon_arrowbom2.png) no-repeat left top;width:40px;height:41px;}
body.ccpStyle .columnTitle strong{color:#0a95e0;}
body.ccpStyle .columnTitle.__style2   h4{color:#f7f8fa;}
body.ccpStyle .columnTitle.__style2 strong{color:#ffcf8b;}

body.uapmStyle .columnTitle .icon_arrowbom{background:url(../images/icon_arrowbom2.png) no-repeat left top;width:40px;height:41px;}	
body.uapmStyle .columnTitle strong{color:#0a95e0;}
body.uapmStyle .columnTitle.__style2   h4{color:#89c2ff;}
body.uapmStyle .columnTitle.__style2   h4 em{color:#ffcf8b;}
body.uapmStyle .columnTitle.__style2 strong{color:#ffcf8b;}

/*栏目标题*/
.columnTitle{text-align:center;letter-spacing:3px;margin-bottom:19px;}
.columnTitle.__style2{color:#fff;}
.columnTitle.__style2 h4{color:#a396e1;}
.columnTitle.__style2 strong{color:#ffcf8b;}
.columnTitle.__style2 em{color:#ffcf8b;}
.columnTitle strong{color:#5724cf;}
.columnTitle em{color:#ff7d00;}
.columnTitle h3{font-size:45px;line-height:1.58;}
.columnTitle h4{font-size:24px;line-height:1.88;font-weight:normal;color:#86909c;letter-spacing:0px;}
.icon_arrowbom{width:40px;height:41px;background:url(../images/icon_arrowbom.png) no-repeat left top;display:block;margin:0 auto;}
/*副标题*/
.subTitle{color:#fff;text-align:center;background-color:#ff7d00;font-size:29px;line-height:71px;height:71px;margin-bottom:34px;}
/*天样式*/
.dayStyle{height:169px;margin-bottom:33px;width:196px;background:url(../images/daybg.png) no-repeat left top;margin:0 auto 44px auto;text-align:center;color:#f77234;padding-top:27px;}
.dayStyle strong{font-size:103px;display:block;}
.dayStyle span{font-size:21px;line-height:41px;display:block;margin-top:-27px;}
/*日期样式*/
.dateStyle{margin-bottom:24px;color:#f77234;position:relative;}
.dateStyle h5{font-size:22px;line-height:1.50;width:30px;position:absolute;left:107px;top:6px;}
.dateStyle ul{width:440px;height:216px;background:url(../images/datebg.png) no-repeat left top;margin:0 auto;padding-left:4px;}
.dateStyle ul::after{content:"";display:block;clear:both;}
.dateStyle::after{content:"";display:block;clear:both;}
.dateStyle li{height:157px;float:left;width:202px;margin-right:22px;text-align:center;padding-top:37px;}
.dateStyle li:nth-last-of-type(1){margin-right:0px;}
.dateStyle li strong{display:block;font-size:103px;}
.dateStyle li span{font-size:21px;line-height:41px;display:block;margin-top:-27px;}
/*更多*/
.btn_mores{width:382px;height:73px;display:block;margin:10px auto 10px auto;border-radius:30px;text-align:center;line-height:73px;background-color:#ff7d00;color:#fff;font-size:30px;letter-spacing:2px;box-shadow:0 0 34px rgba(255,125,0,0.32);}
.btn_mores:hover{font-weight:normal;background-color:#ff9733;text-decoration:none;}
/*橙色按钮*/
.btn_orange{width:231px;height:56px;display:block;margin:0 auto;background-color:#ff7d00;border-bottom:3px solid #b96d24;border-radius:50px;text-align:center;line-height:56px;color:#fff;font-size:23px;}
.btn_orange:hover{background:#ff8a1a;text-decoration:none;}
.itemlist::after{content:"";display:block;clear:both;}
.itemlist li{float:left;}

.itembox{background:#fff;width:590px;float:left;margin-left:20px;border-radius:11px;position:relative;padding-top:33px;padding-bottom:32px;margin-bottom:54px;box-shadow:0 0 14px rgba(0,0,0,0.051);z-index:1490;}
.itembox .subtitles{position:relative;margin-left:-24px;}

/**/

.subtitles{height:49px;line-height:49px;border:1px solid #ff7d00;border-radius:8px 50px 50px 8px;font-size:22px;color:#f77234;margin-bottom:31px;width:402px;}
.subtitles span{color:#fff;background-color:#ff7d00;float:left;padding-left:35px;padding-right:37px;border-radius:8px 50px 50px 8px;margin-right:30px;position:relative;height:49px;}
/*文本列表*/

.textList{margin-left:44px;margin-right:44px;}
.textList li{font-size:18px;height:42px;line-height:2.39;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:32px;background:url(../images/icon_dot.gif) no-repeat left center;color:#636d7b;}
.textList li a{display:block;}
.textList li a:hover{color:#f77234;text-decoration:none;}


body a:link{ color:#fff; text-decoration:none; }
body a:visited{ color:#fff; text-decoration:none;}
body a:hover{ color:#fff; text-decoration:none;}


