body,p,h1,h2,h3,h4,ul,li,ol,form,input{padding:0px;margin:0px;border:none;}
body {line-height:24px;font-family: "微软雅黑";background-color: #FFF;font-size:14px;text-align:center;}
.mn{width:1280px;margin-left:auto;margin-right:auto;}
ul,li{list-style-type:none; margin:0px; padding:0px;}
a:link{ color:#4E4E4E; text-decoration:none;}
a:visited{ color:#4E4E4E; text-decoration:none;}
a:hover{ color:#FF4E00; text-decoration:none;}
.red{font-weight:bold; color:#FF0000;}

/*顶部登陆*/
.dl_all{padding-bottom:3px;height:42px; margin-left:auto;margin-right:auto; clear:both;line-height:42px;overflow:hidden;border-bottom:1px solid #E9E9E9;}
.dl_left{width:calc(62% - 20px);clear:both;overflow:hidden;float:left;text-align:left;padding-left:3px;position:relative;}
.dl_left a{color:#F94D09;font-weight:bolder;padding-left:10px;}
.dl_left a:hover{color:#000000;}
.dl_txt{width:145px;height:22px;background-color:#FFF;border:1px solid #B4B4B4;margin-right:10px;margin-left:8px;padding:0 5px;}
.dl_wz{float:left;color:#000000;margin-right:4px; }
.dl_wz span{color:#E9E9E9;}
.dl_wz a:link{color:#F94D09;}
.dl_wz a:visited{color:#F94D09;}
.dl_wz a:hover{color:#000000;}
.dl_2{ float:left;width:120px;margin-right:10px;margin-top:6px;}
.dl_button{ margin-top:5px; float:left;}
.dl_right{float:right; color:#D1D1D1;width:38%;float:right;color:#F3F3F3;}
.dl_right a{padding:0px 5px;color:#666;}
.dl_right a:hover{color:#cc3232;}
#btnReg{position:relative;top:5px;}

#ulmenu li{text-align:left;}
#step1 td{text-align:left;}


/*LOGO部*/
.logo_all{clear:both; margin-top:10px;height:80px;overflow:hidden;}
.logo_left{ float:left;width:250px;text-align:center;}

.logo_mid{float:left;width:255px;height:49px; margin-top:10px; margin-left:45px; background-image:url(/images/logo_mid.jpg);font-size:14px;font-weight:bold;}
.logo_mid a:link{color:#000000;}
.logo_mid a:visited{color:#000000;}
.logo_mid a:hover{color:#000000;}
.logo_mid_1{width:83px;height:41px;float:left;margin-left:1px;text-align:center; margin-top:5px; line-height:41px;}
.logo_mid_1_current{width:83px;height:41px;float:left;margin-left:1px;text-align:center;margin-top:5px; line-height:41px;background-image:url(/images/logo_mid_1_current.jpg);}

.logo_right{ float:right; width:355px; margin-top:5px;}
 #logoAd{width:650px;height:60px;float:left;margin:5px 15px 0px 15px;background-color:#E6E6E6;}
 #logoList{width:280px;float:left;margin:10px 0px 0px 10px;}
 .btn-qg{float:left;width:140px;}
 #kefu{float:left;margin-top:3px; width:100px;margin-left:5px;padding-left:12px;height:26px; text-align:center; line-height:26px; background-image:url(/images/qq.jpg);}
 #kefutel{padding-left:10px;float:left;font-size:14px;line-height:20px;font-weight:bolder;text-align:center;}
.nav{width:1280px;margin-left:auto;margin-right:auto;}
.menu{height:42px;line-height:42px;background-color:#2495ff;width:100%;}
.menu ul{height:42px;width:100%;background-color:#2495ff;}
.menu li{float:left;width:calc(11.11111% - 1px);font-size:16px;font-weight:bolder;color:#cc3232;overflow:hidden;}
.menu li:first-child{border-left:none;}
.menu a{color:#FFF;}
.menu li a:hover{color:#fff479;}
#curmenu {
    background: -webkit-linear-gradient(top,#2d7dd6 25%,#4b3a93 75%);
    height: 42px;
    border-radius: 3px 0 0 0;
    color: #FFF;
}
#curmenu a{color:#FFF;}
#curmenu a:hover{color:#f98703;}
.mbg{background-color:#f98703;}

.dh_2{width:100%;height:56px;border-top:0px;background-color:#F3F3F3;}
.dh_2_1{float:left; margin-top:7px; margin-left:15px;}
.dh_2_2{float:left;margin-top:12px;position:relative;}
#searchkeywords{border:1px solid #D1D1D1;height:30px;line-height:30px;width:360px;color:#999;padding-left:85px;border-radius:8px 0 0 8px;outline:none;}
#searchcol{height:26px;line-height:26px;border:none;position:absolute;top:3px;left:12px;background:none; outline:none;padding:0;}
#searchimg{float:left;width:130px;height:30px;line-height:30px;color:#FFF;background-color:#cc3232;cursor:pointer;margin-top:12px;border-radius:0 8px 8px 0;}
#searchimg:hover{background-color:#F94D09;}
.dh_2_3{float:left;margin-left:20px;line-height:56px;color:#E9E9E9;}
.dh_2_3 a{padding:0px 5px;}
#pageNav{margin-top:30px;text-align:center;margin-bottom:30px;}
#pageNav a{border:1px solid #E6E6E6;padding:2px 6px;border-radius:3px;}
.footer-nav{background-color:#F3F3F3;margin-top:20px;padding-top:15px;padding-bottom:20px;border-top:1px solid #D9D9D9;}
.bottom {width:1280px;margin-left:auto;margin-right:auto;COLOR: #555; LINE-HEIGHT: 20px; TEXT-ALIGN: center;clear:both;
}
.bottom span{padding-left:15px;}

.kefu-nav{position:fixed;top:180px;right:15px;width:48px;height:164px;}
.kefu-icon{position:relative; transition:all 1.2s; cursor:pointer;}
.kefu-wx{display:none;position:absolute;top:0;left:-169px;}
.kefu-icon:hover .kefu-wx{display:block;}

.gzh-nav{position:fixed;top:360px;right:15px;width:48px;height:164px;}
.gzh-icon{position:relative; transition:all 1.2s; cursor:pointer;}
.gzh-wx{display:none;position:absolute;top:0;left:-169px;}
.gzh-icon:hover .gzh-wx{display:block;}


.nav-left {
    width: 20%;
    float: left;margin-top: 25px;text-align:left;
}

.nav-right {
    width: 78.5%;
    float: right;
    margin-top: 25px;
}
.nav-title{font-size:18px;font-weight:bolder;border-bottom:1px solid #D9D9D9;color:#333;margin-bottom:10px;text-align:left;line-height:30px;}

/* 发布按钮（外置） */
.publish-btn {
    background: #165dff;
    color: #fff;
    border: none;
    padding: 12px 24px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

    .publish-btn:hover {
        background: #0d47a1;
        transform: scale(1.05);
    }

/* 表单容器 - 右侧滑出 */
.form-container {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 450px;
    height: 100vh;
    background: #fff;
    z-index: 100;
    transform: translateX(100%);
    transition: transform 0.4s ease;
    padding: 20px;
    overflow-y: auto;
    box-shadow: -2px 0 15px rgba(0,0,0,0.1);
}

    /* 表单显示状态 */
    .form-container.show {
        transform: translateX(0);
    }

/* 遮罩层 */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.5);
    z-index: 99;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

    .overlay.show {
        opacity: 1;
        pointer-events: auto;
    }

/* 表单头部 */
.form-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.form-title {
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.close-btn {
    background: none;
    border: none;
    font-size: 22px;
    color: #999;
    cursor: pointer;
    transition: color 0.3s ease;
}

    .close-btn:hover {
        color: #f53f3f;
    }

/* 表单样式 */
.form-group {
    margin-bottom: 20px;
}

.form-label {
    display: block;text-align:left;
    margin-bottom: 3px;
    font-size: 14px;
    color: #333;
    font-weight: 500;
}

    .form-label .required {
        color: #f53f3f;
    }

.form-control {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    transition: border 0.3s ease, box-shadow 0.3s ease;
}

    .form-control:focus {
        outline: none;
        border-color: #165dff;
        box-shadow: 0 0 0 3px rgba(22,93,255,0.1);
    }

textarea.form-control {
    min-height: 100px;
    resize: none;
}

/* 验证码区域 */
.verify-group {
    display: flex;
    gap: 10px;
}

.verify-code {
    flex: 1;
}

.code-img {
    width: 120px;
    height: 44px;
    background: #f5f7fa;
    border: 1px solid #ddd;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
    color: #165dff;
    letter-spacing: 4px;
}

/* 提交按钮 */
.submit-btn {
    width: 100%;
    background: #165dff;
    color: #fff;
    border: none;
    padding: 14px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s ease;
    margin-top: 10px;
}

    .submit-btn:hover {
        background: #0d47a1;
    }
.page{text-align:left;margin-top:20px;margin-bottom:30px;font-size:16px;color:#333;}
.page a{padding:0 5px;}

/****产品分类****/
#productsClass{background-color:#F6F6F6;text-align:left;}
#proClassTit{height:40px;background-color:#4a5be4;color:#FFF;font-size:18px;line-height:40px;padding-left:20px;}
#productsClass ul{padding:10px 0px;}
#productsClass li{line-height:30px;color:#333;font-size:16px;font-weight:bolder;border-bottom:1px solid #EFEFEF;padding:0 10px 5px 10px;margin-top:5px;position:relative;}
#productsClass li ul{padding:0px;}
#productsClass li li{float:left;font-size:13px;color:#888;font-weight:400;line-height:26px;margin-right:15px;border-bottom:none;margin-top:0px;padding-bottom:0px;padding:0;}
.hotProClass{position:absolute;left:240px;top:-2px;z-index:99999;background-color:#FFF;width:400px;height:180px;border-top:2px solid #cc3232;border-right:2px solid #cc3232;border-bottom:2px solid #cc3232;display:none;}
.hotProClass b{padding-left:10px;}
.hotProClass ul{margin:10px;}
.mt12{margin-top:12px;}
.curPro{font-weight:bolder;color:#cc3232;}

.btn-gq2{float:right;width:168px;margin-top:10px; cursor:pointer;padding-left:10px;}
.btn-gq2:hover{opacity:0.9;cursor:pointer;}
.btn-gq3{float:right;width:169px;margin-top:10px;cursor:pointer;padding-left:30px;}
.btn-gq3:hover{opacity:0.9;}

.job-btn-pub{width:100%;margin-bottom:7px;}
.job-btn-pub img{width:100%;}