@charset "utf-8";
body{
    font-family: "微软雅黑", "Microsoft YaHei", "黑体简体", "Arial regular,helvetica regular", serif !important;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #424242;
}
.clearFix {
    zoom: 1;
}

.clearFix:after {
    content: "";
    display: block;
    clear: both;
}
a,img{border:0;}
.warp{
    width:1170px;
    margin:0 auto;
}

/*bannerwrap.css start*/
.bannerwrap{
    margin-top: 40px;
}
.contentWrap{
    width: 870px;
}
.sideWrap{
    width: 270px;
}
.bannerlunbo,
.bannerwrap .lubo_box  li,
.bannerwrap .lubo_box a,
.bannerwrap .lubo_box img{
    width: 870px!important;
    height: 300px!important;
}
.bannerlunbo .lunbo-btn-box {
    width: 870px;
    top: 120px;
    margin-left: -435px;
}
.bannerlunbo{
    overflow: hidden;
}

.lubo_box li{
    display: block;
    opacity:1;
}
.operationRoomWrap{
    border:5px solid #0b74d4;
    border-left:none;
    border-right:none;
    text-align: center;
    height: 300px;
}

.orTitle{
    width:121px;
    height: auto;
    margin: 15px 0 18px 0;
}
.operationRoomList{
    height: 218px;
}
.operationRoomList li{
    zoom: 1;
    margin-bottom: 15px;
}
.operationRoomList li:after {
    content: "";
    display: block;
    clear: both;
}
.operationRoomList img,
.operationRoomList .orInfo{
    float: left;
}
.operationRoomList img{
    width:36px;
    height: auto;

}
.orInfo span{
    display: block;
    font-size: 16px;
    height: 16px;
    font-weight: bold;
    color:#1E88E5;
    line-height: 16px;
    text-align: left;
    margin-bottom: 7px;
}
.orInfo{
    width: 214px;
    margin-left: 10px;
}
.orInfo p{
    word-break: break-all;
    font-size: 14px;
    line-height: 20px;
    color:#424242;
    text-align: left;
    height: 40px;
    overflow: hidden;
}
/*bannerwrap.css end*/

/*orNewsWrap.css start*/
.orNewsContentWrap{
    margin-top: 20px;
}
.orNewsWrap{
    margin-top: 40px;
}
.orNewsTitleWrap{
    border-bottom: 1px solid #d8d8d8;
    height: 46px;
}
.orNewsTitleWrap img{
   height: 39px;
    width: auto;
    float: left;
}
.orNewsTitleWrap a{
    float: right;
    font-size: 16px;
    color: #1E88E5;
    line-height: 32px;
    margin-top: 7px;
}
.orCarousel{
    width: 370px;
    height: 448px;
}
.carousel-indicators{
    bottom: 0;
}
.carousel-inner img{
    width: 370px;
    height: 278px!important;
}
.carousel-inner .item{
    background: #fff;
}
.carousel-indicators li{
    cursor: pointer;
}
.carousel-indicators li {
    width: 12px;
    height: 12px;
    opacity: .5;
    filter: alpha(opacity=50);
    background: #5381ba!important;
    margin:0 3px;
}
.carousel-indicators .active {
    background: #fff!important;
    opacity: 1!important;
    filter: alpha(opacity=100)!important;
    margin: 0 5px;
    box-shadow: 0 0 10px 0 #5381ba;
}
.line{
    display: block;
    width: 40px;
    border-bottom: 4px solid #454545;
    margin-top: 20px;
    margin-bottom: 17px;
}
.zxLeftImgLink .orNewsTitle:hover{
    color: #1E88E5!important;
}
.item a{
    cursor: default;
}
.zxLeftImgLink{
    cursor: pointer!important;
}
.orNewsTitle a{
    color: #212121;
}
.zxLeftImgLink .orNewsTitle{
    cursor: pointer!important;
}
.zxLeftImgLink .orNewsinfo{
    cursor: pointer!important;
}
.orNewsTitle{
    font-size: 20px;
    font-weight: bold;
    color: #212121;
    line-height: 20px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 10px;
}
.carousel-caption{
    width: 100%;
}
.orNewsinfo{
    font-size: 14px;
    color: #424242;
    line-height: 24px;
    text-align: left;
    height: 72px;
    overflow: hidden;
}
.orInfoWrap{
    width: 470px;
}
.informationList{
    margin-top: 4px;
}
.informationList li:first-child{
    border-top:none;
    padding-top:0;
}
.informationList li{
    border-top:1px dashed #d2d2d2;
    padding-top:20px;
}
.informationListWrap p:first-child{
    font-size: 20px;
    color: #212121;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 20px;
    margin-bottom: 10px;
    height: 22px;
}
.informationList li:hover .informationHover .informationListWrap p:first-child{
    color: #1E88E5;
}
.informationHover{
    cursor: pointer;
}
.informationHover:hover{
    color: #1E88E5;
}
.informationListWrap p{
    font-size: 14px;
    line-height: 24px;
    color:#424242;
    height: 48px;
    overflow: hidden;
    word-break: break-all;
}
.readNumWrap{
    text-align: right;
    margin-top: 15px;
    margin-bottom: 20px;
    overflow: hidden;
}
.readNumWrap img{
    width: 16px;
    height: auto;
}
.readNum{
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    color:#757575;
    padding-left:6px;
    max-width: 450px;
}
.hr{
    border-left:6px solid #c4dbf9;
    height: 475px;
    margin-top: 20px;
}
.latestActivitiesWrap{
    background: #f3f3f3;
    width: 264px;
    height: 518px;
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
}
.latestActiveList img{
    width: 230px;
    height: 145px;
    margin-bottom: 7px;
}
.activeTitle{
    width: 138px;
    height: auto;
}
.latestActiveList{
    margin-top: 20px;
}
.latestActiveList li:first-child{
    border-bottom: 1px dashed #d2d2d2;
    padding-bottom: 13px;
    margin-bottom: 21px;
}
.latestActivHover:hover p{
    color: #1E88E5;
}
.latestActiveList li:first-child span{
    line-height: 28px;
}
.latestActiveList li{
    padding-bottom: 37px;
}
.latestActiveList a{
    cursor: default;
}
.latestActivHover{
    cursor: pointer!important;
}

.activeContentWrap p{
    font-size: 16px;
    color: #212121;
    font-weight: bold;
    line-height: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    margin-bottom: 7px;
}

.activeContentWrap span{
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px;
    color: #424242;
    line-height: 20px;
    text-align: left;
}
.adWrap{
    clear: both;
}
.adOne img{
    width: 1170px;
    height: auto;
    margin-top: 40px;
}
/*orNewsWrap.css end*/

/*excellentCasesWrap.css start*/
.excellentCasesTitle{
    clear: both;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 59px;
}
.excellentCasesTitle img{
    height: 73px;
    width: auto;
    margin-top: 60px;
}
.excellentCasesWrap{
    background: url("../img/caseLineBg.png") repeat-x 0 0;
    margin-top: 60px;
}
.casesWrap{
    background: url("../img/caseBg.png") no-repeat center 0;
    min-height: 500px;
}
.bigCaseImgWrap{
    width: 270px;
    height: 465px;
    position: relative;
    -webkit-box-shadow: 10px 0 15px 0 rgba(201, 221, 238, 0.8);
    -moz-box-shadow:    10px 0 15px 0 rgba(201, 221, 238, 0.8);
    box-shadow:         10px 0 15px 0 rgba(201, 221, 238, 0.8);
}
.bigCaseImgWrap a{
    cursor: default;
}
.bigCaseImgWrap img{
    width: 270px;
    height: 465px;
}
.maskWrap{
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
}
.bigCaseMash{
    background: url("../img/bigCaseLine_n.png") repeat-x 0 0;
    width: 100%;
    height: 465px;
}
.bigCasetxtWrap{
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    padding:40px 16px 0;
}
.bigCasetxtWrap div span{
    display: inline-block;
    border-bottom: 5px solid #fff;
    width: 48px;
    margin-bottom: 14px;
}
.bigCasetxtWrap p{
    font-size: 24px;
    line-height: 36px;
    font-weight: bold;
    color: #fff;
    max-height: 144px;
    overflow: hidden;
}
.caseFourWrap{
    border: 1px solid #ced7df;
    width: 600px;
    height: 466px;
}
.caseFourList{
    width: 540px;
    margin-left: 30px;
    margin-top: 22px;
}
.caseFourList li{
    float: left;
    width: 210px;

    margin: 0 30px 18px;
}
.caseFourList li a{
    display: inline-block;
    cursor: default;
}
.caseFourListHover{
    cursor: pointer!important;
}
.caseFourListHover:hover p{
    color: #1E88E5;
}
.caseFourList li img{
    width: 210px;
    height: 158px;
    margin-bottom: 0;
    border: 1px solid #d8d8d8;
}
.caseFourList li p{
    font-size: 14px;
    line-height: 22px;
    color: #212121;
    text-align: left;
    word-break: break-all;
    height:44px;
    overflow: hidden;
}
.sideCaseList{
    padding-top: 10px;
}
.sideCaseList li{
    position: relative;
    width: 254px;
    height: 190px;
    overflow: hidden;
    margin: 20px auto 0;
    cursor: pointer;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
.sideCaseList li a{
    cursor: default;
}
.sideCaseHover {
    display: inline-block;
    cursor: pointer!important;
}
.sideCaseWrap{
    border: 5px solid #0b74d4;
    border-left: none;
    border-right: none;
    text-align: center;
    width: 270px;
    height: 465px;
}
.sideCaseList img{
    width: 100%;
    height: 100%;
}
.sideCaseBg{
    background: url("../img/sideCaseBg_n.png") repeat-x 0 0;
    width: 100%;
    height: 300px;
}
.sideCaseList p{
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    color: #fff;
    word-break: break-all;
    padding:0 20px;
    min-height: 36px;
    overflow: hidden;
    text-align: left;
    position: absolute;
    left:0;
    bottom:12px;
}
.sideCaseBg{
    position: absolute;
    left:0;
    top:68px;
}
/*excellentCasesWrap.css end*/
/*industryExpertsWrap.css start*/
.industryExpertsWrap{
    margin-top: 40px;
}
.bigIndustryImgWrap{
    width: 270px;
    height: 465px;
    position: relative;
    -webkit-box-shadow: 10px 0 15px 0 rgba(235, 212, 185, 0.8);
    -moz-box-shadow:    10px 0 15px 0 rgba(235, 212, 185, 0.8);
    box-shadow:         10px 0 15px 0 rgba(235, 212, 185, 0.8);
}
.bigIndustryImgWrap img{
    width: 270px;
    height: 465px;
}
.bigIndustryMash{
    background: url("../img/bigIndustryLine_n.png") repeat-x 0 0;
    width: 100%;
    height: 465px;
}
.bigIndustrytxtWrap{
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    padding:40px 16px 0;
}
.bigIndustrytxtWrap div span{
    display: inline-block;
    border-bottom: 5px solid #fff;
    width: 48px;
    margin-bottom: 14px;
}
.bigIndustrytxtWrap p{
    font-size: 24px;
    line-height: 36px;
    font-weight: bold;
    color: #fff;
    max-height: 144px;
    overflow: hidden;
}
.bigIndustryList{
    margin-left: 30px;
    text-align: left;
}
.bigIndustryList li {
    zoom: 1;
    cursor: pointer;
    margin-bottom: 20px;
}
.hasImgWrap{
    padding-bottom: 10px;
}
.bigIndustryWrap{
    border: 1px solid #e0d7ce;
    width: 600px;
    height: 465px;
    text-align: right;
}
.moreCase{
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    color: #1e8ae5;
    height: 26px;
    cursor: pointer;
    margin-right: 20px;
}
.moreCase:hover{
    color: #1e8ae5;
}
.bigIndustryList a{
    cursor: default;
}
.bigIndustryHover{
    cursor: pointer!important;
}
.bigIndustryHover:hover span{
    color: #1E88E5;
}
.bigIndustryHover:hover .industryTitle{
    color: #1E88E5;
}
.bigIndustryList{
    margin-top: 30px;
}
.bigIndustryList img{
    float: left;
    width: 170px;
    height: 127px;
    border: 1px solid #d8d8d8;
}
.industryContent{
    float: left;
    margin-left: 10px;
    width: 366px;
}
.industryContent span{
    display: inline-block;
    font-size: 18px;
    line-height: 24px;
    color: #212121;
    font-weight: bold;
    word-break: break-all;
    margin-bottom: 4px;
    margin-top: 9px;
    max-height: 48px;
    overflow: hidden;
}
.industryContent p{
    font-size: 14px;
    line-height: 20px;
    color: #424242;
    text-align: left;
    word-break: break-all;
    height: 60px;
    overflow: hidden;
    padding-right: 18px;
}
.industryTitle span{
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #c9c9c9;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    position: relative;
    top:-4px;
    left: 0;
    margin-right: 7px;
}
.industryTitle{
    font-size: 18px;
    line-height: 20px;
    color: #212121;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 550px;
    position: relative;
}
.sideindustryWrap{
    border: 5px solid #fb8c00;
    border-left: none;
    border-right: none;
    width: 270px;
    height: 465px;
    text-align: left;
}
.industryTitleImg{
    width: 96px;
    height: auto;
    margin: 15px 0;
}
.sideindustryList li{
    width: 270px;
    height: 98px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
    background: #f0f1f3;
}
.sideindustryList a{
    cursor: default;
}
.sideindustryList li:hover{
    background: #e5f3ff;
}

.sideindustryList li {
    padding: 12px 20px 0;
    zoom: 1;
    margin-bottom: 15px;
}
.sideindustryList li:after {
    content: "";
    display: block;
    clear: both;
}
.headPortrait{
    width: 74px;
    height: 74px;
    overflow: hidden;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    margin-right: 10px;
}
.headPortrait img{
    width: 74px;
    height: 74px;
}
.expert{
    width: 146px;
}
.expert span{
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    color: #212121;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 8px;
    margin-top: 10px;
}
.expert p{
    font-size: 12px;
    line-height: 16px;
    color: #424242;
    height:33px;
    overflow: hidden;
    word-break: break-all;
}
.expert p i{
    margin:0;
    display: inline-block;
    padding: 0 0 0 7px;
}
.moreExpert:hover{
    color: #1e8ae5;
}
.moreExpert{
    display: block;
    box-sizing: border-box;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
    border: 1px solid #90b9df;
    font-size: 16px;
    color: #1e8ae5;
    height: 48px;
    width: 270px;
    line-height: 48px;
    text-align: center;
}
/*industryExpertsWrap.css end*/
/*interactiveZoneAllWrap.css  start*/
.interactiveZoneAllWrap{
    background: #dde8f2;
    margin-top: 60px;
}
.interactiveZoneWrap{
    background: url('../img/interactiveBgN.jpg') no-repeat center 0;
    padding-top:60px;
    min-height: 629px;
}
.adThree img{
    margin-bottom: 60px;
}
.QRCodeWrap{
    position: relative;
    width: 270px;
    height: 465px;
}
.QRCodeBg{
    width: 270px;
    height: auto;
}
.QRCodeImg{
    width: 102px;
    height: 102px;
    position: absolute;
    left: 84px;
    top: 285px;
    z-index: 1;
}
.QRCodeTips{
    color: #4f84d3;
    font-size: 14px;
    line-height: 18px;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 404px;
    z-index: 1;
}
.wendaWrap>li{
    float: left;
    width: 420px;
    position: relative;
    -webkit-box-shadow: 0 0 38px rgba(189, 197, 204, 0.4);
    -moz-box-shadow: 0 0 38px rgba(189, 197, 204, 0.4);
    box-shadow: 0 0 38px rgba(189, 197, 204, 0.4);
    cursor: pointer;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    margin-left: 30px;
}
.wendaBg{
    width: 420px;
    height: auto;
}
.wendaBox{
    position: absolute;
    left:0;
    top:0;
    width: 100%;
}
.wendaBox a:focus {
    color: #1e8ae5;
}
.wendaWrap li {
    zoom: 1;
}

.wendaWrap li:after {
    content: "";
    display: block;
    clear: both;
}
.wendaList li:first-child{
    border:none;
}
.wendaList li {
    zoom: 1;
    width: 100%;
    border-top:1px dashed #d2d2d2;
    padding-top: 17px;
    padding-bottom:17px;
}
.wendaList li:hover .wendaContent{
    color: #1e8ae5;
}
.wendaList li:after {
    content: "";
    display: block;
    clear: both;
}
.wendaList{
    width: 342px;
    height: 282px;
    margin: 30px auto 0;
}
.wendaBox{

}
.moduleTitle{
    font-size: 18px;
    line-height: 24px;
    color: #212121;
    font-weight: bold;
    text-align: left;
    padding-left: 63px;
    margin-top: 31px;
    padding-right: 23px;
    height: 48px;
    overflow: hidden;
}
.moduleTitle a{
    color: #212121;
}
.moduleTitle a:hover{
    color: #1E88E5;
}
.headPic{
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin-right: 10px;
}
.headPic img{
    width: 25px;
    height: 25px;
}
.wendaContent{
    font-size: 14px;
    line-height: 20px;
    color: #212121;
    text-align: left;
    word-break: break-all;
    width: 306px;
    height: 62px;
    overflow: hidden;
    margin-top: -3px;

}
.wendaLink span{
    display: inline-block;
    background: url("../img/bluePen.png") no-repeat center 0;
    width: 20px;
    height: 19px;
    position: absolute;
    top: 18px;
    left: 124px;
}
.wendaLink{
    position: relative;
    display: block;
    background: #edf7ff;
    font-size: 18px;
    line-height: 54px;
    font-weight: bold;
    text-align: center;
    border-top:1px solid #d8d8d8;
    height: 54px;
    width: 100%;
    margin-top: 22px;
    color: #1e8ae5;
    cursor: pointer;
    padding-left: 28px;
}
.wendaLink:hover{
    color: #e46327;
    background: #fefaee;
}
.wendaLink:hover span{
    background: url("../img/redPen.png") no-repeat center 0;
}
.goOnWenda{
    font-size: 16px;
    line-height: 16px;
    color: #212121;
    text-align: center;
    padding-top: 30px;
    clear: both;
}
.goOnWenda a{
    color: #1e8ae5;
    cursor: pointer;
}
/*interactiveZoneAllWrap.css  end*/

/*learningAreaAllWrap.css start*/
.learningAreaAllWrap{
    background: url("../img/learningAreaLineBg.png") repeat-x 0 0;
    margin-bottom: 60px;
}
.learningAreaWrap{
    background: url("../img/learningAreaBg.png") no-repeat center 0;
}
.learningAreaTitle{
    text-align: center;
   padding:60px 0;
}
.learningAreaTitle img{
    height: 74px;
    width: auto;
}

.learningInfoWrap{
    width: 270px;
    height: 465px;
    position: relative;
    -webkit-box-shadow: 10px 0 15px 0 rgba(241, 227, 213, 0.8);
    -moz-box-shadow:    10px 0 15px 0 rgba(241, 227, 213, 0.8);
    box-shadow:         10px 0 15px 0 rgba(241, 227, 213, 0.8);
}
.learningInfoWrap img{
    width: 270px;
    height: 465px;
}
.learningInfoMash{
    background: url("../img/learningInfoLine_n.png") repeat-x 0 0;
    width: 100%;
    height: 465px;
}
.learningInfotxtWrap{
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    padding:40px 16px 0;
}
.learningInfotxtWrap div span{
    display: inline-block;
    border-bottom: 5px solid #fff;
    width: 48px;
    margin-bottom: 14px;
}
.learningInfotxtWrap p{
    font-size: 24px;
    line-height: 36px;
    font-weight: bold;
    color: #fff;
    max-height: 144px;
    overflow: hidden;
}
.learningAreaInfoWrap{
    border: 1px solid #dcd0c1;
    width: 330px;
    height: 465px;
}
.learnContentWrap{
    width: 600px;
}
.learnSideWrap{
    width: 540px;
}
.learninInfoList{
    padding-left: 0;
    padding-top:10px;
}
.learninInfoList li{
    position: relative;
    width: 254px;
    height: 190px;
    overflow: hidden;
    margin: 20px auto 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
.learninInfoList img{
    width: 100%;
    height: 100%;
}
.learninInfoBg{
    background: url("../img/learninInfoBg_n.png") repeat-x 0 0;
    width: 100%;
    height: 300px;
}
.learninInfoList p{
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    color: #fff;
    word-break: break-all;
    padding:0 20px;
    min-height: 36px;
    overflow: hidden;
    text-align: left;
    position: absolute;
    left:0;
    bottom:12px;
}
.learninInfoBg{
    position: absolute;
    left:0;
    top:68px;
}
.sideLearnWrap{
    border: 5px solid #ef5302;
    border-left: none;
    border-right: none;
    width: 540px;
    height: 465px;
    text-align: left;
    position: relative;
}
.learnTitleImg{
    width: auto;
    height: 24px;
    margin-top:20px;
    margin-bottom: 10px;
}
.leanTitleInfo{
    font-size: 16px;
    color: #424242;
    line-height: 16px;
}
.learnList{
    height: 369px;
    overflow: hidden;
    position: absolute;
    left: -28px;
    top: 70px;
    width: 600px;
    padding: 0 20px 20px;
}
.learnList li{
    width: 260px;
    height: 95px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
    cursor: pointer;
    border: 1px solid #f7e3cf;
    padding: 20px 20px 0;
    margin: 20px 10px 0;
    float: left;
}
.learnList img{
    width: 28px;
    height: auto;
    float: left;
    margin-right: 10px;
}
.learnList p{
    float: left;
    font-size: 16px;
    line-height: 20px;
    color: #212121;
    height: 60px;
    word-break: break-all;
    width: 178px;
    margin-top: -3px;
    overflow: hidden;
}
.learnList li {
    zoom: 1;
}
.learnList li:nth-child(2n){
    margin-right: 0;
}
.learnList li:after {
    content: "";
    display: block;
    clear: both;
}
.learnList li:hover{
    border:1px solid #fff;
    -webkit-box-shadow: 0 0 38px rgba(189, 197, 204, 0.4);
    -moz-box-shadow: 0 0 38px rgba(189, 197, 204, 0.4);
    box-shadow: 0 0 38px rgba(189, 197, 204, 0.4);
}
/*learningAreaAllWrap.css end*/
/*partnerWrap.css  start*/
.partnerWrap{
    background: #f2f2f2;
    width: 100%;
    /*margin-top: 60px;*/
}
.partnershipWrap{
    background: url("../img/partnerBg.png") no-repeat center 0;
}
.partnerTitle{
    font-size: 36px;
    text-align: center;
    line-height: 36px;
    color: #424242;
    font-weight: bold;
   padding-top: 40px;
    padding-bottom: 20px;
}
.partnerList{
    margin: 0 auto;
    width: 1020px;
    padding-bottom: 40px;
}
.partnerList li{
    float: left;
    display:table;
    width: 235px;
    height: 77px;
    background: #fff;
    border: 1px solid #d8d8d8;
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
}
.partnerList li a{
    display: table-cell;
    max-width: 225px;
    max-height: 67px;
    text-align: center;
    vertical-align: middle;
    cursor: default;
}
.partnerList li img{
    max-width: 225px;
    max-height: 67px;
    width: auto;
    height: auto;
}
/*partnerWrap.css  end*/
/*reportWrap.css start*/
.reportBtn{
    outline: none;
    border: none;
    background: none;
    position: absolute;
    right: -121px;
    top:0;
}
.reportBtn img{
    width: 101px;
    height: auto
}
.reportWrap{
    width: 1170px;
    position: fixed;
    right: 50%;
    margin: 0 -585px 0 auto;
    top:42%;
    background: transparent;
}
.minWidth{
    width: 100%;
    right: 0;
    margin-right: 0;
}
.minWidth .reportBtn{
    position: absolute;
    right: 0 !important;
    top:0;
}
button{
    cursor: pointer;
}
.btn{
    background-color: #3a82cc!important;
    border-color: #1e88e5;
    color: #fff !important;
}
.btn:hover{
    background-color: #3a82cc!important;
    border-color: #1e88e5;
    color: #fff !important;
}
.btn:focus {
    background-color: #1e88e5!important;
    border-color: #1e88e5;
}
.btn-prey{
    background-color: #fff!important;
    border-color: #ccc;
    color: #757575!important;
}
.btn-prey:hover{
    background-color: #fff!important;
    border-color: #ccc;
    color: #424242!important;
}
.modalTips{
    font-size: 14px;
    color:#424242;
    line-height: 14px;
    text-align: center;
    margin-bottom: 15px;
}
.modal-body {
    padding: 30px;
}
.control-label{
    position: relative;
    color: #424242;
    width: 84px;
}
.reportModal input{
    width: 320px;
    height: 30px;
    padding: 6px 6px;
    font-size: 14px;
    line-height: 30px;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 5px;
}
.reportModal .form-group{
    margin-bottom: 20px!important;
}

.modal-con>i{
    display: none;
}
.reportModal .modal-content{
    width: 502px;
}

.bootboxWrap .bootbox .modal-header{
    border:none;
    height: 28px;
}
.bootboxWrap .bootbox .bootbox-body{
    margin-top: -5px!important;
}
.bootboxWrap .bootbox .modal-body{
    padding-top:0!important;
}
.bootboxWrap .bootbox .modal-dialog{
    background: #fff;
}
.bootboxWrap .bootbox .modal-footer{
    border:none;
    text-align: center;
}
.bootboxWrap .bootbox .modal-con{
    min-width: 0!important;
}
.bootTitle{
    font-size:20px;
    color: #424242;
}
.bootTips{
    font-size:14px;
    color: #757575;
    line-height: 20px;
    margin-top: 27px;
}
.reportModal .modal-body i {
    height: auto;
    width: auto;
    display: inline-block;
    position: relative;
    top: 1px;
    padding-left: 0;
}
.textRow label{
    width: 356px;
    line-height: 14px;
    margin-bottom: 5px!important;
}
label.error{
    line-height: 14px;
    color: red;
    margin-bottom: 0;
    position: absolute;
    left: 0;
    bottom: -12px;
}
.textWrap label.error{
    position: absolute;
    left: 0;
    top: 96px;
    display: block;
 }
.textWrap {
    width: 395px;
    height: 90px;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-left: 13px;
    padding: 0;
}
textarea {
    border: 0;
    height: 66px;
    padding-left: 6px;
    padding-right: 5px;
    overflow: auto;
    font-size: 14px;
    line-height: 22px;
    color: #424242!important;
    background: 0;
    outline: 0;
    width: 100%;
}
textarea:focus .textWrap {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.show{
    text-align: right;
    margin-bottom: 0!important;
    padding-top: 5px;
    padding-right: 3px;
}
.show label{
    margin-bottom: 0!important;
    color: #9e9e9e;
}

.red {
    color: red;
    padding: 0 5px;
}
/*reportWrap.css end*/
.cir_box li{
    float: left;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    margin: 4px 5px;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50);
    background: #5381ba;
    box-shadow: none;
}

.cir_on {
    background: #fff!important;
    opacity: 1!important;
    filter: alpha(opacity=100)!important;
    box-shadow: 0 0 10px 0 #5381ba!important;
}
#public-nav-orUrl>a {
    color: #1e88e5;
}