/* 通用 begin */
.clear { clear:both; }
.mod_title { color:#0094d7; font-size:1.75rem; margin:0 0 20px; }
.nav-crumb { margin-bottom:30px; padding:0 0 10px; border-bottom:1px solid #dae2e5; font-size:0.9rem; color:#4e4e4e; }
.nav-crumb .gt-arrow .fas { font-size:12px; color:#6e6e6e; }
.nav-crumb2 { margin-bottom:0; border-bottom:0 none; }
.nav-crumb .crumb { max-width:80%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }


.editor-html img { max-width:100%; width:auto; height:auto !important; }
.editor-html table { max-width:100%; }
.editor-html ul, .editor-html ol { margin-left:1.25rem; margin-bottom:1rem; }
.editor-html li { list-style: inherit; } 

.main a { color:#0094d7; }
.main a:hover { color:#ffcc66; }

.mod-footer { margin:40px 0 50px; }
.mod-footer .share .text { display:inline-block; color:#999; margin-right:10px;  }
.mod-footer .share .ic { display:inline-block; width:32px; height:32px; border-radius:16px; margin:0 0 0 5px; vertical-align:-9px; }
.mod-footer .share .ic-fb { background:#004a86 url(images/ico_facebook-f.png) no-repeat 50% 50%/100%; }
.mod-footer .share .ic-line { background:#00c400 url(images/ico_line.png) no-repeat 50% 50%/100%; }
.mod-footer .share .ic-twitter { background:#00adef url(images/ico_twitter.png) no-repeat 50% 50%/100%; }
.mod-footer .share .ic-weibo { background:#e32529 url(images/ico_weibo.png) no-repeat 50% 50%/100%; }
.mod-footer .share .ic-copy { background:#202020 url(images/ico_link.png) no-repeat 50% 50%/100%; }
.mod-footer .share .ic:hover { background-color:#f0ab00; }

.nodata { text-align:center; padding:50px 0; }
/* 通用 end */

.main .product { padding-bottom:50px; }
.main .product .pnav { width:200px; }
.main .product .pnav .pmenu { border:1px solid #dae2e5; }
.main .product .pnav .pmenu .ltit { padding:6px 10px; color:#fff; background-color:#0094d7; }
.main .product .pnav .pmenu .category { }
.main .product .pnav .pmenu .category .item { padding:7px 10px; border-bottom:1px dotted #dae2e5; }
.main .product .pnav .pmenu .category .item:last-child { border-bottom:0 none; }
.main .product .pnav .pmenu .category .link { position:relative; }
.main .product .pnav .pmenu .category .link .ii { padding-right:20px; }
.main .product .pnav .pmenu .category .link .icon { position:absolute; top:4px; right:0; }
.main .product .pnav .pmenu .category .link .ic-plus { display:inline-block; width:16px; height:14px; background:url(images/icon-plus.png) no-repeat center center; }
.main .product .pnav .pmenu .category .link .ic-minus { display:inline-block; width:16px; height:14px; background:url(images/icon-minus.png) no-repeat center center; }
.main .product .pnav .pmenu .category .sublist a { color:#000; }
.main .product .pnav .pmenu .category .sublist a:hover { color:#f0ab00; }
.main .product .pnav .pmenu .category .sublist .subitem { margin-top:5px; }
.main .product .pmain .page-top .page { margin-top:0; }
.main .product .pmain .clslist { margin-bottom:30px; }
.main .product .pmain .list .item { margin-bottom:30px; }
.main .product .pmain .list .item .info { margin-top:15px; }
.main .product .pmain .list .item .pic { text-align:center; }
.main .product .pmain .list .item .pic img { width:auto; height:auto; max-width:100%; }

.product .detail .pic-area .pic-jc {
    position:relative;
    overflow:hidden;
    width:100%;
}
.product .detail .pic-area .pic-jc ul {
    width:10000em;
    position:relative;
    list-style:none;
    margin:0;
    padding:0;    
} 
.product .detail .pic-area .pic-jc li {
    float:left;
    width:298px; 
}
.product .detail .pic-area .pic-jc li .img-fluid { width:100%; }

.main .product .detail .pic-area .bdr { padding:6px; border:1px solid #dae2e5; }
.main .product .detail .info-area .pname { font-size:1.5rem; color:#024765; margin-bottom:20px; }
.main .product .detail .info-area .field { margin-bottom:10px; color:#999; font-size:0.9375rem; }
.main .product .detail .info-area .pdepict { margin-top:20px; }
.main .product .detail .info-area .button { margin-top:30px; }
.main .product .detail .info-area .button a { display:inline-block; color:#ffffff; background-color:#d88c02; padding:6px 6px; border-radius:20px; border:1px solid #d88c02; text-align:center; width:160px; }
.main .product .detail .info-area .button a:hover { background-color:#f0ab00; border:1px solid #f0ab00; }
.main .product .detail .info-area .button a.file { background-color:#fff; color:#d88c02; }

.main .product .detail .pdesc { margin-top:40px; }
.main .product .detail .pdesc .dmenu { }
.main .product .detail .pdesc .dmenu .item { 
    float:left; 
    margin-right:5px;
    position:relative;
    border:1px solid #0094d7; 
}
.main .product .detail .pdesc .dmenu .item .ii {
    padding:10px; 
    background-color:#0094d7; color:#fff;
}
.main .product .detail .pdesc .dmenu .inow { 
    border:1px solid #dae2e5;
}
.main .product .detail .pdesc .dmenu .inow .ii {
    background-color:#fff; color:#0094d7;
}
.main .product .detail .pdesc .dmenu .inow::after { content:""; position:absolute; bottom:-2px; left:0; width:100%; height:2px; background-color:#fff; }

.main .product .detail .pdesc .dcontent { border:1px solid #dae2e5; background-color:#fff; }
.main .product .detail .pdesc .dcontent_ii { padding:20px; }

.main .product .detail .pdesc .dmenu-m { border:1px solid #dae2e5; display:inline-block; position:relative; }
.main .product .detail .pdesc .dmenu-m::after { content:""; position:absolute; bottom:-2px; left:0; width:100%; height:2px; background-color:#fff; }
.main .product .detail .pdesc .dmenu-m .dropdown-toggle { padding:10px 20px; display:inline-block; }
.main .product .detail .pdesc .dmenu-m .dropdown-toggle::after { color:#202020; margin-left:0.5rem; }
.main .product .detail .pdesc .dmenu-m .dropdown-menu { border:1px solid #606060; }

.main .product .ask { max-width:850px; margin:50px auto 30px; }
.main .product .ask .form { margin-top:20px; } 

.product .share { margin-top:30px; }
.product .share .text { display:inline-block; color:#999; margin-right:10px;  }
.product .share .ic { display:inline-block; width:32px; height:32px; border-radius:16px; margin:0 0 0 5px; vertical-align:-9px; }
.product .share .ic-fb { background:#004a86 url(images/ico_facebook-f.png) no-repeat 50% 50%/100%; }
.product .share .ic-line { background:#00c400 url(images/ico_line.png) no-repeat 50% 50%/100%; }
.product .share .ic-twitter { background:#00adef url(images/ico_twitter.png) no-repeat 50% 50%/100%; }
.product .share .ic-weibo { background:#e32529 url(images/ico_weibo.png) no-repeat 50% 50%/100%; }
.product .share .ic-copy { background:#202020 url(images/ico_link.png) no-repeat 50% 50%/100%; }

.product .share .ic:hover { background-color:#f0ab00; }


.main .news .list .item { border:1px solid #dae2e5; padding:7px; margin-bottom:20px; }
.main .news .list .item .info { padding:15px 30px; }
.main .news .list .item .info .date { margin-top:15px; color:#999; font-size:0.9375rem; }
.main .news .list .item .info .title { font-size:1.5rem; }
.main .news .list .item .arrow a { display:inline-block; padding:10px; }
.main .news .list .item .arrow span { font-size:3rem; }

.main .news .detail .tit .date { color:#999; font-size:0.9375rem; margin-bottom:10px; }
.main .news .detail .tit .subject { font-size:1.5rem; color:#002855; margin-bottom:30px; }

.main .video .detail .tit .subject { font-size:1.5rem; color:#002855; margin-bottom:30px; }

.main .course .list .item { border:1px solid #dae2e5; padding:7px; margin-bottom:20px; }
.main .course .list .item .info { padding:15px 30px; }
.main .course .list .item .info .date { margin-top:15px; color:#999; font-size:0.9375rem; }
.main .course .list .item .info .title { font-size:1.5rem; }
.main .course .list .item .arrow a { display:inline-block; padding:10px; }
.main .course .list .item .arrow span { font-size:3rem; }

.main .course .detail .subject { font-size:1.5rem; color:#002855; margin-bottom:30px; }
.main .course .detail .apply { margin:20px 0; }
.main .course .apply-form { margin:20px auto 50px; }
 

.main .industry .list { margin-top:20px; }
.main .industry .list .row-col { margin-bottom:30px; }
.main .industry .list .item .subject { margin-top:1rem; }
.main .industry .list .item .pic { text-align:center; }
.main .industry .list .item .pic img { width:auto; }

.main .industry .detail .tit .date { color:#999; font-size:0.9375rem; margin-bottom:10px; }
.main .industry .detail .tit .subject { font-size:1.5rem; color:#002855; margin-bottom:30px; }

.main .qa .list .subject { padding:15px 0; border-bottom:1px solid #e5edf2; }
.main .qa .list .subject .inner { position:relative; }
.main .qa .list .subject .fld1 { position:absolute; top:3px; left:0; width:36px; text-align:center; color:#024765; }
.main .qa .list .subject .fld2 { margin-left:36px; font-size:1.2rem; }
.main .qa .list .subject .fld2 a { display:block; color:#024765; }
.main .qa .list .subject .fld2 a:hover { color:#d88c02; }
.main .qa .list .desc { background-color:#0094d7; padding:20px 36px; color:#fff; }

.main .mod-submenu { margin:30px 0 40px; }
.main .mod-submenu .catalog .item { margin-bottom:10px; }
.main .mod-submenu .catalog a { color:#024765; display:block; border-bottom:1px solid #024765; padding-bottom:5px; margin-right:10px; }
.main .mod-submenu .catalog a:hover { color:#f77f00; border-bottom:1px solid #f77f00; }
.main .mod-submenu .catalog a.active { color:#f77f00; border-bottom:1px solid #f77f00; }
.main .mod-submenu .catalog .item a { }
.main .mod-submenu .catalog .row .col-2 { flex:0 0 20%; max-width:20%; }

.main .contact { margin:50px 0; }
.main .contact .info { padding-left:40px; }
.main .contact .info .tit { color:#0068b7; }
.main .contact .info .sp1 { width:3rem; border-bottom:4px solid #0068b7; margin:1.5rem 0; }
.main .contact .info .txt1 { color:#0068b7; margin-bottom:0.5rem; }
.main .contact .spline { border-bottom:1px solid #9daeb6; margin:60px 0; } 

.main .epaper { margin:50px 0; }
.main .epaper .form { margin:0 80px; min-height:20vh; }
.main .epaper .form .welcome { margin-bottom:30px; }
.main .epaper .form .submit button { color:#ffffff; background-color:#d88c02; padding:6px 30px; border-radius:20px; border:1px solid #d88c02; text-align:center; }
.main .epaper .form .cancel button { color:#d88c02; background-color:#ffffff; padding:6px 30px; border-radius:20px; border:1px solid #d88c02; text-align:center; }

.main .datahtml { margin-bottom:50px; }

.main .form-content { border-width:0px 0px 0px; border-style:solid; border-color:#f1f1f1; }
.main .form-content .form-head { border-width:1px 0px 1px; border-style:solid; border-color:#f1f1f1; text-align:center; padding:15px 0; font-size:1.2rem; }
.main .form-content .form-body { padding:20px; }
.main .form-content .form-tit1 { margin-top:30px; margin-bottom:20px; color:#00a0e9; padding:15px 0; border-top:2px solid #00a0e9; }
.main .form-content .form-text { font-size:0.9rem; padding-left:2px; padding-right:2px; }

.main .member .article { margin:20px auto 50px; }
.main .member .article .article_text { } /* background-color:#f9f9fa; border-radius:6px; padding:15px 20px; */
.main .member .article .article_text > div { max-height:40vh; }
.main .member .article .watch { text-align:center; margin:20px 0; }
.main .member .article .button { text-align:center; margin-top:30px; }
.main .member .article button.send { width:180px; padding:8px 20px; }

.main .member .join { margin:20px auto 50px; }
.main .member .join .welcome { margin-bottom:20px; }
.main .member .join #CKLoginNameMsg .kno { color:#a80000; }

.main .member .joinok { margin:20px auto 50px; }
.main .member .memacc { margin:0 auto 50px; }
.main .member .memacc .title { text-align:center; font-size:1.8rem; color:#0094d7; margin-bottom:20px; }
.main .member .memacc .imgtit { position:relative; }
.main .member .memacc .imgtit .txt { position:absolute; top:0; left:0; width:100%; height:100%; color:#fff; padding-left:100px; }
.main .member .memacc .imgtit .txt .t1 { font-size:5rem; padding-right:30px; }
.main .member .memacc .imgtit .txt .t2 { font-size:1.3rem; }
.main .member .memacc .imgtit .txt .t2 .name { font-size:1.5rem; }
.main .member .memacc .mod { text-align:center; padding:30px 0; }
.main .member .memacc .mod .img img { max-width:52px; }
.main .member .memacc .mod .txt { margin-top:6px; } 
 
.main .member .modify { margin:0 auto 50px; }
.main .member .chgpass { margin:0 auto 50px; }

@media ( max-width:1199.98px ){
     .main .epaper .form { margin:0 20px; }
}

@media ( max-width:991.98px ){  

    .main .product .detail .pic-area .jc-pagination { margin-top:15px; display:flex; justify-content:center; }
    .main .product .detail .pic-area .pic-thumb { float:left; width:12px; height:12px; padding:0; margin-right:5px; margin-left:5px; }
    .main .product .detail .pic-area .pic-thumb .img-fluid { display:none; }
    .main .product .detail .pic-area .pic-thumb a { display:block; width:100%; height:100%; background-color:#fff; border:1px solid #0094d7; border-radius:15px; }
    .main .product .detail .pic-area .pic-thumb.active a { background-color:#0094d7; }

}

@media ( max-width:767.98px ){
    .nav-crumb .crumb { display:none; }
    
    .main .product .detail .parea .info-area { margin-top:30px; }     

    .main .epaper .form .submit button { width:100%; margin-top:1.5rem; }
    .main .epaper .form .cancel button { width:100%; margin-top:1.5rem; }
    .main .member .memacc .imgtit .txt { padding-left:40px; }
    .main .member .memacc .imgtit .txt .t1 { font-size:3rem; padding-right:15px; }
    .main .member .memacc .imgtit .txt .t2 { font-size:1rem; }
    .main .member .memacc .imgtit .txt .t2 .name { font-size:1.2rem; } 

}

@media ( max-width:575.98px ){  
    .mod-footer .back { margin-top:35px; } 

    .main .news .list .item { padding:14px; margin-bottom:40px; }
    .main .news .list .item .info { padding:15px 15px; }

    .main .news .detail .tit .date { font-size:0.9rem; }
    .main .news .detail .tit .subject { font-size:1.3rem; }

    .main .course .list .item { padding:14px; margin-bottom:40px; }
    .main .course .list .item .info { padding:15px 15px; }

    .main .qa .list .subject .fld1 { top:0; }
    .main .qa .list .subject .fld2 { margin-left:36px; font-size:1rem; }
    
    .main .member .article button.send { width:120px; padding:8px 20px; }
    .main .member .article .watch .htxt { display:none; }
    
    .main .product .detail .info-area .button a { display:inline-block; color:#ffffff; background-color:#d88c02; padding:6px 6px; border-radius:20px; border:1px solid #d88c02; text-align:center; width:100%; }
    .main .product .detail .info-area .button { margin-left:-8px; margin-right:-8px; }
    .main .product .detail .info-area .button > div { padding:0 8px; }    
}

@media ( min-width:576px ){  
    .main .news .list .item .pic img { max-width:130px; }
    .main .course .list .item .pic img { max-width:130px; }
}
@media ( min-width:768px ){
    .main .news .list .item .pic { min-width:190px; }  
    .main .news .list .item .pic img { max-width:160px; }
    .main .course .list .item .pic { min-width:190px; }
    .main .course .list .item .pic img { max-width:160px; }

    .main .product .detail .pic-area .pic { width:224px; }
}
@media ( min-width:992px ){  
    .main .product .detail .pic-area .pic { width:312px; margin-left:80px; position:relative; }
    .main .product .detail .pic-area .jc-pagination { position:absolute; top:0; left:-80px; width:64px; }
    .main .product .detail .pic-area .jc-pagination .pic-thumb { width:64px; margin-bottom:18px; border:1px solid transparent; }
    .main .product .detail .pic-area .jc-pagination .active { border:1px solid #4e4e4e; }
    .main .product .detail .info-area { margin-left:45px; }

}
@media ( min-width:1200px ){ 
    .main .product .pmain .list .item { flex:0 0 20%; max-width:20%; }
    
    .main .member .article { max-width:650px; }
    .main .member .join { max-width:720px; }
    .main .member .joinok { max-width:650px; }
    .main .member .memacc { max-width:650px; }
    .main .member .chgpass .form-body { max-width:650px; margin:0 auto; }
    .main .course .apply-form { max-width:720px; }
}