@charset "utf-8";

/* ------ 公用样式 ------ */
.flex{display:flex; align-items:center; flex-wrap:wrap}



/*1024px*/

/* ------ 公用样式 ------ */
.pc{display:block;}
.wap{display:none;}
.wrap{max-width:1200px; margin:0 auto;}
.hidden{overflow:hidden; white-space: nowrap;  text-overflow: ellipsis; padding:0 15px;}

	

/* --- 分页 --- */
.page-showpage{margin-top:50px; margin-bottom:50px; text-align:center;}
.page-showpage a{display:inline-block; border:1px solid #efefef; padding:6px 15px; border-radius:4px; margin-left:2px; margin-right:2px;}
.page-showpage a.now{ background:#0D3180; color:#fff; border:1px solid #0D3180; }

	

/* --- column --- */
.page-column{text-align:center; padding:80px 0; position:relative; padding-bottom:20px;}

/* h2 */
.page-column h2{font-size:28px; margin-bottom:20px; display:inline-block; position:relative; padding:0 80px; font-weight:600;text-indent: 0;}
.page-column h2:before{content:""; background:url(../images/column-before.png) no-repeat; width:50px; height:8px; position:absolute; left:0; top:45%}
.page-column h2:after{content:""; background:url(../images/column-after.png) no-repeat; width:50px; height:8px; position:absolute; right:0; top:45%}

/* text */
.page-column .text{color:#999; font-size:16px;}

/* left */
.page-column.left{padding-left:0; text-align:left;}
.page-column.left h2{padding:0 80px 0 0;} 
.page-column.left h2:before{content:''; display:none;}

/* white */
.page-column.white h2{color:#fff;}
.page-column.white .text{color:#fff;}

/* more */
.page-column .more{position:absolute; right:0; top:75px;}
.page-column .more a{color:#fff; font-size:14px;}

	
/* ------ 考试认证 ------ */


/* --- 列为什么要考华为认证表 --- */
.attestation-why{margin-bottom:80px;}

/* 栏目 */
.attestation-why .page-column{padding-top:0;}
.attestation-why .text{margin-bottom: 20px;text-align: center; font-size: ;font-weight: 700;}
/* 内容 */
.attestation-why .content{ justify-content:space-between;}
.attestation-why .content .item{width:370px; height:360px; border-radius:10px; padding:25px 0; transition:all .3s;}
.attestation-why .content .item .pic{ text-align:center;}
.attestation-why .content .item .title{text-align:center; font-size:25px; color:#fff; padding:20px 0;}
.attestation-why .content .item .dep{padding:0 40px !important; font-size:16px; color:#fff; height:170px;}
.attestation-why .content .item .dep p{line-height:180%;}
.attestation-why .content .item .more {border:1px solid #F9940C; width:130px; height:40px; background:#F9940C; border-radius:100px; text-align:center; line-height:40px; margin:0 auto; font-size:14px; color:#fff;  transition:all .3s;} 

/* nth */
.attestation-why .content .item:nth-child(1){background:#A687FF;}
.attestation-why .content .item:nth-child(2){background:#7EB5FF;}
.attestation-why .content .item:nth-child(3){background:#EF6A44;}

/* hover */
.attestation-why .content .item:hover{box-shadow: 0px 20px 40px 0px rgba(68,70,95,0.27);}
.attestation-why .content .item:hover .more{background:#fff; color:#333; border:1px solid #fff; }



/* --- 等级 --- */
.attestation-level{background:#F7F8FA; padding-bottom:80px;}

/* 内容 */
.attestation-level .content{ justify-content:space-between;}
.attestation-level .content .item{width:280px; margin-top:50px; transition:all .3s;}
.attestation-level .content .item .title{font-size:18px; margin-bottom:15px; line-height:150%; font-weight:bold;}
.attestation-level .content .item .title a{display:block; padding-top:15px;}
.attestation-level .content .item .title p{line-height:150%;}
.attestation-level .content .item .dep{color:#666; line-height:150%; font-size:14px;  margin-bottom:15px; }
.attestation-level .content .item .more{width:100px; height:30px; text-align:center; line-height:30px; border-radius:100px; transition:all .3s;}
.attestation-level .content .item .more a{ color:#fff; font-size:14px;}

/* nth */
.attestation-level .content .item:nth-child(1) .title {color:#FD6A7F; border-top:2px solid #FD6A7F}
.attestation-level .content .item:nth-child(2) .title {color:#7EB5FF; border-top:2px solid #7EB5FF}
.attestation-level .content .item:nth-child(3) .title {color:#EF6A44; border-top:2px solid #EF6A44}
.attestation-level .content .item:nth-child(1) .more{background:#FD6A7F;}
.attestation-level .content .item:nth-child(2) .more{background:#7EB5FF;}
.attestation-level .content .item:nth-child(3) .more{background:#EF6A44;}

/* hover */
.attestation-level .content .item:hover{margin-top:0;}
.attestation-level .content .item:hover .more{ box-shadow: 0px 20px 40px 0px rgba(68,70,95,0.27);}



/* --- 介绍 --- */
.attestation-about{ margin-bottom:80px; }

/* column */
.attestation-about .sub-column{font-size:18px; padding-bottom:30px; font-weight:bold; background:url(../images/arrow-top.png) no-repeat center bottom; display:inline-block;}

/* content */
.attestation-about .content{border:2px solid #E77918;background:url(../images/attestation-about.jpg) no-repeat 0 bottom; }

/* item */
.attestation-about .content .item{border-bottom:2px solid #E77918; display:flex; align-items:center;}
.attestation-about .content .item:last-child{border-bottom:none;}

/* title */
.attestation-about .content .item .title{width:15%; text-align:center; padding:20px; font-size:25px;}

/* box */
.attestation-about .content .item .box{width:85%; font-size:14px; border-left:2px solid #E77918;}
.attestation-about .content .item .box .text{padding:20px; line-height:200%;}
.attestation-about .content .item .box .text p{line-height:200%;}

/* ul */
.attestation-about .content .item .box ul{display:flex; width:100%;}
.attestation-about .content .item .box ul li{text-align:center;  border-right:2px solid #E77918; }
.attestation-about .content .item .box ul li span{height:50px; display:flex; align-items:center; justify-content:center;}
.attestation-about .content .item .box ul li span.sub-title{border-bottom:2px solid #E77918;}
.attestation-about .content .item .box ul li span.sub-dep{padding:0 20px;}

/* nth */
.attestation-about .content .item .box ul li:last-child{border-right:none;}
.attestation-about .content .item .box ul li:nth-child(1){width:32%;}
.attestation-about .content .item .box ul li:nth-child(2){width:17%;}
.attestation-about .content .item .box ul li:nth-child(3){width:17%;}
.attestation-about .content .item .box ul li:nth-child(4){width:17%;}
.attestation-about .content .item .box ul li:nth-child(5){width:17%;}



/* --- 就业数据 --- */
.attestation-data{background:url(../images/attestation-back.jpg) no-repeat center top; height:220px; margin-bottom:80px;}
.attestation-data .wrap{position:relative;}

/* title */
.attestation-data .title{font-size:30px; font-weight:bolder; color:#fff; padding:45px 0;}
.attestation-data .title b{color:#E77918; font-size:32px;}

/* item */
.attestation-data .item{display:flex; align-items:center; font-size:18px; color:#fff;}
.attestation-data .item p{ background:url(../images/dot.png) no-repeat; padding-left:30px; height:23px; line-height:23px; margin-right:20px;}

/* more */
.attestation-data .show {position:absolute; right:0; bottom:0; width:160px; height:50px; background:#E77918; text-align:center; line-height:50px; border-radius:100px; color:#fff; border-radius:100px;}



/* --- vs --- */
.attestation-vs{background:#F7F8FA; padding-bottom:80px;}

/* vs */
.attestation-vs .vs {width:50%; justify-content:space-between; background:url(../images/vs.png) no-repeat 40% center;}
.attestation-vs .vs .item{width:40%;}
.attestation-vs .vs .item .title{margin-left:30px; margin-bottom:10px; font-size:18px; font-weight:bold}
.attestation-vs .vs .item .text p{line-height:250%; padding-left:30px; }
.attestation-vs .vs .item.v1 .title{color:#E77918;}
.attestation-vs .vs .item.v1 p{background:url(../images/vs-01.png) no-repeat 0 center; color:#E77918;}
.attestation-vs .vs .item.v2 p{background:url(../images/vs-02.png) no-repeat 0 center; color:#666;}

/* photo */
.attestation-vs .photo{margin-left:auto;}


