@charset "utf-8";

.clearfix:after{clear:both; display:block; content:""; visibility:hidden; height:0;}
.clearfix{zoom:1;}
img{border:none; vertical-align:middle;}
button, input, select, textarea{vertical-align:middle;}
a{text-decoration:none; color:#3f3f3f; outline:none;}
a:hover{text-decoration:none; color:#fd7400;}
li{list-style:none;}
h1{font-size:24px;}
h2{font-size:14px;}
h3{font-size:12px;}
h4, h5, h6{font-size:100%;}
.none{display:none;}
.gaodu{height:12px;}

.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt70{margin-top:70px}
.mt80{margin-top:80px}

.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mr10{ margin-right:10px;}
.mr20{ margin-right:20px;}
.mr30{ margin-right:30px;}
.mr40{ margin-right:40px;}
.mr50{ margin-right:50px;}
.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}
.ml40{ margin-left:40px;}
.ml50{ margin-left:50px;}
.ml60{ margin-left:60px;}
.ml70{ margin-left:70px;}
.ml80{ margin-left:80px;}


.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt50{padding-top:50px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.lf{ float:left;}
.rt{ float:right;}
.red{ background:#c9000a;}
.blue{background:#1264a0;}
.boxx{ width:1200px; margin:0 auto;}
.ad{ text-align:center;}

.top_bg{ background: url(../images/top_bg.jpg) top no-repeat #fff;}
.nav_bg{ background:#00726d;}
.nav{ width:950px; float:left;}
.nav ul li{ float:left; width:9.09%; position:relative; z-index:90}
.nav ul li a{ display:block; text-align:center; line-height:60px; font-size:14px; color:#fff;}
.nav ul li a:hover,.nav ul li .a1{ background:#00938d; color:#f6ff00;}

.banner{ height:250px; overflow:hidden; padding-bottom:5px;} 

.top_rt{ width:200px; float:right; padding-top:18px;}
.top_rt form{ width:120px; float:left;}
.top_rt form input{ width:100px; height:25px; border:none; border-bottom:1px solid #76b6b3; background:none; color:#76b6b3;}
.top_rt form .bot01{ width:13px; height:15px; background: url(../images/ico01.jpg) 0 2px no-repeat; border:none;}
.top_rt a{ float:right; width:65px; padding-right:15px; background:url(../images/ico02.jpg) right no-repeat; color:#76b6b3; font-size:12px; margin-top:2px;}

.logo{ padding:20px 0;}

.cor01{ background:#f3f3f3; padding-bottom:20px;}

.date{ background:#dadada;}
.year{ background:url(../images/ico03.jpg) top left no-repeat; padding-left:60px;}
.year strong{ line-height:55px; font-size:24px; color:#00938d;}
.year span{ width:115px; line-height:50px; margin-top:5px; text-align:center; background:#00726d; font-size:24px; color:#fcfe05;}
.month{ background:#00726d;}
.month .left{ z-index:1; position:absolute; width:30px; line-height:30px; color:#fff; font-size:16px; text-align:center;} 
.month .right{ z-index:1; position:absolute; width:30px; line-height:30px; margin-left:1170px;color:#fff; font-size:16px; text-align:center;}
.day{ width:1140px; margin:0 auto;}
.day h3{ float:left; width:100px; text-align:center; font-size:14px; line-height:30px; color:#fff;}
.day ul{ float:left; width:1000px;}
.day ul li{ float:left; width:3.22%; text-align:center;}
.day ul li a{ font-size:14px; line-height:30px; color:#fff;}
.day ul li a:hover,.day ul li .a1{ color:#fcfe05;}

.cor01_newslist{ margin-top:35px; padding:0 10px;}
.cor01_newslist_lf{ float:left; width:540px; padding:5px; border:1px solid #bcbcbc;}
.cor01_newslist_lf img{ display:block; margin:10px auto; width:510px;}
.cor01_newslist_lf h3{ padding:0 10px; color:#333; font-size:18px; font-weight:400; line-height:35px; border-top:2px solid #dcdcdc; margin-top:15px;}
.cor01_newslist_lf p{ padding:0 10px; color:#666; font-size:14px; line-height:26px;}
.cor01_newslist_lf:hover h3{ color:#00726d;}
.cor01_newslist_lf:hover p{ color:#00726d;}
.cor01_newslist_rt{ width:600px; float:right;}
.cor01_newslist_rt ul li{ padding-left:26px; background:url(../images/ico04.jpg) no-repeat; border-bottom:1px solid #dfdfdf;}
.cor01_newslist_rt ul li a{ line-height:37px; color:#666; font-size:14px;}
.cor01_newslist_rt ul li a:hover{ color:#00726d;}

.cor02_bg{ background:#efefef; padding:30px 0; margin-top:20px;}
.cor02 h1{text-align:center; font-size:30px; color:#00938d; font-weight:400; margin-bottom:20px;background:url(../images/cor04_line---.jpg) bottom center no-repeat; padding-bottom:10px;}
.cor02_menu{ width:645px; margin:10px auto;}
.cor02_menu ul li{ float:left; width:150px; margin-right:15px;}
.cor02_menu ul .li01{ margin-right:0;}
.cor02_menu ul li a{ display:block; padding-bottom:10px; line-height:39px; color:#666; font-size:16px; text-align:center; background:url(../images/cor02_menu_lk.jpg) top no-repeat;}
.cor02_menu ul li a:hover,.cor02_menu ul li .a1{ background:url(../images/cor02_menu_hr.jpg) no-repeat; color:#fff;}

.cor02_list { margin-top:30px;}
.cor02_list ul li{ float:left; width:197px; margin-right:137px;}
.cor02_list ul .li01{ margin-right:0;}

.cor03{ margin-top:40px;}
.cor03 h1{text-align:center; font-size:30px; color:#00938d; font-weight:400; margin-bottom:20px;background:url(../images/cor04_line---.jpg) bottom center no-repeat; padding-bottom:10px;}
.cor03 ul li{ float:left; width:225px; margin-right:18px; text-align: center;}
.cor03 ul .li01{ margin-right:0;}
.cor03 ul li a{ font-size:14px; color:#666; line-height:45px;}
.cor03 .a1{ display:block; width:150px; line-height:35px; text-align:center; color:#fff; font-size:16px; margin:20px auto; background:#00938d; border-radius:15px;}

.cor03 .mx td{  width:225px;  text-align: center;}
.cor03 .mx td a{ font-size:14px; color:#666; line-height:45px;}

.cor04_bg{ background:url(../images/cor04_bg.jpg) no-repeat; margin-top:30px; padding:30px 0;}
.cor04_bg h1{text-align:center; font-size:30px; color:#00938d; font-weight:400; margin-bottom:20px;background:url(../images/cor04_line---.jpg) bottom center no-repeat; padding-bottom:10px;}
.cor04{ background:#fff;}
.cor04 ul li{ display:block;}
.cor04 ul li h3{ padding:40px 0 0 40px; font-size:16px; color:#555; line-height:35px;}
.cor04 ul li p{ padding:0 40px 0 40px; font-size:12px; color:#666; line-height:24px;}

.cor05_bg{ background:#000;}

.cor06{ margin-top:30px;}
.cor06 .cor06_lf{ z-index:1; position:absolute; width:50px; height:85px; background:url(../images/cor06_lf_lk.jpg) no-repeat; margin:100px 0 0 0;}
.cor06 .cor06_lf:hover{background:url(../images/cor06_lf_hr.jpg) no-repeat;}
.cor06 .cor06_rt{ z-index:1; position:absolute; width:50px; height:85px; background:url(../images/cor06_rt_lk.jpg) no-repeat; margin:100px 0 0 1150px;}
.cor06 .cor06_rt:hover{background:url(../images/cor06_rt_hr.jpg) no-repeat;}
.cor06 h1{text-align:center; font-size:30px; color:#00938d; font-weight:400; margin-bottom:20px;background:url(../images/cor04_line---.jpg) bottom center no-repeat; padding-bottom:10px;}
.cor06_lixt{ width:1050px; margin:0 auto;}
.cor06_lixt ul li p{ color:#666; line-height:28px; font-size:14px;}
.cor06_lixt ul li h3{ font-size:24px; line-height:35px; color:#333; padding:80px 0 20px 0;}
.cor06_lixt ul li img{ margin-left:80px; padding:5px; border:1px solid #ccc;}

.cor07_bg{ background:url(../images/cor07_bg.jpg) no-repeat; margin-top:30px; padding:30px 0; height:620px;}
.cor07 h1{text-align:center; font-size:30px; color:#00938d; font-weight:400; margin-bottom:20px;background:url(../images/cor04_line---.jpg) bottom center no-repeat; padding-bottom:10px;}
.cor07 ul li{ float:left; width:190px; margin:5px 20px; text-align:center;}
.cor07 ul .li01{ margin-right:0;}
.cor07 ul li a{ color:#666; font-size:14px; line-height:40px;}

.cor08{ margin-top:30px;}
.cor08 h1{text-align:center; font-size:30px; color:#00938d; font-weight:400; margin-bottom:5px;background:url(../images/cor04_line---.jpg) bottom center no-repeat; padding-bottom:1px;}
.cor08_lf{ width:450px; float:left; margin-left:100px;}
.cor08_lf img{ padding:2px; border:1px solid #ccc; border-radius:100px;}
.cor08_lf p{ float:left; width:170px; padding:20px; 0; font-size:14px; color:#666; line-height:26px;}
.cor08_lf p strong{ font-size:16px; line-height:30px;}
.cor08_rt{ width:350px; float:left; margin-left:50px; padding-top:40px;}

.cor08_dian{ margin:30px auto; text-align:center; width:120px;}
.cor08_dian a{ background:#948e90; padding:5px;   border-radius:10px; float:left; margin-right:10px;}
.cor08_dian a:hover{ background:#333;}

.yqlink{ padding:20px 5px; width:1190px; line-height:28px; margin-top:30px;}
.yqlink strong{ color:#01948e; font-size:16px;}
.yqlink a{ font-size:14px; color:#666; margin:0 10px;}

.footer_bg{ background:#2c2c2c; border-top:5px solid #01948e; padding-bottom:15px; }
.footer{ background:url(../images/num.jpg) right bottom no-repeat; padding:30px 0; }
.footer_txt{ font-size:14px; color:#fff; line-height:30px; width:600px; float:left;}
.footer_pic{ float:left; width:220px; margin-left:220px; padding-top:15px;}
.footer_pic a{ margin:0 10px; color:#FFFFFF}
.footer_txt a{ color:#FFFFFF}

/* 懒人图库 搜集整理 www.lanrentuku.com */
/*reset css*/
/*main css*/
.izl-rmenu{position:fixed; right:0; margin-right:20px; bottom:20px; padding-bottom:20px; background:none; z-index:999; }
.izl-rmenu .btnfoot{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .picfoot{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px; max-width:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}

.center{height: 40px;margin-top: 50px;}
.no_message {text-align: center;margin: 30px 0;font-size:20px;}
/*加载样式*/
.main {min-height:300px;padding-bottom:100px;width:100%;}
.spin{height:200px;line-height:200px}
.spin .three-bounce{text-align:center}
.spin .three-bounce div{display:inline-block;width:18px;height:18px;border-radius:100%;background-color:#00a098;margin-top:-9px;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.spin .three-bounce .one{-webkit-animation-delay:-.32s;animation-delay:-.32s}
.spin .three-bounce .two{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes bouncedelay{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}
/*页面提示*/
#alert-invite.alert-invite-envelope{width:359px;height:526px;}
#alert-invite.alert-invite-center{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto auto auto auto;position:fixed;}
#alert-invite{cursor:pointer;z-index:99999;}
#alert-invite .invite-wrapper{position:relative;}
#alert-invite .invite-wrapper img{max-width:100%;}
#alert-invite .invite-wrapper.envelope-invite .content-text{overflow:hidden;line-height:30px;max-height:90px;text-align:justify;margin-right:-1em;padding-right:1em;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;top:50px;left:65px;}
#alert-invite .invite-wrapper .content-text{position:absolute;line-height:2;width:205px;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#65727b;}
#alert-invite .invite-wrapper .close-invite{position:absolute;width:30px;height:30px;cursor:pointer;color:#8f8f8f;font-size:10px;z-index:999;}

/*图片预览*/
.zoomify{cursor:pointer;cursor:-webkit-zoom-in;cursor:zoom-in}
.zoomify.zoomed{cursor:-webkit-zoom-out;cursor:zoom-out;padding:0;margin:0;border:none;border-radius:0;box-shadow:none;position:relative;z-index:1501}
.zoomify-shadow{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:block;z-index:1500;background:rgba(0,0,0 ,.3);opacity:0}
.zoomify-shadow.zoomed{opacity:1;cursor:pointer;cursor:-webkit-zoom-out;cursor:zoom-out}

/*视频下载按钮隐藏*/
video::-internal-media-controls-download-button {display:none;}
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel {width: calc(100% + 30px); }


.xqym a {line-height: 28px;font-size: 12px;color: #004276;}
.xqym a:hover {color: #f54343;text-decoration: underline;}
.xqym span,.xqym p {font-size: 16px;}

/* ============================================
   导航菜单UI优化样式 - 2025-05-16
   ============================================ */

/* 导航栏背景优化 - 渐变效果 */
.nav_bg {
    background: linear-gradient(135deg, #00726d 0%, #00938d 100%);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 1000;
}

/* 导航容器 - 居中布局 */
.nav {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    float: none;
}

/* 导航菜单列表 - Flex布局 */
.nav > ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav > ul > li {
    flex: 1;
    position: relative;
    z-index: 90;
    float: none;
    width: auto;
}

/* 导航链接样式 */
.nav > ul > li > a {
    display: block;
    text-align: center;
    line-height: 60px;
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    padding: 0 5px;
}

/* 导航链接悬停效果 */
.nav > ul > li > a:hover,
.nav > ul > li > a.a1,
.nav > ul > li.active > a {
    background: rgba(255, 255, 255, 0.15);
    color: #f6ff00;
}

/* 底部滑入动画效果 */
.nav > ul > li > a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 3px;
    background: #f6ff00;
    transition: all 0.3s ease;
    transform: translateX(-50%);
}

.nav > ul > li > a:hover::after,
.nav > ul > li > a.a1::after,
.nav > ul > li.active > a::after {
    width: 80%;
}

/* 下拉菜单样式优化 */
.nav > ul > li.dropdown {
    position: relative;
}

.nav > ul > li > .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    min-width: 180px;
    padding: 8px 0;
    margin: 0;
    background: #fff;
    border: none;
    border-radius: 8px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 1000;
    display: block;
}

.nav > ul > li.dropdown:hover > .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

/* 下拉菜单项 */
.nav > ul > li > .dropdown-menu > li {
    width: 100%;
    display: block;
    float: none;
}

.nav > ul > li > .dropdown-menu > li > a {
    display: block;
    padding: 12px 20px;
    line-height: 1.5;
    color: #333;
    font-size: 14px;
    text-align: left;
    transition: all 0.2s ease;
    background: transparent;
}

.nav > ul > li > .dropdown-menu > li > a:hover {
    background: #f0f9f9;
    color: #00726d;
    padding-left: 25px;
}

.nav > ul > li > .dropdown-menu > li > a::after {
    display: none;
}

/* 下拉箭头样式 */
.nav > ul > li.dropdown > a .caret {
    margin-left: 5px;
    border-top-color: #fff;
    transition: transform 0.3s ease;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.nav > ul > li.dropdown:hover > a .caret {
    transform: rotate(180deg);
}

/* 优惠报名特殊样式 */
.nav > ul > li > a.red {
    background: linear-gradient(135deg, #c9000a 0%, #e53935 100%);
    border-radius: 4px;
    margin: 10px 5px;
    line-height: 40px;
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(201, 0, 10, 0.3);
    transition: all 0.3s ease;
}

.nav > ul > li > a.red:hover {
    background: linear-gradient(135deg, #e53935 0%, #c9000a 100%);
    box-shadow: 0 4px 15px rgba(201, 0, 10, 0.4);
    transform: translateY(-2px);
}

.nav > ul > li > a.red::after {
    display: none;
}

/* ============================================
   响应式设计 - 平板设备
   ============================================ */
@media (max-width: 992px) {
    .nav {
        width: 100%;
    }
    
    .nav > ul {
        flex-wrap: wrap;
    }
    
    .nav > ul > li {
        flex: 0 0 25%;
    }
    
    .nav > ul > li > a {
        font-size: 14px;
        line-height: 50px;
        padding: 0 3px;
    }
    
    .nav > ul > li > a.red {
        margin: 5px;
        line-height: 40px;
    }
    
    .nav > ul > li > .dropdown-menu {
        position: static;
        transform: none;
        width: 100%;
        box-shadow: none;
        border-radius: 0;
        opacity: 1;
        visibility: visible;
        display: none;
        background: #006b66;
    }
    
    .nav > ul > li.dropdown:hover > .dropdown-menu {
        transform: none;
        display: block;
    }
    
    .nav > ul > li > .dropdown-menu > li > a {
        color: #fff;
        text-align: center;
        padding: 10px;
    }
    
    .nav > ul > li > .dropdown-menu > li > a:hover {
        background: rgba(255, 255, 255, 0.1);
        color: #f6ff00;
        padding-left: 10px;
    }
}

/* ============================================
   响应式设计 - 手机设备
   ============================================ */
@media (max-width: 768px) {
    .nav > ul > li {
        flex: 0 0 33.333%;
    }
    
    .nav > ul > li > a {
        font-size: 13px;
        line-height: 45px;
    }
    
    .nav > ul > li > a.red {
        font-size: 12px;
        margin: 3px;
        line-height: 39px;
    }
}

@media (max-width: 480px) {
    .nav > ul > li {
        flex: 0 0 50%;
    }
    
    .nav > ul > li > a {
        font-size: 12px;
        line-height: 40px;
    }
}

/* ============================================
   动画效果
   ============================================ */
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

.nav > ul > li.dropdown:hover > .dropdown-menu {
    animation: fadeInDown 0.3s ease;
}