/*
Theme Name: cotheme
Author: Aben
Version: 99.0.0



*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */



/* pub */
* *,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;}
html{height: 100%;;font-family:黑体;}
body{height: 100%;position: relative;margin-left: auto;margin-right: auto;overflow-x: hidden;max-width: 700px;}
img{max-width: 100%;height: auto;}
h1,h2,h3,h4,ol,ul,li,p,dd,dl,dt{list-style: none;padding: 0;margin: 0;font-weight: normal;}
h1{font-size: 36px;}
h1,h2,h3,h4{line-height: 2;}
a{text-decoration: none;}
a:hover,a:active,a:focus{text-decoration: none;}
.fl{float: left;}
.fr{float: right;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.clearfix { zoom:1; }
.container{position: relative;margin-left: auto;margin-right: auto;}
.clearfix:after,
.clearfix:before,
.container:before,
.container:after{clear:both;display:table;content:""}
.m-hide{display: block;}
.m-show{display: none;}
/* header */
.header{height: .9rem;padding:.1rem .25rem;background-color: #fff;border-bottom: 1px solid #eee;}
.header .site-logo img{max-height: .7rem;width: auto;}
.header .i-nav{float: right;font-size: 0.6rem;}
.nav{background-color: #fff;position: absolute;top: .8rem;right: -.25rem;border: 1px solid #eee;display: none;z-index: 9}
.nav>ul>li{line-height: 0.7rem;height: 0.7rem;border-bottom: 1px solid #f1f1f1;padding:0 15px;}
.nav>ul>li>a{color: #036981;font-size: 0.28rem;text-align: center;display: block;}
.nav>ul>li>a:hover{}
.banner img{float: left;}

.flexslider{border: 0!important;padding: 0!important;margin: 0!important}
.wpb_gallery .wpb_flexslider .flex-control-nav{top: 78%!important;}
.videoslider{width: 100%;position: relative;}
.videoslider img{width: 100%;height: auto;}
.videoslider .flex-control-nav{position: absolute;bottom: 0;width: 100%;text-align: center;z-index: 2;line-height: 40px;}
.videoslider .flex-control-nav li{display: inline-block;width: 10px;height: 10px;margin: 0 5px;line-height: 40px;}
.videoslider .flex-control-nav li a{background-color: #eee;text-indent: -999em;display: inline-block;width: 10px;height: 10px;line-height: 40px;border-radius: 50%;}
.videoslider .flex-control-nav a.flex-active{background-color: #13b8dd;}

/* art-down */
/* .archive{background-color: #f5f5f5} */
.art-down{margin: 0.35rem;background-color: #fff;border-bottom: 1px solid #e1e1e1;padding-bottom: .35rem;}
.art-down .left{width: 1.8rem;float: left;height: 2.35rem;background-position: center;background-size: cover;border: 1px solid #eee}
.art-down .right{width: 4.5rem;float: left;padding-left: 0.35rem}
.art-down p{font-size: 0.26rem;line-height: .38rem;height: .76rem;display: block;overflow:hidden;}
.art-down h2{color: #333;font-size: 0.27rem;line-height: 0.4rem;overflow:hidden;height: 0.4rem;}
.art-down time{display: block;color: #b2b2b2;line-height: 0.5rem;font-size: 0.20rem;width: 3.4rem; }
.art-down .bottom{padding-top: 0.15rem;}
.art-down .btn{font-size: 0.24rem;background-color: #086a95;color: #fff;padding: 5px 8px;border-radius: 5px;margin-right: 0.05rem;display: block;float: left;}
.art-down .btn i{padding-right: 5px;font-size: .24rem;}

.art-pro{padding: 0 0.6rem;background-color: #fff;}
.art-pro a{display: block;border-bottom: 1px solid #e6e6e6;padding: 0.4rem 0;}
.art-pro .left{height: 1.2rem;width: 1.75rem;background-position: center;background-size: cover;}
.art-pro .right{height: 1.2rem;width: 4.0rem;padding-left: 0.25rem;align-items: center;display: flex;}
.art-pro h2{font-size: 0.22rem;color: #086a95;}
.art-prohome{text-align: center;width: 50%;float: left;padding: 0.2rem;}
.art-prohome:nth-child(odd){padding-right: .1rem;}
.art-prohome:nth-child(even){padding-left: .1rem;}
.art-prohome .img{width: 100%;height: 2.3rem;background-size: cover;background-position: center;}
.art-prohome h2{font-size: 0.22rem;color: #595151;line-height: 0.6rem;}
.art-prohome .more{color: #fff;background-color:#0072ab;font-size: 0.22rem;line-height: 0.6rem;padding: 0 0.3rem;letter-spacing: 2px;display: inline-block;}
.btn-sticky{color: #fff;background-color:#70c4d6;font-size: 0.4rem;line-height: 0.75rem;margin-top: 0.3rem;padding: 0 15px;display: inline-block;}
.art-video-sticky{width: 100%;margin:20px 0;position: relative;line-height: 0;padding: 0 15px;}
.art-video-sticky img{width: 100%;height: auto;border-radius: 5px;box-shadow: 3px 3px 7px 0px #585858}
.art-video-box{padding:.2rem 0.2rem;}
.art-video .img{width: 2.6rem;height: 1.8rem;background-size: contain;float: left;background-position: center;background-repeat: no-repeat;}
.art-video .con{padding-left: 0.25rem;width: 4rem;float: left;}
.art-video h2{color: #645f5f; font-size:0.3rem; line-height: .50rem;height:1rem ;overflow: hidden;margin-top: 15px;}
.art-video .lecturer{font-size: 0.22rem;color: #595c5d;line-height: 0.3rem;}
.art-video .bottom{font-size: 0.29rem;margin-top: .2rem;margin-bottom: .2rem;border-bottom: 1px solid #daeaed;padding-bottom: .2rem;}
.art-video .bottom i{color: #969ca7;font-size: .24rem;padding-right: 5px;}
.art-video .bottom a{float: right;padding-right: 20%;}

.art-product{text-align: center;width: 48%;float: left;padding: 0.2rem; border: 1px solid #f8f8f8; margin: 1%;}
.art-product:nth-child(odd){padding-right: .1rem;}
.art-product:nth-child(even){padding-left: .1rem;}
.art-product .img{width: 100%;height: 2.3rem;background-size: cover;background-position: center;}
.art-product h2{font-size: 0.22rem;color: #595151; line-height:1.5;margin-bottom: 8px;}
.art-product .more{color: #fff;background-color:#0072ab;font-size: 0.22rem;line-height: 0.6rem;padding: 0 0.3rem;letter-spacing: 2px;display: inline-block;}

#infscr-loading{font-size: 0.3rem;text-align: center;margin-bottom: 20px;}
#infscr-loading img{width: 100px;height: auto;}
.post-video{position: relative;line-height: 1;}
.post-video video{width: 100%;height: auto;display: block;}
.post-video .i-play{font-size: 40px;left: 0;color: #cacaca;width: 100%;height: 95%;text-align: center;background-color: rgba(0,0,0,0.5);position: absolute;top: 0;padding-top: 20%}
.post-tit{font-size: 0.4rem; padding:0.1rem 0.25rem; line-height:0.5rem}
.post-tab .tab-tit li{float: left;color: #fff;background-color: #70c4d6;font-size: 0.4rem;padding: 10px 16px;}
.post-tab .tab-tit li a{color: #fff;}
.post-tab .tab-tit { border-bottom:#000000 solid 1px}
.post-tab .tab-tit li.on{background-color: #246580;color: #fff;}
.post-meta{font-size: .24rem;padding: 0rem 0.25rem 0.25rem;text-align: right;}
.post-meta .ii{font-size: .30rem;line-height: 1;padding-right: 5px}
.post-meta span{font-size: .30rem;display: inline-block;width: 1rem; color:#246580}
.post-meta span b{font-weight: normal;}
.post-meta span em{font-style: normal;}
.post-meta span.on{color: #70c4d6}
.post-meta span.on i{color: #70c4d6}
.post-meta span.on b{color: #70c4d6}
.post-meta span.on em{color: #70c4d6}


.seadmail{padding: 0.25rem}
.seadmail input{height: 0.8rem;padding: 0 15px;background-color: #eee;border: 0;width: 100%;font-size: 0.24rem;margin-bottom: 0.3rem}
.seadmail input[type="submit"]{font-size: 0.3rem;color: #fff;background-color: #086a95;display: block;width: 100%;border: 0;outline: none;line-height: 0.8rem;}

.vc_row{font-size: 16px;}
.wpb_row{font-size: 16px;}


.user-nav{font-size: 0.4rem;padding:0.25rem .25rem;}
.user-nav li{float: left;color: #fff;background-color: #70c4d6;font-size: 0.3rem;width: 50%;text-align: center;}
.user-nav li a{color: #fff;display: block;padding: 10px 16px;}
.user-nav li.current-menu-item{background-color: #246580;color: #fff;}

/* cate */
.page-head{background-color: #005f9a;color: #fff;padding: 0 0.35rem;position: relative;}
.page-head h1{font-size: 0.3rem;line-height: 0.9rem;}
.page-head h1 i{margin-right: 5px;}
.cat-nav-btn{font-size: 0.22rem;position: absolute;top: 0;right: 0.35rem;line-height: 0.9rem;letter-spacing: 2px;}
.cat-nav-btn i{padding-left: 5px;}
.cat-nav{display: none;}
.cat-nav li a{border-top: 1px solid #098fca;text-align: center;font-size: 0.4rem;text-align: center;display: block;line-height: 2.4;color: #fff;}

.post-head{padding: 0.7rem .3rem;}
.post-head h1{font-size: 0.4rem;color: #333;}
.post-body{font-size: 0.22rem;padding:0.3rem;}
.post-body img{max-width: 100%!important;height: auto!important;}
.post-body h1{font-size: .38rem;font-weight: bold;}
.post-body h2{font-size: .34rem;font-weight: bold;}
.post-body h3{font-size: .3rem;font-weight: bold;}
.post-body h4{font-size: .24rem;font-weight: bold;}
.post-body h5{font-size: .20rem;font-weight: bold;}
.post-body p{margin-bottom: 15px;line-height: 1.8;color: #888;}
.post-body ul{margin:0 0 15px 2em;}
.post-body ul li{list-style-type: disc;}
.post-body ol{margin:0 0 15px 2em;}
.post-body ol li{list-style-type: decimal;}
.post-body table{width:100%;margin-bottom:15px;overflow-x:scroll;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;margin-bottom:0;}
.post-body tr, .post-body th,.post-body td{white-space: nowrap;border:1px solid #c4c4c4;padding: 5px;}
.post-body blockquote{border-left: 3px solid #23527c;background-color: #EFF6FE;padding: 10px 20px 3px 20px;margin:20px 0;}
.post-body blockquote p{text-indent: 0 !important;}
.post-body .dl{line-height: 2;}
.post-body .dl dt{font-weight: bold;color: #70c4d6;}
.bottom-btn{position: fixed;width: 100%;bottom: 0;max-width: 700px; z-index:9999}
.bottom-btn ul{display: flex;font-size: 0.21rem;line-height: 0.75rem;height: 0.75rem;background: #005f9a;}
.bottom-btn li{list-style: none;flex:1;text-align: center;}
.bottom-btn li:nth-child(2){border-left: 1px solid #fff;border-right: 1px solid #fff;}
.bottom-btn a{color: #fff;}
.bottom-btn i{font-size: 0.21rem}
.tabli{margin-bottom: 0.2rem!important;line-height: 0.8rem;height: 0.8rem;text-align: center;color: #086a95;background-color: #e7f4fa;font-weight: bold;}
.history dl{background-color: #fff;border-radius: 20px;margin: 0.25rem 0;padding: 0.15rem 0.3rem;}
.history {padding: 0 30px;background-color: #f6f6f6}
.history dt{font-size: 0.25rem;color: #23b7d5;}
.history dt i.fa{font-size: 0.25rem;}
.history dd{font-size: 0.2rem;color: #666;}


.form{font-size: 0.22rem;padding: 0.5rem .25rem;}
.form .form-group label{display: block;font-size: 0.3rem;padding-bottom: 10px;font-weight: bold;}
.form .form-group input{width: 100%;line-height: 0.75rem;height: 0.75rem;border:1px solid #eee;padding: 0 15px;}
.form .form-group select{width: 100%;}
.form .form-group{margin-bottom: 15px;}
.form .form-group .error{color: red;padding-top: 5px;font-weight: lighter;}
.form .form-group .btn{width: 100%;line-height: 0.8rem;height: 0.8rem;background-color: #0052a5;color: #fff;font-size: 0.3rem;text-align: center;font-weight: bold;border: none;outline: none;}


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft { display: inline; float: left; margin-right: 1.5em; }
.alignright { display: inline; float: right; margin-left: 1.5em; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }


.pagination{margin: 30px 0;text-align: center;font-size: 14px;}
.pagination h2{display: none;}
.pagination a,.pagination span{padding:4px 8px;margin:0 5px;color: #9394a0;display: inline-block;border: 1px solid #ddd;}
.pagination .current{color:#9394a0;}

	/* 使整个事件项可点击 */
.mec-event-article {
    position: relative;
}

.mec-event-article a.mec-event-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
}

.mec-event-article a.mec-color-hover {
    position: relative;
    z-index: 2;
}


/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery{margin-bottom:1.5em;}
.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%;padding:15px;}
.gallery-columns-2 .gallery-item{max-width:50%;}
.gallery-columns-3 .gallery-item{max-width:33.33%;}
.gallery-columns-4 .gallery-item{max-width:25%;}
.gallery-columns-5 .gallery-item{max-width:20%;}
.gallery-columns-6 .gallery-item{max-width:16.66%;}
.gallery-columns-7 .gallery-item{max-width:14.28%;}
.gallery-columns-8 .gallery-item{max-width:12.5%;}
.gallery-columns-9 .gallery-item{max-width:11.11%;}
.gallery-caption{display:block;}

.zhibotit{ font-size:16px; line-height:30px; padding:10px;}
.zhibotime{font-size: 0.22rem;line-height: 1.6;}
.prodcontent { text-align:justify}
.wpb_wrapper{ text-align:justify}

.product-page-head{background: url(img/head-bg.jpg) no-repeat;color: #fff;text-align: center;font-size: 0.62rem;height: 1.94rem;line-height: 1.94rem;}
.product-nav .open-this{position: absolute;top: 0;right: 0;width: 100%;text-align: right;padding-right: .3rem;line-height: 60px;height: 60px;z-index: 9}
.product-nav .open-this .ii{color: #2680c6;}
.product-nav>ul>li{background-color: #ededed;border-top: 1px solid #d4d0d0;border-bottom: 1px solid #d4d0d0;margin-bottom: 20px;font-size: .29rem;line-height: 1;line-height: .6rem;padding-left: .5rem;padding-right: .3rem;position: relative;}
.product-nav>ul>li>ul{display: none;border-top: 1px solid #d4d0d0;padding-bottom: 15px;}
.product-nav>ul>li>a{color: #5c5c5c;font-size: .29rem;line-height: 60px;display: block;}
.product-nav ul li ul li>a{color: #2680c6;font-size: .25rem;display: block;line-height: 50px;height: 50px;overflow: hidden;border-bottom: 1px solid #d2d2d2}
.product-nav .sub-menu .sub-menu{padding-left: .5rem;}
.product-nav .opened .sub-menu{display: block;}

.post-body p{ border-bottom:#cccccc solid 1px; padding-bottom:20px}
.searchform{position: relative;line-height: 0;margin: 0.15rem;margin-bottom: 0.2rem}
.searchform .keyword{width: 100%;line-height: 0.8rem;height: .8rem;font-size: 0.3rem;padding-left: 0.15rem;border: 1px solid #e8e8e8;}
.searchform .submit{position: absolute;top: 0;right: 0.15rem;background:none;outline: none;border: 0;line-height: .8rem;height: .8rem;width: 30px;}
.search-tit{font-size: 0.3rem;margin: 0.15rem;}

.videoboxtit{width:100%; height:75px; background:#000000; margin-top:-50px; z-index:999 !important; float:left; position:relative; opacity:0.9; padding:0 10px; margin-bottom:20px}

/* 用户管理弹窗样式 */
.user-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-modal-content {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    max-width: 800px;
    width: 90%;
    max-height: 80vh;
    overflow: hidden;
    animation: modalSlideIn 0.3s ease-out;
}

@keyframes modalSlideIn {
    from {
        opacity: 0;
        transform: translateY(-50px) scale(0.9);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.user-modal-header {
    background-color: #f1f1f1;
    padding: 15px 20px;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.user-modal-header h3 {
    margin: 0;
    color: #333;
    font-size: 18px;
    font-weight: 600;
}

.user-modal-close {
    font-size: 24px;
    font-weight: bold;
    color: #666;
    cursor: pointer;
    line-height: 1;
    padding: 0 5px;
    border-radius: 3px;
    transition: all 0.2s ease;
}

.user-modal-close:hover {
    background-color: #ddd;
    color: #333;
}

.user-modal-body {
    padding: 20px;
    max-height: 60vh;
    overflow-y: auto;
}

.user-modal-body table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.user-modal-body th {
    background-color: #f9f9f9;
    padding: 12px 8px;
    text-align: left;
    font-weight: 600;
    border-bottom: 2px solid #ddd;
    color: #333;
}

.user-modal-body td {
    padding: 10px 8px;
    border-bottom: 1px solid #eee;
    vertical-align: top;
}

.user-modal-body tr:hover {
    background-color: #f5f5f5;
}

.user-modal-body p {
    text-align: center;
    color: #666;
    font-style: italic;
    margin: 20px 0;
}

/* 用户列表中的链接样式 */
.show-registrations,
.show-material-views {
    color: #0073aa;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
}

.show-registrations:hover,
.show-material-views:hover {
    color: #005a87;
    text-decoration: underline;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .user-modal-content {
        width: 95%;
        margin: 10px;
    }
    
    .user-modal-header {
        padding: 10px 15px;
    }
    
    .user-modal-body {
        padding: 15px;
    }
    
    .user-modal-body table {
        font-size: 14px;
    }
    
    .user-modal-body th,
    .user-modal-body td {
        padding: 8px 6px;
    }
}