@charset "utf-8";
/* CSS Document 首页*/
body{font-style:normal;font-size:12px; font-family: "微软雅黑"; color:#666; background:#fff;}
.middle{ background:#eeeff3;}
body,div,table,th,td,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,textarea,p{padding:0;margin:0;}
table{border-spacing:0;border-collapse:collapse;}
ul,li,dl,dt,dd{ list-style:none;}
input{outline: none;}
img{transition: opacity 0.3s;border:none;}
/*img:hover {opacity: 0.5;}*/
.pointer {cursor: pointer;}
.f10{ margin-left:10px}
.f20{ margin-left:20px}
.f30{ margin-left:30px; margin-top:50px}
.f80{ margin-left:80px; margin-top:10px}
a {text-decoration:none;color:#666}
a:hover {text-decoration:none; color:#09F;}
.top {width: 100%;position: relative;height:360px;background: linear-gradient(270deg,#38429c,#1a1f63);}
.top img:hover{ pointer-events: none;}
.banner{max-width: 1920px;position: relative; min-width:1200px; width:100%}
.banner img{max-width: 1920px;min-width:1200px; width:100%; height: 360px;}
.serch{position: absolute;z-index: 8;left: calc(50vw - 600px);width:1200px; top:20px; display: flex; flex-direction: column; align-items: stretch}
.serch dt{ text-align:right; height:30px; line-height:30px}
.serch dt a{ color:#fff; text-align:center; margin-left:15px;}
.serch_l{ width:20%; float:left}
.serch dd{ margin-top: 15px;}
.serch_r{ width:80%; margin: 0 auto; padding-left: 100px;}
.title01{
    display: flex;       /* 启用flex布局 */
    align-items: center;  /* 垂直居中子元素 */
    letter-spacing: 15px;
    font-size: 38px;font-weight: 800;color: #fff;line-height: 53px;text-shadow: 0 2px 4px rgba(0,0,0,.5);margin-bottom: 15px;padding-top: 33px;
}
.serch_m{ width:88%; height:80px;}
.ssk{text-indent: 1em;background-color: #fff; border-right: 0; height:60px;box-sizing: border-box; border:none; width:80%;border-radius: 4px 0 0 4px; float:left}
.ssa{width: 93px;height: 60px;border-radius: 0 4px 4px 0;display: flex;justify-content: center;align-items: center;background-color: #327bfa; float:left;cursor: pointer;}
.serch_b{ width:100%;}
.serch_b li{ float:left;width: 118px;height: 45px;background: linear-gradient(180deg,hsla(0,0%,100%,.22),rgba(47,68,149,.53));border-radius: 2px;color: #fff;font-size: 16px;cursor: pointer; margin-right: 12px;
display: flex; justify-content: center;  align-items: center;}
.serch_b li a{ color:#fff}
.serch_b li img{width:24px; margin-right:5px;}

.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    width: 120px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.2);
    z-index: 1;
    list-style: none;
    padding: 0;
    margin: 0;
    border-radius: 4px;
}
.dropdown-menu li {
    float: left;
    width: 120px;
    height: 40px;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .22), rgba(47, 68, 149, .53));
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    margin-right: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.dropdown-menu li a {
    display: block;
    padding: 8px 16px;
    text-decoration: none;
    color: #333;
}
.dropdown-menu li a:hover {
    background-color: #f5f5f5;
}
/* 显示下拉菜单时的样式 */
.dropdown:hover .dropdown-menu {
    display: block;
}


.denglu{width: 70px; height: 28px; background: rgb(50, 123, 250); border-radius: 14px; line-height: 28px; display: inline-block;}
.zhuce{width: 70px; height: 28px; background: rgb(255, 168, 0); border-radius: 14px; line-height: 28px; display: inline-block;}
.caozuo{width: 100px; height: 28px; background: linear-gradient(rgb(83, 223, 254) 0%, rgb(34, 132, 255) 100%) rgb(50, 123, 250); border-radius: 14px;line-height: 28px; display: inline-block; margin-left: 2px;}

/* 用户信息样式 */
.user-profile {
    position: absolute;
    right: 0;
    top: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    z-index: 10;
}

.user-avatar img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.9);
    object-fit: cover;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.user-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 3px;
}

.welcome-text {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}

.user-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}

.user-actions a {
    color: #fff;
    text-decoration: none;
    transition: color 0.3s ease;
}

.user-actions a:hover {
    color: #ffd700;
    text-decoration: underline;
}

/* 个人中心和退出hover时都去掉下划线 */
.user-center:hover, .user-logout:hover {
    text-decoration: none !important;
}

.action-separator {
    color: rgba(255,255,255,0.7);
    font-size: 12px;
}

.user-logout {
    color: rgba(255,255,255,0.9) !important;
}

/* 退出hover时使用和个人中心相同的颜色 */
.user-logout:hover {
    color: #ffd700 !important;
}

.navBox{width: 100%;height: 60px;background: #1b214e;}
.nav{ width: 100%;height: 60px;background: #1b214e;clear: both;width: 1200px; margin: 0 auto;}
.shouye{background: linear-gradient(180deg,#61b2fd,#327bfa)!important; border-radius: 0; border-bottom: none!important;background: linear-gradient(180deg,#61b2fd,#327bfa)!important;border-radius: 0;border-bottom: none!important;}
.nav li{ width:120px; height:60px; float:left;text-align:center; font-size:16px; font-family:"微软雅黑"; line-height:60px}
.nav li a{ color:#FFF} 
.nav ul li ul {display: none;position: absolute;background-color: #1b214e;width:160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}
.nav ul li ul li{ background:#1b214e; font-size:14px;}
.nav ul li:hover ul {display: block;}
.nav ul li ul li a{ text-align:center; height:50px; line-height:50px;display:block;}
.nav ul li ul li a:hover{ background-color: #121536; display:block;height:50px; width:160px;}

.topnav{width: 100%;height: 60px;background: #1b214e;position: fixed; top:0}
.navBox1{ width: 100%;height: 60px;background: #1b214e;clear: both;width: 1200px; margin: 0 auto;}
.head_logo{ width:120px; float:left}
.nav_list{ width:900px; float:left}
.head_s{ float:right}
.head_s a{ color:#fff; text-align:center; margin-right:15px; margin-top:15px;}
.nav_list li{ width:90px; height:60px; float:left;text-align:center; font-size:16px; font-family:"微软雅黑"; line-height:60px}
.nav_list li a{ color:#FFF}
.nav_list ul li ul {display: none;position: absolute;background-color: #1b214e;width:110px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}
.nav_list ul li ul li{ background:#1b214e; font-size:14px;}
.nav_list ul li:hover ul {display: block;}
.nav_list ul li ul li a{ text-align:center; height:50px; line-height:50px;display:block;}
.nav_list ul li ul li a:hover{ background-color: #121536; display:block;height:50px; width:110px;}

.head_login{ float:left; line-height: 60px;}

.banner{ text-align:center}

.main01{ width:1200px; margin:0 auto; height:490px; padding-top:20px;clear: both;}

.main02{ width:1200px; margin:0 auto; height:472px;clear: both;padding-top:20px;}
.row{position: relative; height: auto;  margin-right: 0; margin-left: 0; zoom: 1; display: block; box-sizing: border-box;}
.row-l{width: 480px; min-height: 340px;  float:left}
.row-r{width:700px; margin-left:20px; float:left}
.row-r dt{ border-bottom:2px solid #ddd; height:50px;}
.row-r dt li{ float:left; width:100px; line-height:50px; text-align:center; font-weight:600px; font-size:18px;}
.row-r dt li a{ color:#000}
.row-r dt li a:hover{ color:#09F}
.row-r dt li:hover{ border-bottom:4px solid #09F;}
.row-r dd{ margin-top:20px;}
.row-r dd li{ line-height:44px; height:44px; border-bottom:#ddd 1px solid; font-size:14px; background:url(../images/icon01.png) 2px 18px no-repeat; padding-left:20px;}
.row-r dd li span{ float:right}
.row-r dd li a{ color:#000; max-width:570px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis; display:block; float:left}
.row-r dd li a:hover{ color:#09F;}
.titleBox{margin-bottom: 16px;    width: 100%;    height: 42px;    display: flex;    align-items: center;    justify-content: space-between;}
.title{font-size: 24px;    font-weight: 600;    color: #10111a;    line-height: 42px;}
.titleBox .change {    font-size: 16px;    font-weight: 400;    color: #999;    line-height: 20px;    cursor: pointer;}
.change a:hover{color:#09F}

.row{position: relative;    height: auto;    margin-right: 0;    margin-left: 0;    zoom: 1;    display: block;    box-sizing: border-box;}



.bg001{width: 100%; height: 498px; background-image:url(../images/bg.png); background-size: 100% 100%; background-repeat: no-repeat; padding-top: 20px;}
.main03{clear: both; width: 1200px; margin: 0 auto;}
.zhuanli{ width: 1200px; margin: 0 auto;}
.zhuanli dl{width: 285px; height: 336px;background: #fff; box-shadow: 0 4px 10px 0 rgb(39 46 68 / 10%); border-radius: 4px; margin:0px 7px; float:left; overflow:hidden}
.zhuanli dt{width: 87px; height: 30px;top: 0;left: 0;background: linear-gradient(90deg,#73c2ff,#548cff);box-shadow: 0 10px 30px 0 rgb(45 106 255 / 20%); border-radius: 4px 4px 4px 0;font-size: 14px; font-weight: 600; color: #fff;text-align: center;line-height: 30px;}
.zhuanli_titile{
    padding: 0 20px;
    font-size: 16px;
    font-weight: 500;
    color: #202534;
    line-height: 40px;
    margin-bottom: 3px;
    white-space: nowrap; /* 防止文本换行 */
    overflow: hidden; /* 隐藏溢出部分 */
    text-overflow: ellipsis; /* 用省略号表示溢出部分 */
}
.qlr{
    padding: 0 20px;
    font-size: 16px;
    font-weight: 500;
    color: #202534;
    line-height: 40px;
    margin-bottom: 3px;
    white-space: nowrap; /* 防止文本换行 */
    overflow: hidden; /* 隐藏溢出部分 */
    text-overflow: ellipsis; /* 用省略号表示溢出部分 */
}
.zhuanliimg{ width:230px; padding-left:25px;}
.zhuanli dd p{padding: 0 20px; font-size: 14px; font-weight: 400;  color: #999;  line-height: 24px;}
.zhuanjj{padding: 0 20px; font-size: 14px; font-weight: 400;  color: #999;  line-height: 24px; padding-bottom: 10px;}
.zhuanli dd span{color: rgb(248, 100, 4);}
.price{font-weight: 500; color: #f86404; float: left;padding-top: 10px}
.bg002{width: 100%; height: 530px; background-image:url(../images/bg02.jpg); background-size: 100% 100%; background-repeat: no-repeat; padding-top: 50px;}
.main04{clear: both; width: 1200px;height:450px; margin: 0 auto;background:#fff;box-shadow: 0 10px 30px 0 rgb(45 106 255 / 20%); border-radius: 4px 4px 4px 0; padding-top:30px;}
.title02{height: 60px;padding-left: 15px; box-sizing: border-box;font-size: 24px; line-height: 50px;justify-content: space-between; border-bottom:4px solid #09F;
margin-bottom: 25px; color: #10111a; }
.fuwu{ width:720px; float:left; padding-left:20px;}
.fuwu dl{ float:left; width:49%;border-bottom: 1px dashed #e7e7e7;  margin: 10px 0 14px 0; height:90px;}
.fuwu dt{ margin-left:20px; float:left}
.fuwu dd{ float:left;padding: 0 0 20px 30px; min-height: 60px;}
.fuwu dd b{font-size: 18px;color: #333;display: block;margin-bottom: 10px; font-weight: 600; line-height: 40px;}
.fuwu dd span{display: block;font-size: 14px; color: #666666;}
.server{ float:left; width:420px; margin-left:40px}
.server li{list-style: none; margin-bottom: 16px;}
.server a.hover{ padding-left:2px;}



.bg003{width: 100%; height: 270px; background:#f7f8ff; background-repeat: no-repeat; padding-top: 20px;}
.gg{clear: both; width: 1200px; margin: 0 auto;}

.bg004{width: 100%; height: 500px; background:#f1f5ff; background-repeat: no-repeat; padding-top: 20px;}
.zhuanli2{ width: 1200px; margin: 0 auto;}
.zhuanli2 dl{width: 285px; height: 336px;background: #fff; box-shadow: 0 4px 10px 0 rgb(39 46 68 / 10%); border-radius: 4px; margin:0px 7px; float:left; overflow:hidden}
.zhuanli2 dt{width: 87px; height: 30px;top: 0;left: 0;background: linear-gradient(90deg,#73c2ff,#548cff);box-shadow: 0 10px 30px 0 rgb(45 106 255 / 20%); border-radius: 4px 4px 4px 0;font-size: 14px; font-weight: 600; color: #fff;text-align: center;line-height: 30px;}
.zhuanli2_titile{padding: 0 20px;  font-size: 16px;  font-weight: 500;  color: #202534;  line-height: 40px;   margin-bottom: 3px;}
.zhuanliimg{ width:230px; padding-left:25px;}
.zhuanli2 dd p{padding: 0 20px; font-size: 14px; font-weight: 400;  color: #999;  line-height: 30px;}
.zhuanli2 dd b{color: rgb(248, 100, 4);}
.zhuanli2 dd span{background-color: rgb(238, 238, 238); border-radius: 1px; padding:4px; font-size:12px; margin-right:10px;}

.peixun{ width: 1200px; margin: 0 auto; padding-top:30px; height:365px;}
.peixun_list li{ float:left; width:280px; border:1px solid #ddd; margin:0px 9px; height:260px}
.peixun_list li p{font-size: 18px; font-weight: 600;line-height: 46px; text-shadow: 0 2px 13px hsl(0deg 0% 58% / 37%);  padding-left: 16px; padding-right: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.peixun_list li a{ color:#000}
.peixun_list li a:hover{ color:#09F;}
.peixun_list li span{font-size: 14px;font-weight: 400; color: #666; line-height: 20px;text-shadow: 0 2px 13px hsl(0deg 0% 58% / 37%); padding-left: 16px; padding-right: 16px;}

.fuwu dl dt img{animation-play-state: paused;  transition: background-color 0.3s;}
.fuwu dl dt img:hover{animation: my-animation 1s infinite; }

.yuyue{width: 1200px; margin: 0 auto; padding-top:30px; height:285px;}
.yuyue_list{ margin-top:30px}
.yuyue_list li{ float:left; width:170px; text-align:center}
.yuyue_list li a{ font-size:18px; font-weight:600; color:#09F;}
.yuyue_list li p{ margin-top:25px;}

.bg005{background:#182449; height:105px;}
.fot{ width: 1200px; margin: 0 auto; padding-top:20px; }
.fotl{float: right;padding-right: 10px;}
.fotr{ float:left; color:#fff; line-height:36px; font-size:14px}
.banquan{ text-align: center; background:#06123f; height:38px; line-height:38px; color:#fff}

/* 新闻内页 */
.main_list{ background:#f7f8ff; padding-bottom:70px;min-height:735px}
.list_tbg{width: 100%;background-size: 100% 100%;height: 80px;line-height: 80px;background-image: linear-gradient(270deg, #38429c, #1a1f63); padding-top:60px;}
.list_nav{width: 1200px; margin: 0 auto; font-size:22px; color:#FFF}
/*.list_nav img{display: inline-block; height: 22px; width: 22px; vertical-align: middle; margin-right:20px}*/
.ss_l img{display: inline-block; height: 22px; width: 22px; vertical-align: middle;padding-right: 10px;}
.mian_list{ width: 1200px; margin: 0 auto; padding-top:30px; height:700px;}
.mian_list dt{
    width:17%; float:left; background:#FFF;
    height:750px
}
.mian_list dd{ width:75%; float:right; background:#FFF; height:600px; color:#666; padding:30px;}
.mian_list dt li{ text-align:center; height:50px; line-height:50px; font-size:16px;}
.news_b{background:#327bfa}
.news_b a{ color:#fff}
.mian_list dd li{ height:48px; line-height:48px; padding-left:30px; font-size:16px; border-bottom:1px dashed #CCC; background:url(../images/libg001.png) 10px  no-repeat;}
.mian_list dd li span{ float:right; font-size:14px; margin-right:20px;}
.mian_list dd li a{
    max-width: 740px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    float: left;}
.mian_list dd ul{ display:block}

.fenye{width: 75%;
    float: right;
    background: #FFF;
    height:30px;
    color: #666;
    padding: 30px;}

.fenye2{width:860px;
    float: right;
    background: #FFF;
    height:30px;
    color: #666;
    padding: 30px;}

.mian_content{ width: 1200px; margin: 0 auto; padding-top:10px;  background-color: #fff;border-radius: 5px;margin-top: 20px}
.nytit{
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 10px;
}
.aritcle_title{
    font-size: 1.5rem !important;
    color: #3a3d46 !important;
    text-align: center;
    height: 60px;
    line-height: 60px;

}
.aritcle_remark{margin-top: 12px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 180%;
    font-size: 14px;
    width: 600px;
}
.article_txt{
    /*font-size: 14px; line-height: 28px; color: #666; margin-top: 20px; overflow:hidden*/
    margin: 0 20px;
    font-size: 16px;line-height: 240%;padding-bottom: 30px;
    min-height: 500px;
}
.inner_title {
    margin-bottom: 37px;
    line-height: 40px;
    text-align: right;
    position: relative;
    padding-right: 33px;
}

.inner_title span {
    position: relative;
    background: #fff;
    display: inline-block;
    padding: 0 10px;
    font-size: 24px;
    color: #1a1a1a;
}
h3 {
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}


.fy{
    width: 1140px;
    margin: 0 auto;
    margin-top: -30px;
    background-color: #fff
}

.fy2{
    margin: 0 auto;
    background-color: #fff;
    font-size: 14px;
    padding-bottom: 30px; padding-right: 30px
}

.tiaojian{width:1180px; margin: 0 auto; margin-top:20px;overflow: hidden;min-height: 40px; border: 1px solid #ececec; background: #fafafa; padding: 0 12px;}
.tiaojian dt{font-size: 16px;font-weight: 700;color: #333; margin: 6px 0;}
.tiaojian dd li{float: left; width: 210px; height: 40px; border: 1px solid #e8e8e8; line-height: 40px; padding: 0 5px; background: #fff; margin: 0 24px 11px 0; font-size: 14px; overflow:hidden}
.tiaojian dd li a{ float:left; padding-right:20px;}
.tiaojian dd li a img{ margin-top:12px; float:right}

.leixing{width: 1200px; margin: 0 auto; margin-top:20px;overflow: hidden;}
.leixing_l{width: 250px;background: #fff; border: 1px solid #ececec; float: left; min-height:500px}
.leixing_r{width: 920px;background: #fff; overflow: hidden; float: right;}
.leixing_top{height: 50px;width: 100%; background: #f0f0f0; border: 1px solid #ececec; border-bottom: 0;}
.leixing_list{border-bottom: 1px solid #e8e8e8; padding: 20px 18px; min-height: 200px;}
.leixing_list dt{width: 160px; margin: 20px 20px 0 8px; float:left}
.leixing_list dd{ float:left;width: 630px;margin-top: 10px}
.list_xx{ width:100%; overflow:hidden}
.leixing_list dd h2{font-size: 16px;font-weight: 500; display: block; color: #333;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 16px; width:70%}
.leixing_list dd p{float: left; width: 50%; line-height: 24px; font-size: 14px; margin-bottom: 0;text-overflow: ellipsis;white-space: nowrap;}
.leixing_list dd h2 span{display: block;float: right; text-align: center; line-height: 20px; font-size: 17px;  margin-left: 10px; color: #2288ed;}
.jiazhi{line-height: 24px; font-size: 14px; margin-bottom: 0;text-overflow: ellipsis;white-space: nowrap;}
.jiazhi span{ color: rgb(255, 153, 51);cursor: default;}

.leixing_top li{ float:left;height: 50px; line-height: 50px;  font-size: 14px; margin-right:20px}
.leixing_top li img{ float:left; margin:17px 5px 0 10px}
.checkbox{display: inline-block;border: 1px solid #dcdfe6; border-radius: 2px; box-sizing: border-box; width: 14px; height: 14px; background-color: #fff;    transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46); margin-right:10px;}
.t_color{color: #2c68ff!important;}

.leixing_l li{align-items: center;line-height: 48px; background-color: #fff;  color: #303133;  cursor: pointer;  border-bottom: 1px solid #ebeef5;  font-size: 13px;
    font-weight: 500;  transition: border-bottom-color .3s;   outline: 0; width:220px; padding:0 15px}
.leixing_l li a{width:220px; display:block; height:48px;}
.leixing_l li img{ float:right; margin-top:18px;}
.zhuanli_box{ background-color: #fff; border-bottom: 1px solid #ebeef5;}
.shaixuan{width: 75px; height: 34px; line-height: 34px; border: 1px solid #2288ed; border-radius: 3px; background: #fff; color: #2288ed; margin: 15px 85px 20px 0; font-size: 14px; cursor:pointer}
.zhuanli_box p{display: inline-block; padding-left: 10px; line-height:28px; height:28px; font-size: 14px; width:90%; color:#666}
.zhuanli_box p b{ display:inline-block; margin-left:10px; font-weight:normal}
.zhuanli_box p span{ float:right}
.dianji{display: inline-block; border: 1px solid #dcdfe6;border-radius: 2px;box-sizing: border-box; width: 14px; height: 14px;background-color: #fff; transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46), background-color .25s cubic-bezier(.71,-.46,.29,1.46);}

/* 这种方法会影响整个select的下拉列表的字体颜色 */
select {
    color: #666; /* 设置下拉列表中文字的颜色 */
}
select:focus {
    outline: none; /* 移除默认轮廓 */
    border: 1px solid #dcdfe6; /* 自定义边框 */
}

/* 如果你想为不同状态（如选中、未选中）设置不同的颜色，可以使用伪类 */
select option:checked {
    color: blue; /* 设置选中项的文字颜色 */
}



.zhuanli_box2{ background-color: #fff; border-bottom: 1px solid #ebeef5;}
.shaixuan{width: 75px; height: 34px; line-height: 34px; border: 1px solid #2288ed; border-radius: 3px; background: #fff; color: #2288ed; margin: 15px 85px 20px 0; font-size: 14px; cursor:pointer}
.zhuanli_box2 p{display: inline-block; line-height:50px; height:50px; font-size: 14px; color:#666}
.zhuanli_box2 p b{
    display:inline-block;
    /*margin-left:10px;*/
    font-weight:normal;
    width: 75px;
}
.zhuanli_box2 p span{ float:right}

.dianji2{
    display: inline-block;
    border: 1px solid #dcdfe6;
    border-radius: 2px;box-sizing: border-box;
    width: 130px;
    padding-left:10px;
    height:28px;
    background-color: #fff;
    transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46), background-color .25s cubic-bezier(.71,-.46,.29,1.46);}

.leixing_2{width: 250px;background: #fff; border: 1px solid #ececec; float: right; min-height:500px}
.leixing_r1{width: 920px;background: #fff; overflow: hidden; float: left;}

.imgborder{
    width:348px;
    height:90px;
    border:1px solid #fccc;
    border-radius: 8px;
}

.ss_l{ width:50%; float:left;font-size:22px; color:#FFF}
.ss_r{ width:50%; float:left; font-size:14px;}
.ss_r dt{ width:100%; height:40px; overflow:hidden; margin-top:15px;margin-left: 77px;}
.ss_r dd{ width:100%; line-height:24px; color:#fbac0c;margin-left: 77px;}

.ss_n{ width:50%; float:left; font-size:14px;}
.ss_n dt{ width:100%; height:40px; overflow:hidden; margin-top:15px;margin-left: 166px;}
.ss_n dd{ width:100%; line-height:24px; color:#fbac0c;margin-left: 165px;}

.serch01{background-color: #fff; background-image: none; border-radius: 4px; border: 1px solid #dcdfe6; box-sizing: border-box; color: #606266; display: inline-block; font-size: inherit;
    height: 40px; line-height: 40px; outline: 0; padding: 0 15px; transition: border-color .2s cubic-bezier(.645,.045,.355,1);  width: 50%; float:left}
.serch02{width: 10%; height: 40px; line-height: 40px; text-align: center;  vertical-align: middle;  display: inline-block;  color: #fff;  font-size: 12px; float:left;border:none; background:url(/static/web/images/serch002.png) no-repeat center; cursor:pointer}
.serch03{width: 20%; height: 40px; line-height: 40px; text-align: center; vertical-align: middle; display: inline-block; color: #fff; font-size: 16px; float:left; margin-left:20px;background-color: #fbac0c; border:none; cursor:pointer}
.serch04{width: 20%; height: 40px; line-height: 40px; text-align: center; vertical-align: middle; display: inline-block; color: #fff; font-size: 16px; float:right; margin-right:100px;background-color: #fbac0c; border:none; cursor:pointer}


.serch05{background-color: #fff; background-image: none; border-radius: 4px; border: 1px solid #dcdfe6; box-sizing: border-box; color: #606266; display: inline-block; font-size: inherit;
    height: 40px; line-height: 40px; outline: 0; padding: 0 15px; transition: border-color .2s cubic-bezier(.645,.045,.355,1);  width: 60%; float:left}
.serch06{width: 10%; height: 40px; line-height: 40px; text-align: center;  vertical-align: middle;  display: inline-block;  color: #fff;  font-size: 12px; float:left;border:none; background:url(/static/web/images/serch002.png) no-repeat center; cursor:pointer}
.serch07{width: 10%; height: 40px; line-height: 40px; text-align: center; vertical-align: middle; display: inline-block; color: #fff; font-size: 16px; float:left; margin-left:20px;background-color: #fbac0c; border:none; cursor:pointer}

.ditu01{ width:40%; float:left; overflow:hidden}
.ditu02{ float:left;width:58%;padding-left: 20px;}

.ditu02 dt{ width:100%; line-height:75px; font-size:16px;}
.ditu02 dd { width:100%; overflow:hidden;}
.color01{color: rgb(248, 100, 4);}
.color02{color: #2c5490 !important; font-size:32px; padding-right:10px; font-weight:normal}
.color03{color: #ffab00 !important; font-size:32px; padding-right:10px; font-weight:normal}
.ditulist{ width:33%;float:left; height:122px;border-bottom: 1px solid #edeffa}
.ditulist p{color: #272e44 !important; font-weight:700; line-height:50px; font-size:16px;}
.ditulist span{ font-size:16px;color: #2c5490}


.show {
    width: 100px;
    height: 30px;
    background: rgb(255, 168, 0);
    border-radius: 6px;
    line-height: 28px;
    display: inline-block;
}
.col-sm-5{ float:left;padding: 10px; }
.col-sm-7{ float:right;}
.col-sm-7 ul{ margin-top:20px;}
.col-sm-7 ul li {border:1px solid #ccc;display: inline-block; padding:3px;}

.active{
    background-color: #ccc;
}
.paginate_button{
    text-align: center;
    width: 30px;
}


/* 弹窗样式 */
.feedback-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    animation: fadeIn 0.3s;
}

.modal-content {
    background-color: #fff;
    margin: 5% auto;
    padding: 25px;
    border-radius: 8px;
    width: 90%;
    max-width: 500px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    position: relative;
}

.close-btn {
    position: absolute;
    right: 20px;
    top: 15px;
    font-size: 24px;
    cursor: pointer;
    color: #999;
}

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

h3 {
    margin-top: 0;
    color: #333;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

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

#feedbackForm label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #555;
}

.required {
    color: #e74c3c;
    margin-left: 4px;
}

#feedbackForm textarea,
#feedbackForm input[type="text"]  {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    transition: border-color 0.3s;
}

#feedbackForm textarea:focus, #feedbackForm input[type="text"]:focus {
    border-color: #4CAF50;
    outline: none;
    box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.2);
}

#feedbackForm  textarea {
    resize: vertical;
    min-height: 100px;
}

.char-count {
    text-align: right;
    font-size: 12px;
    color: #999;
    margin-top: 5px;
}

/* 上传区域样式 */
.upload-container {
    position: relative;
}

.file-input {
    display: none;
}

.upload-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border: 2px dashed #ddd;
    border-radius: 6px;
    background-color: #f9f9f9;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
}

.upload-area:hover {
    border-color: #4CAF50;
    background-color: #f0fdf4;
}

.upload-area svg {
    color: #327bfa;
    margin-bottom: 8px;
}

.upload-text {
    font-size: 14px;
    color: #327bfa;
    margin-bottom: 4px;
}

.upload-hint {
    font-size: 12px;
    color: #999;
}

/* 图片预览区域 */
.image-preview {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
}

.preview-item {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.preview-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.preview-item .remove-btn {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 18px;
    height: 18px;
    background: rgba(255, 0, 0, 0.7);
    color: white;
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 10px;
    opacity: 0;
    transition: opacity 0.2s;
}

.preview-item:hover .remove-btn {
    opacity: 1;
}

/* 错误信息 */
.error-message {
    color: #e74c3c;
    font-size: 12px;
    min-height: 16px;
    margin-top: 5px;
}

/* 提交按钮 */
.submit-btn {
    background-color: #61b2fd;
    color: white;
    border: none;
    padding: 10px 15px;
    width: 100%;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s;
}

.submit-btn:hover {
    background-color: #327bfa;
}

/* 拖拽上传效果 */
.upload-area.dragover {
    border-color: #4CAF50;
    background-color: #e8f5e9;
    border-style: solid;
}

/* 动画 */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}