body{
	background:#fff;
}
.sec{
	padding:60px 0;
}
.sec .title{
	text-align: center;
	margin-bottom:60px;
	font-size: 30px;
	color:#181818;
	position:relative;
}
.sec .title span{
	position: relative;
	display:inline-block;
}
.sec .title span:after{
	    content: '';
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 12px;
    background: rgba(30,140,40,0.2);
    bottom: 4px;
    left: 0;
}

.free-banner{background:url(../images/free_02.jpg) no-repeat center top/auto 100%,#edf2f8;height:288px;}
 .free-banner .btn-box{
	position: relative;
}
 .free-banner .top-btn{
	margin-top:30px;
}
.free-banner .top-btn a{
	color:#fff;
	display:inline-block;
	padding:10px 40px;
	font-size:14px;
	border:1px solid transparent;
	transition: all ease 0.3s;
	background: #2ea039;
	border-radius:2px ;
}
.free-banner .top-btn a:nth-child(2){
	margin-left:3px;
	background: none;
	border:1px solid #2ea039;
	color:#2ea039;
}
.free-banner .banner-text{
	position: absolute;
	left:0;
	top:70px;
	width:100%;
}
.free-banner .banner-text span{
	font-size:16px;
	color:#666;
	display: block;
	line-height: 24px;
	margin-bottom:20px;
}
.free-banner .banner-text h3{
	color:#000;
	font-size:30px;
	margin-bottom:20px;
	letter-spacing: 1px;
}
.free-banner .banner-text .items span{
	color:#fff;
	font-size:16px;
	text-align: justify;
	line-height:24px;
	display: inline-block;
	padding-left:20px;
	margin-right:10px;
	background: url(../images/check2.png) no-repeat left center;
}
.free-banner .top-btn a:hover{
	background: #2ea039;
	color:#fff;
}

.sec.free-article .title{
	margin-bottom:40px;
	position: relative;
}
.sec.free-article .title:after{
	
}
.free-article .top_card{
	margin-top:40px;
	font-size:0;
}
.free-article .summary{
	font-size:16px;
	color:#666;
	line-height: 30px;
}

.free-article .top_card .article-list{
	display:inline-block;
	width:48%;
	padding:20px;
	border-radius: 8px;
	position: relative;
	min-height: 220px;
	vertical-align: top;
	position: relative;
	border:1px solid #e7ecf4;
}
.free-article .top_card .article-list.article-left{
	background:url(../images/free_03.png) no-repeat right bottom;
}
.free-article .top_card .article-list.article-right{
	background:url(../images/free_05.png) no-repeat right bottom;
}
.free-article .top_card .article-list .tag_su{
	position: absolute;
	top:0;
	left:20px;
	background:rgba(0,0,0,0.6);
	color:#fff;
	display:inline-block;
	padding:4px 15px;
	font-size:14px;
}
.free-article .top_card .article-list:first-child{
	margin-right:4%;
}
.free-article .top_card .part-title {
	
	margin-bottom:15px;
	border-bottom:1px solid #e7ecf4;
	padding-bottom:15px;
}
.free-article .top_card .part-title h4{
	font-size:20px;
	color:#4bad54;
	display: inline-block;
	float:left;
	font-weight:600;
}
.free-article .top_card .part-title span{
	float:right;
	display:inline-block;
	
}
.free-article .top_card .part-title span a{
	color:#999;
	font-size:14px;
	vertical-align: bottom;
	line-height: 32px;
}

.free-article .top_card li a{
	color:#666;
	font-size:14px;
    line-height: 34px;
    position: relative;
    padding-left: 15px;
    display: inline-block;
        white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    transition: all 0.3s ease;
}
.free-article .top_card li a:hover{
	color:#2ea039;
}

.free-article .top_card .article-list li a{
	width:83%;
	position: relative;
}
.free-article .top_card .article-list li a:before{
	content: '';
	display: inline-block;
	position: absolute;
	width:6px;
	height:6px;
	border-radius: 6px;
	left:0;
	top:15px;
	background:linear-gradient(0deg,#68d377,#4bad54);
}
.free-article .top_card .article-list li .date{
	font-size:14px;
	color:#999;
	width:16%;
	display: inline-block;
	text-align: right;
	line-height: 30px;
    vertical-align: top;
}
.sec.free-part2,.sec.free_other{
	padding-top:0;
}
/*热门证书*/
.sec.free-part2 .title{
	margin-bottom:10px;
}
.free-part2 .summary{
	font-size:14px;
	text-align: center;
	color:#666;
	margin-bottom:50px;
}
.cont_list{
	font-size:0;
}
.cont_list li{
	display: inline-block;
	width:24%;
	vertical-align:top;
	position: relative;
}
.cont_list li span.hot{
	position: absolute;
	width:44px;
	height:51px;
	background: url(https://www.wosign.com/images/wosign_new/index_19.png) no-repeat;
	display: block;
	content: '';
	top:-7px;
	right:30px;
}
.cont_list li span.new{
	position: absolute;
	width:44px;
	height:51px;
	background: url(https://www.wosign.com/images/wosign_new/new_07.png) no-repeat;
	display: block;
	content: '';
	top:-7px;
	right:30px;
}
.cont_list li:not(:last-child){
	margin-right:1.3%;
}
.cont_list li .cp_box.cp_sort{
	background: url(https://www.wosign.com/images/wosign_new/bac_03.png) no-repeat right bottom;
	border:1px solid #ededed;
	padding:30px 20px;
}
.cont_list li .cp_box.cp_sort h3.title{
	font-size:20px;
	color:#202a1c;
	font-weight: 600;
	margin-bottom: 20px;
}
.cont_list li .cp_box.cp_sort span{
	font-size:14px;
	display: block;
	color:#646c61;
	margin-bottom:10px;
}
.cont_list li .cp_box{
	border:1px solid #ebecec;
	border-radius: 8px;
    overflow: hidden;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
}
.tab1_3 .cont_list li .cp_box{
	min-height: 454px;
}
.cont_list li .cp_top{
	padding:15px 10px;
	background: linear-gradient(90deg,#41a84c,#70ca79);
	text-align: center;
}
.cont_list li .cp_top h3{
	font-size:18px;
	color:#181818;	
	font-weight: 600;
	display: block;
	letter-spacing: 1.5px;
}
.cont_list li .cp_top h3 a{
	color:#fff;
}
.cont_list li .cp_top span{
	font-size:14px;
	color:#fff;
	opacity: 0.8;
	font-weight: 400;
	display: block;
}
.cont_list li .cp_price{
	background: #fafafa;
	padding:10px 0;
}
.cont_list li .cp_price .items{
	float:left;
	width:50%;
	text-align: center;
}
.cont_list li .cp_price .items.items1{
	width:100%;
	float: none;
}
.cont_list li .cp_price .items:last-child{
	border-left:1px solid #ededed;
}
.cont_list li .cp_price .items.one_price{
	border:none;
	width:100%;
}
.cont_list li .cp_price .items p{
	font-size:14px;
	color:#666;
	padding: 0;
}
.cont_list li .cp_price .items p i{
	color:#ff5400;
	font-size:14px;
}
.cont_list li .cp_price .items span{
	font-size:14px;
	color:#999;
}
.cont_list li .cp_price .items p span{
	color:#ff5400;
	font-size:22px;
	float: none;
}
.cont_list li .cp_func{
	padding:30px 20px;
}
.cont_list li .cp_func dd{
	font-size:14px;
	color:#666;
	line-height: 32px;
	background: url(https://www.wosign.com/images/wosign_new/index_26.png) no-repeat left 12px;
	padding-left:24px;
}
.cont_list li .cp_ask{
	font-size:0;
	padding:0 20px 20px;
}
.cont_list li .cp_ask a{
	font-size:14px;
	color:#41a84c;
	border:1px solid #41a84c;
	display: inline-block;
	padding:7px 28px;
	text-align: center;
	font-weight:normal;
	border-radius: 50px;
}
.cont_list li .cp_ask a.advisory{
	background: #56b460;
	margin-right:15px;
	color:#fff;
}
.cont_list li .cp_ask a:hover{
	background: #4bad54;
	color:#fff
}


/*流程*/

.ssl_lc dl{width: 100%; float: left;}
.ssl_lc dt{width: 18%; float:left; text-indent: 45%;}
.ssl_lc dt p{padding: 20px 0;background: #f9f9f9; font-size: 16px; font-weight:normal; color: #333; border-radius: 6px; border:1px solid #ddd; }
.ssl_lc dt p{background:#f9f9f9 url(../images/free_13.png) 55px center no-repeat;}
.ssl_lc dt:first-child+dd+dt p{background-image: url(../images/free_15.png);}
.ssl_lc dt:first-child+dd+dt+dd+dt p{background-image: url(../images/free_21.png);}
.ssl_lc dt:first-child+dd+dt+dd+dt+dd+dt p{background-image: url(../images/free_10.png);}
.ssl_lc dt:first-child+dd+dt+dd+dt+dd+dt+dd+dt p{background-image: url(../images/free_18.png);}
.ssl_lc dd{width: 2.5%; float:left; color: #999; padding:20px 0;text-align: center;}
.ssl_lc dd:before{content: "▸"; font-size: 26px;}
.con-back.ssl_lc{padding-top:0;}
@media screen and (max-width: 900px) {
    .ssl_lc dd,.ssl_lc dt{width:100%;}
    .ssl_lc dd:before{content: "▾"}
    .ssl_lc dt p{background-position:82px center; }
    .ssl_lc dt{text-indent:135px;}
}
/*https的好处*/
.free-why {
	background:#f1f4f9 url(../images/free_27.png) no-repeat center;
}
.free-why .item_list li{
	display: inline-block;
	width:32%;
	text-align: center;
	padding:40px 30px;
	border:1px solid rgba(181,188,202,0.5);
	margin-right:1.3%;
	margin-bottom:24px;
	background:rgba(255,255,255,0.5);
	border-radius: 6px;
	transition: all ease 0.3s;
}

.free-why .item_list li:nth-child(3n){
	margin-right:0;
}
.free-why .item_list li:hover{
	border:1px solid #05193e;
}
.free-why .item_list li dd b{
	font-size:18px;
	margin:24px 0 20px;
	display: block;
}
.free-why .item_list li dd b a:hover{
	color:#56b460;
} 
.free-why .item_list li dd p{
	font-size:14px;
	color:#666;
}


.solveList .solveContent{
	border: 1px solid #ebecec;
	margin-bottom:30px;
	border-radius: 8px;
	overflow: hidden;
}
.solveList .solveContent .solveImg{
	height:158px;
	overflow: hidden;
}
.solveList .solveContent .solveImg img{
	transition: all ease 0.5s;
}
.solveList .solveContent .solveText{
	padding:25px 20px 15px;
	text-align: left;
}
.solveList .solveText .solveTitle a{
	color:#000;
	font-size:18px;
	margin-bottom:10px;
	font-weight:600;
	line-height: 22px;
	display: block;
	transition: all ease 0.3s;
}
.solveList .solveText .solveSummary{
	font-size:14px;
	color:#666;
	text-align: justify;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom: 1px solid #ebecec;
}
.solveList .solveText .solveBtn a{
	display: inline-block;
	border-radius: 4px;
	color:#41a84c;
	font-size:14px;
}
.solveList .solveText .solveBtn a i{
	    display: inline-block;
    font-size: 14px;
    color: #41a84c;
    margin-left: 8px;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    position: relative;
    right: 0;
}
.solveList .solveText .solveBtn a:hover{

}
.solveList .solveContent:hover .solveImg img{
	transform: scale(1.1);
}
.solveList .solveContent:hover .solveTitle a{
	color:#41a84c;
}
.solveList .solveText .solveTitle a:hover{
		color:#41a84c;
}
.free_other  .more{
	text-align: center;
	margin-top:40px;
}
.free_other  .more a{
	font-size:16px;
	border:1px solid #4bad54;
	padding:14px 60px;
	color:#4bad54;
	transition: all ease 0.3s;
	border-radius: 6px;
}
.free_other .more a:hover{
	background: #4bad54;
	color:#fff;
}
@media only screen and (min-width:900px) and (max-width:1200px ) {
	.cont_list li .cp_ask a{
		padding:4px 13px;
	}
	.cont_list li .cp_ask a.advisory{
		margin-right:10px;
	}
	.free-why .item_list li{
		padding:40px 20px;
	}
	.solveList .solveContent .solveImg{
		height:122px;
	}
	.solveList .solveContent .solveText{
		padding:25px 12px 15px;
	}
	.ssl_lc dt p {
    background: #f9f9f9 url(../images/free_13.png) 35px center no-repeat;
}
}
@media only screen and (min-width:750px) and (max-width: 1002px) {
	.cont_list li{
		width:48%;
		margin-bottom:15px;
	}
}
@media only screen and (max-width: 750px) {
	.free-article .top_card .article-list{
		width:100%;
		margin-bottom:20px;
	}
	.cont_list li{
		width:100%;
		margin-bottom:15px;
	}
	.free-why .item_list li{
		width:100%;
	}
	.free-banner .banner-text {
	    width: 100%;
	    top:45px;
	    padding: 0 20px;
	}
}