.bannerBox{
    width:100%;
    background: url(../images/bannerBg.png) no-repeat center center #20252D; background-size:100% 100%;
    padding:30px 0;
    box-sizing:border-box;
    min-height:650px;
}
.platformLeft{
    float:left;
}
.platLeft{
    width:266px;
    float:left;
    background:#fff;
    height:477px;
    overflow:hidden;
    border-radius:4px;
}
.platLeft .title{
    background: url(../images/titbg_266.png) no-repeat center center; background-size:100% 100%;
    padding:0 15px;
    font-size:16px;
    color:#666;
    height:46px;
    line-height:46px;
    width:266px;
}
.platBox{
    padding:0 16px;
    height:425px;
    overflow-y:auto;
}
.platBox .item{
    padding:10px 0 0 0;
}
.platBox .itemTit{
    font-weight: Bold;
    font-size: 14px;
}
.platBox .itemBox a{
    display:inline-block;
    font-size:12px;
    color:#999;
    margin-right:12px;
    margin-top:6px;
}
.platBox .itemBox a:hover{
    color: #4E7CF2;
}
.mySwiper{
   width:600px;
   height:477px;
   float:left;
   position:relative;
   margin-left:7px;
}
.mySwiper img{
   display:block;
   width:600px;
   height:477px;
   border-radius:4px;   
}
.mySwiper .swiper-pagination-bullet{
 width:10px;
 height:10px; 
 background:#F1F1F2;
 opacity:1;
} 
.mySwiper .swiper-pagination-bullet-active{
    width:30px;
    border-radius:5px;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom:30px;
}
.adBox{
    width:873px;
    margin-top:3px;
}
.adBox .adCol{
    width:435px;
    height:109px;
    color:#fff;
}
.adBox .adCol h3{
    font-size:20px;
    font-weight:900;
    margin-bottom:10px;
}
.adBox .adCol p{
    font-size:14px;
    line-height:1.6;
}
.adBox .adCol p span{
    font-weight:900;
    margin:0 3px;
}
.adBox .adCol.orgBg{
    float:left;
    background: url(../images/orgBg.png) no-repeat center center; 
    background-size:100% 100%;
    padding:20px 125px 0 25px;
}
.adBox .adCol.greenBg{
    float:right;
    background: url(../images/greenBg.png) no-repeat center center; 
    background-size:100% 100%;
    padding:30px 25px 0 25px;
}
.platformRight{
    float:right;
    width: 320px;
    height: 588px;
    border-radius: 4px;
    background: rgba(255,255,255,1);
}
.platformRight .quick_tit{
    background: url(../images/titbg_320.png) no-repeat center center; background-size:100% 100%;
    padding:0 15px;
    font-size:16px;
    color:#666;
    height:46px;
    line-height:46px;
    width:266px;
}
.loginBox{padding:20px 10px;}
.loginBox .avatarPic{
    display:block;
    width:60px;
    height:60px;
    float:left;
    border-radius:50%;
}
.loginBox .loginInfo{
    padding-left:18px;
    float:left;
    margin-top:5px;
}
.loginBox .loginInfo h3{
    font-size:18px;
    font-weight:bold;
    color:#282826;
}
.loginBox .loginInfo p{
    margin-top:12px;
    font-size:14px;
    color:#666666;
}
.loginBox .loginInfo p a{
    margin-right:20px;
}
.loginBox .loginInfo p a:hover{
    color: #4E7CF2;
}
.quickCol{
    margin-right:-1px;
}
.quickCol .item{
    display:block;
    width:33.33%;
    height:112px;
    float:left;
    border-bottom:1px solid #E7E7E7;
    border-right:1px solid #E7E7E7;
    padding-top:16px;
    text-align:center;
    font-size:12px;
    color:#666666;
}
.quickCol .item p{margin-top:3px;}
.quickCol .item:hover{
    background:#F0F9FF;
}
.noticeBox{
    width: 100%;
    height: 106px;
    background: rgba(245,248,255,1);
    padding:30px 10px;
    border-radius:0 0 4px 4px;
}
.noticeBox .noticeTit{
    display:block;
    width:90px;
    height:18px;
}
.noticeBox .info{
    display:block;
    font-size:12px;
    color:#666;
    background: url(../images/i_speaker.png) no-repeat center left; background-size:16px 14px;
    padding-left:25px;
    margin-top:15px;
}
.noticeBox .info:hover{
    color: #4E7CF2;
}
.normalTit{
    color:#282826;
    font-size:28px;
    font-weight:bold;
    position:relative;
    padding:26px 0 26px 15px;
}
.normalTit .line{
    width: 4px;
    height: 28px;
    border-radius: 2px;
    background: #4E7CF2;
    position:absolute;
    left:0;
    top:50%;
    margin-top:-14px;
}
.normalTit .seeMore{
    display:block;
    font-size:14px;
    color:#999;
    background:url(../images/arr_r.png) no-repeat center right; background-size:6px 12px;
    padding-right:10px;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
}
.normalTit .seeMore:hover{color:#333;}
.hotBox{
    width:1220px;
    margin-left:-9px;
    margin-top:-9px;
}
.hotCol{
    width:226px;
    float:left;
    margin:9px;
    background:#fff;
    border-radius:4px;
    display:block;
}
.hotCol:hover{
    box-shadow:0 0 15px 0 rgba(0,0,0,0.1);
}
.hotCol .hotPic{
    width:226px;
    height:224px;
    overflow:hidden;
}
.hotCol .hotPic img{
    display:block;
    width:226px;
    height:auto;
    min-height:224px; 
    border-radius:4px 4px 0 0;    
}
.hotCol .pic{
    width:226px;
    height:224px;
    overflow:hidden;
    position:relative;
    border-radius:4px 4px 0 0; 
}
.hotCol .pic img{
    display:block;
    width:226px;
    height:auto;
    min-height:224px; 
    border-radius:4px 4px 0 0;    
}
.hotCol .pic video{
	width:100%;
	height:240px;
    object-fit: fill;
}
.hotCol .pic .mask{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:99;
    border-radius:4px 4px 0 0;
    cursor:pointer;    
}
.hotCol .pic .mask .layer{
 	position:absolute;
	width:100%;
	height:100%; 
	top:0;
	left:0;
	z-index:101;
    background:rgba(0,0,0,0.3);    
}
.hotCol .pic .mask img{
	display:block;
	width:auto;
    max-width:100%;
	height:100%;
    margin:0 auto;
    border-radius:4px;
    position:relative;
    z-index:100;
}
.hotCol .introBox{
    padding:15px 10px;
    background:#fff;
    height:134px;
    position:relative;
    border-radius:0 0 4px 4px;
}
.hotCol .introBox .title{
    font-size:14px;
    font-weight:bold;
    color:#282826;
}
.hotCol:hover .introBox .title{
    color:#4E7CF2;
}
.hotCol .introBox .subTit{
    font-size:12px;
    font-weight:500;
    color:#666666;
    background:#F6F6F6;
    height:26px;
    width:100%;
    padding:0 5px;
    line-height:26px;
    margin-top:15px;
}
.introBox .tags span{
    display:inline-block;
    padding:0 10px;
    height: 26px;
    border-radius: 4px;
    background: rgba(78,124,242,0.08);
    font-weight: 500;
    font-size: 12px;
    color:#4E7CF2;
    text-align:center;
    line-height:26px;
    margin-right:10px;
    margin-top:15px;
}
.introBox .bottom{
    margin-top:15px;
    position:absolute;
    bottom:15px;
    left:0;
    width:100%;
    padding:0 10px;
    box-sizing:border-box;
}
.introBox .bottom .price{
    color:#E40404;
    font-size:18px;
    font-weight:bold;
    line-height:28px;
    float:left;
}
.introBox .bottom .price span{
    font-size:12px;
}
.introBox .bottom .enterBtn{
    display:block;
    width: 90px;
    height: 28px;
    border-radius: 4px;
    background: #799BF2;
    font-weight: Bold;
    font-size: 14px;
    font-weight:bold;
    color:#fff;
    text-align:center;
    line-height:28px;
    float:right;
}
.introBox .bottom .enterBtn:hover{
    background: #6388e7;
}
.introBox .introItem{
    padding-bottom:15px;
    display:block;
}
.introBox .introItem:last-child{
    padding-bottom:5px;
}
.introBox .introItem h3{
    font-weight:500;
    font-size: 12px;
    color:#444444;
}

.introBox .introItem p{
    font-weight:500;
    font-size: 12px;
    color:#999999;
    margin-top:8px;
}
.knowledgeBox{
    width:1230px;
    margin-left:-15px;
    margin-top:-10px;
}
.knowledgeCol{
    width:380px;
    float:left;
    margin:10px 15px;
    overflow:hidden;
    background:#fff;
    border-radius:4px;    
}
.knowledgeCol:hover{
    box-shadow:0 0 15px 0 rgba(0,0,0,0.1);
}
.knowledgeCol .pic{
    width:380px;
    height:240px;
    overflow:hidden;
    position:relative;
}
.knowledgeCol .pic img{
    display:block;
    width:380px;
    height:auto;
    min-height:240px; 
    border-radius:4px 4px 0 0;    
}
.knowledgeCol .pic video{
	width:100%;
	height:240px;
    object-fit: fill;
}
.knowledgeCol .pic .mask{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:99;
    border-radius:4px 4px 0 0;
    cursor:pointer;    
}
.knowledgeCol .pic .mask .layer{
 	position:absolute;
	width:100%;
	height:100%; 
	top:0;
	left:0;
	z-index:101;
    background:rgba(0,0,0,0.3);    
}
.knowledgeCol .pic .mask img{
	display:block;
	width:auto;
    max-width:100%;
	height:100%;
    margin:0 auto;
    border-radius:4px;
    position:relative;
    z-index:100;
}
.mask .playBtn{
	display:block;
	width:40px;
	height:40px;
	background: url(../images/i_play.png) no-repeat center center; background-size: 100% 100%;
	position:absolute;
	z-index:103;
	top:50%;
	margin-top:-20px;
	left:50%;
	margin-left:-20px;
    cursor:pointer; 
}
.knowledgeCol .introBox{
    padding:15px 10px;
    background:#fff;
    border-radius:0 0 4px 4px;
    height:134px;
    position:relative;
}
.knowledgeCol .introBox .title{
    font-size:14px;
    font-weight:bold;
    color:#282826;
}
.knowledgeCol:hover .introBox .title{
    color:#4E7CF2;
}
.softCol{
    height:496px;
    background:#fff;
    border-radius:4px;
    overflow:hidden;
}
.softCol .topTit{
    padding:20px 10px;
    color:#333333;
    font-weight: Bold;
    font-size: 14px;
    background:#fff;
    border-bottom:1px solid #E9E9E9;
}
.softCol .topTit:hover{
    color:#4E7CF2;
}
.softCol .introBox .introItem:hover h3{
    color:#4E7CF2;
}
.softCol .introBox .introItem:hover p{
    color:#4E7CF2;
}
/*轮播图*/
.Banner { position: relative; background: pink; }
.bannerSwiper { overflow: hidden; position: relative; }
.bannerSwiper .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center }
.bannerSwiper .swiper-pagination { bottom: 30px !important; }
.bannerSwiper .swiper-pagination-bullet { width: 50px; height: 3px; border-radius: 0; margin: 0 3px; background: #fff; opacity: 0.5; }
.bannerSwiper .swiper-pagination-bullet-active { background: #fff; opacity: 1; }

.businessBox .layout { width: 1224px; }
.businessBox .layout .col-md-3 { padding-left: 12px; padding-right: 12px; margin: 12px 0; }
.businessCol { background: #fff; text-align: center; padding: 50px 43px; }
.businessCol img { width: 52px; height: 49px; display: block; margin: 0 auto 32px auto; }
.businessCol .title { font-weight: 700; color: #333333; font-size: 18px; }
.businessCol .enTit { font-weight: 700; color: #cad3e2; font-size: 14px; text-transform: uppercase; margin-top: 16px; }
.businessCol .colLine { display: block; width: 203px; height: 8px; background: url(../images/menu_bottom.png) no-repeat center center; background-size: 203px 8px; margin: 23px auto; }
.businessCol .subTit { text-align: center; font-size: 14px; color: #606b7c; line-height: 2; }
.businessCol .infoItem { padding-left: 25px; margin-top: 35px; }
.businessCol .infoItem p { font-size: 14px; color: #048ffa; text-align: left; background: url(../images/line_4.png) no-repeat center left; background-size: 4px 2px; padding-left: 17px; margin-bottom: 32px; }
.businessCol .subInfo p { color: #0ccbdc; margin-bottom: 18px; background: none; }
.serviceBox .serviceCol { padding: 60px; box-sizing: border-box; background: #fff; margin: 12px 0; }
.serviceBox .layout { width: 1224px; }
.serviceBox .layout .col-md-6 { padding-left: 12px; padding-right: 12px; }
.serviceCol .title { color: #333333; font-size: 18px; font-weight: bold; padding-bottom: 30px; background: url(../images/bott_line.png) no-repeat left bottom; background-size: 88px 3px; }
.serviceCol .serviceInfo { font-size: 14px; color: #606b7c; line-height: 2; margin-top: 22px; }
.roleBox .layout { width: 1224px; }
.roleBox .layout .col-md-3 { padding-left: 12px; padding-right: 12px; }
.roleBox .roleCol { background: #fff; text-align: center; padding: 50px 43px; margin: 12px 0; position: relative; cursor: pointer; }
.roleBox .roleCol img { width: 75px; height: 75px; display: block; margin: 0 auto 32px auto; }
.roleBox .roleCol h3 { font-size: 18px; color: #333333; font-weight: bold; }
.roleBox .roleDetail { display: none; width: 100%; height: 100%; background: #0090ff; color: #fff; position: absolute; top: 0; left: 0; }
.roleBox .roleDetail .title { height: 62px; line-height: 62px; width: 100%; color: #ffffff; background: #34a7ff; font-size: 18px; font-weight: bold; }
.roleBox .roleDetail .roleIntro { padding: 20px 30px; font-size: 14px; line-height: 1.6; text-align: left; }
.caseOuter{width:100%;background: url(../images/clientBg.png) no-repeat center center #EBECF1; background-size:auto;padding:12px 0 40px 0;margin-top:20px;}
.caseBox {width: 1218px;margin-left:-12px;}
.caseBox .caseCol {float: left;width:150px;margin:12px;cursor:pointer;display:block;}
.caseBox .caseCol:hover{box-shadow:0 0 15px 0 rgba(0,0,0,0.1);}
.caseBox .caseCol img { display: block; width:150px;height:150px;}
.filterBox{margin-top:40px;}
.filterCol{border-bottom:1px solid #F5F5F5;padding:22px 15px 0 15px;background:#fff; }
.filterCol .title{
    float:left;
    font-weight: Bold;
    font-size: 14px;
    color:#999;
    margin-right:48px;
}
.filterCol .item{
    float:left;
    width:1050px;
}
.filterCol .item a{
    display:inline-block;
    font-weight: 500;
    color:#333;
    font-size: 14px;
    margin-right:48px;
    margin-bottom:22px;
}
.filterCol .item a:hover{
    color:#4E7CF2;
}
.filterCol .item a.cur{
    color:#4E7CF2;
}
.softMain{
    padding:20px 0;
}
.horizontalCol{
    background:#fff;
    border-radius:4px;
    padding:10px;
    width:100%;
    margin-top:15px;
    display:block;
}
.horizontalCol:hover{
    box-shadow:0 0 16px 0 rgba(196,211,251,0.5);
}
.horizontalCol .pic{
    float:left;
    width:172px;
    height:172px;
    overflow:hidden;
    display:block;
}
.horizontalCol .pic img{
    display:block;
    width:172px;
    min-height:172px;
    height:auto;
    border-radius:5px;
}
.horizontalCol .info{
    padding:0 15px;
    float:left;
    width:725px;
}
.horizontalCol .info h3{
    /*font-weight: Bold;*/
    font-size: 18px;
    color:#333;
    margin:5px 0 8px 0;
    line-height:1.6;
}
.horizontalCol .info p{
    /*font-weight: Bold;*/
    font-size: 14px;
    color:#666;
    line-height:1.8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;     
}
.horizontalCol .buyBox{
    padding:48px 10px;
    border-left:1px solid #EAEAEA;
    text-align:center;
    float:right;
    height:100%;
    width:264px;
    box-sizing:border-box;
}
.buyBox .price{
    font-size:20px;
    font-weight:bold;
    color:#E40404;
}
.buyBox .price span{
    font-size:14px;
    font-weight:bold;
    margin-right:3px;
}
.buyBox .freeBtn{
    display:block;
    width: 104px;
    height: 40px;
    border-radius: 4px;
    background:#FF9D00;
    font-size:14px;
    color:#FFFFFF;
    text-align:center;
    line-height:40px;
    margin:15px auto 0 auto;
}
.buyBox .freeBtn:hover{
    background:#eebe72;
}
/*个人中心*/
.myBox{
    margin-top:10px;
}
.myLeft{
    width:358px;
    background:#fff;
    float:left;
    min-height:535px;
}
.my_tit{
    height:56px;
    line-height:56px;
    color:#282826;
    font-weight: Bold;
    font-size: 18px;
    background: url(../images/titbg_320.png) no-repeat center center; background-size:100% 100%;
    padding-left:20px;
}
.leftMenu a{
    display:block;
    padding:20px;
    font-weight: 500;
    font-size: 14px;
    color:#333;
}
.leftMenu a:hover{
    background:#F1F5FE;
    color:#4E7CF2;
}
.leftMenu a.cur{
    background:#F1F5FE;
    color:#4E7CF2;
}
.leftMenu a span{
    padding-left:24px;
}
.leftMenu .i_zh{
    background: url(../images/myIcon_1.png) no-repeat center left; background-size:16px 16px;
}
.leftMenu .i_cp{
    background: url(../images/myIcon_2.png) no-repeat center left; background-size:16px 16px;
}
.leftMenu .i_zs{
    background: url(../images/myIcon_3.png) no-repeat center left; background-size:16px 16px;
}
.leftMenu .i_cl{
    background: url(../images/myIcon_4.png) no-repeat center left; background-size:16px 16px;
}
.leftMenu .i_zhs{
    background: url(../images/myIcon_5.png) no-repeat center left; background-size:16px 16px;
}
.leftMenu .i_fu{
    background: url(../images/myIcon_6.png) no-repeat center left; background-size:16px 16px;
}
.myRight{
    min-height:535px;
    margin-left:368px;
    background:#fff;
}
.content{
    width:100%;
    padding:20px 10px;
    box-sizing:border-box;
}
.basicInfo{
    background:#F6F8FE;
    padding:16px 12px;
    border-radius:4px;
}
.basicInfo .mynormal_tit{
    color:#555555;
    font-size:18px;
    font-weight:bold;
    position:relative;
    padding:0 0 0 16px;
}
.basicInfo .mynormal_tit .line{
    width: 2px;
    height: 18px;
    background: #4E7CF2;
    position:absolute;
    left:0;
    top:50%;
    margin-top:-9px;
}
.basicInfo .infoItem{
   font-size: 16px;
   color:#333;
   padding-top:12px;
}
.basicInfo .infoItem p{
    margin-top:12px;
}
.basicInfo .infoItem p span:first-child{
    color:#666;
    display:inline-block;
    width:4em;
    margin-right:40px;
}
.basicInfo .infoItem .editName{
    background: url(../images/i_edit.png) no-repeat center right; background-size:12px 14px;
    padding-right:18px;
    cursor:pointer;
}
.fullTable{
    width:100%;
    table-layout:fixed;
    background:#fff;
}
.fullTable th{
    background:#EBF1FD;
    font-size:14px;
    color:#666;
    padding:23px 8px;
    text-align:center;
}
.fullTable tr:hover{
    background:#f5f5f5;
    cursor:pointer;
}
.fullTable td{
    font-size:14px;
    color:#999;
    padding:23px 8px;
    text-align:center;
    border-bottom:1px solid #EFF0F9;
    line-height:1.8;
}
.fullTable td a{
    padding:0 8px;
}
.fullTable td a:hover{
    color: #4E7CF2;
}
.formBox{
    margin:23px 0 23px 0;
    /*height:45px;*/
}
.inputOuter{
    float:left;
}
.inputOuter label,.dateBox label{
    font-size:14px;
    color:#666;
    line-height:40px;
    float:left;
}
.form-control{
    height:40px!important;
    font-size:14px;
}
.dateBox{
    float:right;
}
.dateBox .zhi{
    font-size:14px;
    color:#333;
    margin:0 10px;
    float:left;
    line-height:40px;
    
}
.dateBox .input-group{
    width:260px;
    float:left;
}
.goBtn{
    display:block;
    float:right;
    width: 90px;
    height: 40px;
    border-radius: 4px;
    background: rgba(78,124,242,1);
    font-size:14px;
    color:#fff;
    text-align:center;
    line-height:40px;
    margin-left:20px;
}
.goBtn:hover{color:#fff;background: rgba(78,124,242,0.8);}

.horizontalCol:hover{
    cursor:pointer;
    box-shadow:0 0 16px 0 rgba(196,211,251,0.5);
}

.horizontalCol .frontinfo{
    float:left;
    /*width:992px;*/
    padding:5px 45px 0 15px;
}
.horizontalCol .frontinfo h3{
    font-weight: Bold;
    font-size: 16px;
    color:#333;
    margin:5px 0 15px 0;
}
.horizontalCol .frontinfo p{
    font-size: 14px;
    color:#666;
    line-height:1.8;
}
.horizontalCol .infoBott{
    margin-top:15px;
}
.horizontalCol .infoBott p{
    float:right;
    font-size: 14px;
    color:#666;
}
.horizontalCol .infoBott p.date{
    float:left;
    font-size: 14px;
    color:#999;
}
.bigPic{
    float:left;
    width:800px;
    height:473px;
    overflow:hidden;
    position:relative;
    margin-top:10px;
    cursor:pointer;
    display:block;
}
.bigPic:hover .layer{
    cursor:pointer;
    color:#4E7CF2;
}
.bigPic img{
    width:800px;
    height:473px;
    overflow:hidden;
}
.bigPic .layer{
    width:100%;
    height:72px;
    background: rgba(241,245,254,0.8);
    position:absolute;
    left:0;
    bottom:0;
    font-weight: Bold;
    font-size: 20px;
    line-height:72px;
    padding:0 10px;
    box-sizing:border-box;
}
.frontRight{
    width:395px;
    float:right;
    margin-top:10px;
    cursor:pointer;
}
.frontRight .smallPic{
    float:left;
    width:395px;
    height:233px;
    overflow:hidden;
    position:relative;
    margin-bottom:7px;
    display:block;
}
.frontRight .smallPic img{
    width:395px;
    height:233px;
    overflow:hidden;
}
.frontRight .smallPic .layer{
    width:100%;
    height:36px;
    background: rgba(241,245,254,0.8);
    position:absolute;
    left:0;
    bottom:0;
    font-size: 14px;
    line-height:36px;
    padding:0 10px;
    box-sizing:border-box;
}
.smallPic:hover .layer{
    cursor:pointer;
    color:#4E7CF2;
}