@charset "UTF-8";
.proService{
    width: 100%;
    background-color: #f5f5f5;
	margin-top:104px;
}
.proService .mid{
    width: 1200px;
    margin: 0 auto;
}
.proService .mid>h3{
    height: 55px;
    line-height: 55px;
    font-size: 14px;
    color:#666666;
    text-align: left;
    font-weight: normal;
}
.proService .mid .serviceMain{
    width: 100%;
    overflow: hidden;
}
.proService .mid .serviceMain .serviceNav{
    width: 242px;
    height: 100%;
    float:left;
    background-color: #fff;
}
.proService .mid .serviceMain .serviceNav h3{
    font-weight: normal;
    line-height: 60px;
    font-size: 16px;
    color:#666666;
    text-indent: 25px;
}
.proService .mid .serviceMain .serviceNav a{
    display: block;
    width: 100%;
    line-height: 36px;
    height: 36px;
    font-size: 14px;
    color:#666666;
    text-indent: 65px;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 10px;
}
.proService .mid .serviceMain .serviceNav a.active{
    background-color: #f5f5f5;
    border-left: 5px solid #024ca1;
    text-indent: 60px;
    color:#024ca1;
}
.proService .mid .serviceMain .serviceContent{
    width: 895px;
    padding:25px 15px 25px 17px;
    margin-left: 260px;
    margin-bottom: 15px;
    background-color: #fff;
}
.serviceList{
    width: 100%;
    margin-bottom: 15px;
    padding-left: 10px;
}
.serviceList:first-child{
    padding-top: 5px;
}
.serviceList h3{
    font-weight: normal;
    font-size: 16px;
    color:#666666;
    line-height: 30px;
    margin-bottom: 8px;
    text-align: left;
}
.serviceList p{
    height:26px;
}
.serviceList p a{
    display: inline-block;
    font-size: 14px;
    color:#999999;
    line-height: 26px;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
}
.serviceList p a:hover{
    color:#666;
}
.serviceList p a i{
    font-style: normal;
    display: inline-block;
    width: 13px;
    text-align: left;
    margin-left: 2px;
    font-size: 24px;
    color:#999;
    vertical-align: bottom;
}
.serviceContent .serviceDetail{
    padding:0 10px 0 35px;
}
.serviceContent .serviceDetail .serviceTitle{
    font-weight: normal;
    font-size: 24px;
    color:#666666;
    line-height: 36px;
    text-align: center;
}
.serviceContent .serviceDetail .serviceInfo{
    text-align: center;
    height: 36px;
    margin-bottom: 10px;
}
.serviceContent .serviceDetail .serviceInfo .write,
.serviceContent .serviceDetail .serviceInfo .read{
    display: inline-block;
    line-height: 36px;
    font-size: 12px;
    color:#99a1a7;
}
.serviceContent .serviceDetail .serviceInfo .read{
    margin-right: 14px;
    padding-left:22px;
    background: url("img/news_icon_read.png") no-repeat 0px 10px;
}
.serviceContent .serviceDetail .serviceInfo .write{
    padding-left:22px;
    background: url("img/news_icon_write.png") no-repeat 0px 10px;
}
.serviceContent .serviceDetail .servicetext{
    color:#999999;
    font-size: 14px;
    text-indent: 2em;
    line-height: 26px;
    padding-bottom: 35px;
    border-bottom: 1px dashed #dfdfdf;
    margin-bottom: 20px;
}
.serviceContent .serviceDetail .interest{
    padding-bottom: 20px;
}
.serviceContent .serviceDetail .interest h3{
    font-weight: normal;
    font-size: 18px;
    color:#666666;
    padding-left: 8px;
    margin-bottom: 12px;
    text-align: left;
    border-left: 5px solid #014da3;
}
.serviceContent .serviceDetail .interest p{
    height:26px;
    padding-left: 12px;
}
.serviceContent .serviceDetail .interest p a{
    display: inline-block;
    font-size: 14px;
    color:#999999;
    line-height: 26px;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
}
.serviceContent .serviceDetail .interest p a:hover{
    color:#666;
}
.serviceContent .content{
	width:100%;}
/*开户流程*/
.khBox{
    width: 100%;
    width: 96%;
    margin:0 0 30px 13px;
}
.khBox>h3{
    font-weight: normal;
    font-size: 24px;
    color: #666666;
    line-height: 36px;
    text-align: center;
    margin: 10px 0 30px;
}
.khBox .khList{
    padding-right: 20px;
}
.khBox .khList .up{
    width: 100%;
    height:61px;
    line-height: 61px;
    font-size: 16px;
    color:#666;
    text-align: left;
    padding:30px 0;
    border:1px solid #E2E2E2;
    box-shadow: 0px 0px 20px #d2d2d2;
}
.khBox .khList .up span{
    display: block;
    float:left;
    width: 162px;
    height: 100%;
    margin-right: 20px;
    margin-left: 30px;
    text-indent: -999em;
    overflow: hidden;
}
.khBox .khList .up span.zc{
    background: url("img/khlc_1.jpg") no-repeat;
}
.khBox .khList .up span.zx{
    background: url("img/khlc_2.jpg") no-repeat;
}
.khBox .khList .up span.ht{
    background: url("img/khlc_3.jpg") no-repeat;
}
.khBox .khList .up span.sx{
    background: url("img/khlc_4.jpg") no-repeat;
}
.khBox .khList .arrowBox{
    width: 100%;
    height: 32px;
    margin: 10px 0;
}
.khBox .khList .arrowBox span{
    display: inline-block;
    width: 28px;
    height: 100%;
    margin-left: 178px;
    background: url("img/khlc_arrow.jpg") no-repeat;
}

/*售后服务*/
.shBox{
    width: 100%;
    width: 96%;
    margin:0 0 30px 13px;
}
.shBox>h3{
    font-weight: normal;
    font-size: 24px;
    color: #666666;
    line-height: 36px;
    text-align: center;
    margin: 10px 0 30px;
}

.shBox .shList{
    height:125px;
    color:#666;
    text-align: left;
    padding:30px 10px 30px 0;
    border:1px solid #E2E2E2;
    box-shadow: 0px 0px 20px #d2d2d2;
    margin-bottom: 40px;
}
.shBox .shList span{
    display: block;
    float:left;
    width: 179px;
    height: 100%;
    margin-right: 20px;
    margin-left: 45px;
}
.shBox .shList.one span{
    background: url("img/shfw_1.jpg") no-repeat;
}
.shBox .shList.two span{
    background: url("img/shfw_2.jpg") no-repeat;
}
.shBox .shList.three span{
    background: url("img/shfw_3.jpg") no-repeat;
}
.shBox .shList h3{
    font-size: 16px;
    margin-bottom: 2px;
}
.shBox .shList.one h3{
    margin-top: 30px;
}
.shBox .shList.two h3{
    margin-top: 25px;
}
.shBox .shList.three h3{
    margin-top: 30px;
}
.shBox .shList p{
    font-size: 14px;
    width: 735px;
    line-height: 22px;
}
/*展现形式*/
.zxBox{
    width: 100%;
    width: 96%;
    margin:0 0 30px 12px;

}
.zxBox>h3{
    font-weight: normal;
    font-size: 24px;
    color: #666666;
    line-height: 36px;
    text-align: center;
    margin: 10px 0 30px;
}
.zxBox>div{
    text-align: center;
    padding:30px 20px;
    margin: 0 auto;
    background-color:#F6F6F6 ;
}
/*推广费用*/
.fyBox{
    width: 100%;
    width: 96%;
    margin:0 0 30px 13px;
}
.fyBox>h3{
    font-weight: normal;
    font-size: 24px;
    color: #666666;
    line-height: 36px;
    text-align: center;
    margin: 10px 0 30px;
}

.fyBox .fyList{
    height:61px;
    color:#666;
    text-align: left;
    padding:30px 20px 30px 0;
    border:1px solid #E2E2E2;
    box-shadow: 0px 0px 20px #d2d2d2;
    margin-bottom: 40px;
}
.fyBox .fyList span{
    display: block;
    float:left;
    width: 159px;
    height: 100%;
    margin-right: 20px;
    margin-left: 35px;
    text-indent: -999em;
    overflow: hidden;
}
.fyBox .fyList.one span{
    background: url("img/tgfy_1.jpg") no-repeat;
}
.fyBox .fyList.two span{
    background: url("img/tgfy_2.jpg") no-repeat;
}
.fyBox .fyList.three span{
    background: url("img/tgfy_3.jpg") no-repeat;
}
.fyBox .fyList.four span{
    background: url("img/tgfy_4.jpg") no-repeat;
}
.fyBox .fyList.two p,
.fyBox .fyList.four p{
    margin-top: 10px;
}
.fyBox .fyList.three p{
    margin-top: 18px;
}
.fyBox>p{
    text-align: center;
    color:red;
    font-weight: bold;
    font-size: 16px;
}
/*产品优势*/
.ysBox{
    width: 100%;
    width: 96%;
    margin:0 0 30px 32px;

}
.ysBox>h3{
    font-weight: normal;
    font-size: 24px;
    color: #666666;
    line-height: 36px;
    text-align: center;
    margin: 10px 0 30px;
}
.ysBox .ysList{
    height:197px;
    text-align: left;
    padding:0px 0px 0px 20px;
    border:1px solid #E2E2E2;
    box-shadow: 0px 0px 20px #d2d2d2;
    margin-bottom: 40px;
}