@charset "utf-8";
@font-face {font-family: 'Impact';src:url('/jm_img/admin/impact.ttf');}
html,body { margin:0px; padding:0px; font-family:"微软雅黑"; font-size:1em; background:#333 !important;}
ul,li,span,a,div,h1,h2,h3,ol,p { padding:0px; margin:0px; text-decoration:none; list-style-type:none;}
a {color:#333;}
.clear{clear:both;}
body {min-width:320px;}
.jm_w95 { width:95%; margin:0 auto;}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
-webkit-appearance: none;
}


   img {display: block;}
    /* 弹窗样式 */
    .popup-overlay {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.5);
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 1000;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.3s, visibility 0.3s;
    }
    
    .popup-overlay.active {
      opacity: 1;
      visibility: visible;
    }
    
    .popup {
      background-color: white;
      padding: 2rem;
      border-radius: 8px;
      width: 90%;
      max-width: 400px;
      text-align: center;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
      transform: translateY(-20px);
      transition: transform 0.3s;
    }
    
    .popup-overlay.active .popup {
      transform: translateY(0);
    }
    
    .popup h3 {
      margin-top: 0;
      margin-bottom: 1rem;
      font-size: 1.5rem;
    }
    
    .popup p {
      margin-bottom: 1.5rem;
      color: #666;
    }
    
    .popup .close-btn {
      background-color: #ff5400;
      color: white;
      border: none;
      padding: 0.6rem 1.2rem;
      border-radius: 4px;
      cursor: pointer;
      font-size: 1rem;
      transition: background-color 0.3s;
    }
    
    .popup .close-btn:hover {
      background-color: #e04a00;
    }
    
    .success-popup h3 {
      color: #4CAF50;
    }
    
    .error-popup h3 {
      color: #f44336;
    }
    /* 表单容器样式 */
.contact-form {
  max-width: 500px;
  width: 90%;
  margin: 2rem auto;
  padding: 2rem;
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border: 1px solid #f0f0f0;
  /* 初始隐藏表单 */
  display: none;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

/* 表单显示时的样式 */
.contact-form.visible {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

/* 表单标题栏 */
.form-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #f0f0f0;
}

.form-title {
  margin: 0;
  font-size: 1.3rem;
  color: #333;
}

/* 表单组样式 */
.form-group {
  margin-bottom: 1.5rem;
}

/* 标签样式 */
.form-group label {
  display: block;
  margin-bottom: 0.75rem;
  font-weight: 600;
  color: #333333;
  font-size: 1rem;
}

/* 输入框样式 */
.form-group input {
  width: 100%;
  padding: 1rem;
  border: 1px solid #dddddd;
  border-radius: 8px;
  font-size: 1rem;
  color: #333333;
  transition: all 0.3s ease;
  box-sizing: border-box;
}

/* 输入框聚焦效果 */
.form-group input:focus {
  outline: none;
  border-color: #ff5400;
  box-shadow: 0 0 0 3px rgba(255, 84, 0, 0.1);
}

/* 输入框占位符样式 */
.form-group input::placeholder {
  color: #aaaaaa;
  font-size: 0.95rem;
}

/* 提交按钮样式 */
.submit-btn {
  width: 100%;
  padding: 1rem;
  background-color: #ff5400;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 1.1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 1rem;
}

/* 按钮悬停效果 */
.submit-btn:hover {
  background-color: #e04a00;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 84, 0, 0.2);
}

/* 按钮点击效果 */
.submit-btn:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(255, 84, 0, 0.2);
}

/* 显示表单的按钮样式 */
.show-form-btn {
  display: block;
  width: 85%;
  margin: 1em auto;
  padding: 1rem;
  background-color: #4CAF50;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 1.1rem;
  font-weight: 600;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease;
}

.show-form-btn:hover {
  background-color: #45a049;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(76, 175, 80, 0.2);
}

.show-form-btn:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(76, 175, 80, 0.2);
}

/* 关闭表单按钮样式 */
.close-form-btn {
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  color: #999;
  transition: color 0.3s;
  padding: 0;
  line-height: 1;
}

.close-form-btn:hover {
  color: #f44336;
}

/* 响应式调整 */
@media (max-width: 480px) {
  .contact-form {
    padding: 1.5rem;
    margin: 1.5rem auto;
  }
  
  .form-group {
    margin-bottom: 1.25rem;
  }
  
  .form-group input,
  .submit-btn,
  .show-form-btn {
    padding: 0.9rem;
    font-size: 0.95rem;
  }
}


.logo { border-radius: 50%; animation: spin 5s linear infinite; width: 10%;  position: fixed; left:46%;z-index: 999;top:0%}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}


/* 容器样式 */
.image-container {
    width: 100%;
    height: 200px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    margin-top: 30px;
}

/* 图片列表样式 */
.image-list {
    /* display: flex; */
    width: 2000%;
    transition: transform 0.3s ease-in-out;
}
.image-list li{ margin-right: 10px; width: 145px; float: left; border-radius: 10px; overflow: hidden; position: relative;}
/* 图片样式 */
.image-list li .text {position: absolute; width: 100%;bottom:10px; font-size: 16px;color:#fff; font-family: "微软雅黑";font-weight: bold; text-shadow: 0 0 10px #000; text-align: center;}
.image-list li img {
    width: 100%;
}
.image-list li:hover img {filter: brightness(50%);}
/* 按钮样式 */
.btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
}

.prev-btn {
    left: 10px;
}

.next-btn {
    right: 10px;
}

/*---------图片尺寸----------------*/
.jm_pic li img{ width:100%;}
.col_back li img { height:20em;border:5px solid #843400;max-width:90%; margin:0 auto;}


.jm_w640{max-width: 640px;margin: 0 auto;background:#fff;overflow:hidden;}
@media screen and (min-width:0) and (max-width: 640px) {
.jm_w640{width:100%;min-width:320px}
}
.nav {text-align:center; }
.nav li{width:24%; line-height:2.1em; display:inline-block;border:1px solid #4b6788;color:#FFF;text-align:center;border-top:0 }
.nav li a{ font-size:0.9em; color:#FFF;}
.search {text-align: center;border-top: 1px solid #efefef;border-bottom: 2px solid #4b6788;background:#fff; display: none;}
.search #key {width: 63%;  line-height: 2.5em;text-align: center; float: left;border:0;height:2.5em}
.search #submit {background: #ff7200; width: 33%;border:0;color:#fff; text-align: center; height:3em;margin:0 auto; line-height: 3em; float: right;-webkit-appearance: none; border-radius: 0;}

.color1_color:hover {color:#08338e  !important;}
.color1_back:hover,nav {background:#08338e ;}
.color1_border{border-top:3px solid #08338e ;}
.color_border_left{border-left:5px solid #08338e ;}
.color_border{border:2px solid #08338e ;}
.color_back{ background:#08338e !important}
.color{color:#08338e !important;}


.fuwu li {width: 100%; border-radius: 10px; position: relative; margin-bottom: 10px;}
.fuwu .san {width: 32.2%;}
.fuwu li img {width: 100%; display: block;}
.fuwu li .text {position: absolute; width: 80%;bottom:10px; font-size: 25px;color:#fff; font-family: "微软雅黑";font-weight: bold; text-shadow: 0 0 10px #000; text-align: left; padding-left: 5%; z-index: 1;}

.col_back { background:#08338e; margin-top:-2em; padding:1em 0 2em 0;color:#ccc;}
.col_back .jm_main_title {color:#fff !important; background:url(/jm_img/pe/2/a2.png) no-repeat center 0.1em;background-size:100%}
.col_back .jm_main_title h3,.col_back .jm_main_title h3 span {color:#fff !important;}
.col_back hr {background:#fff !important;}
.col_back li {text-align:center;}
.col_back .jm_more1 a {color:#fff;border:3px solid #fff !important;}

.jm_fenlei .currclass {background:#08338e !important}
.jm_fenlei .currclass a{color:#FFF;}

footer{background:#08338e;}
footer .an2 {background: #08338e;}
.hei_back { background:#262e37; padding:2em 0;color:#ccc;}
.hei_back .jm_main_title {color:#ccc !important; background:url(/jm_img/pe/2/a2.png) no-repeat center 0.1em;background-size:100%}


.tell_1,.tell_2 { display:inline-block; background:#08338e;color:#fff !important; line-height:2em; margin-top:0.5em; width:100%;border-radius: 20px;}
.tell_2 { background:#ff7200 !important}

/*---------首页----------------*/
.jm_m_title { font-size:1.5em; text-align:center;box-shadow:0 5px 5px #efefef; margin-bottom:0.5EM; padding-top:1em; padding-bottom:1em;}
.jm_m_title span {font-family:Arial; font-size:0.5em; display:block; color:#CCC;}

.jm_main {margin-bottom:2em;}
.tt1 {color:#fff; width:2.5em; text-align:center; padding-top:0.5em; height:2em; position:fixed;right:2%; border-radius:5px;top:1%; z-index:999999999;}
.tt1 i {color:#fff; font-size:1.5em;}
header { width:100%;}
header img{ display:block; width:100%;}
nav { background:rgba(0,0,0,0.9); width:100%;height:100%; position:fixed;left:0;top:-100%; z-index:99999999999}
nav li {line-height:2.5em; text-align:left; padding-left:2em;border-bottom:1px dotted #666;}
nav li a{color:#FFF; font-size:0.9em; display:block;}
nav li i{color:#fff; font-size:1.5em;}
nav ol { display:block; width:100%; line-height:2em;text-align:left;}
nav ol li { display:inline-block;border:0; padding:0 1em 0 0 !important; font-size:0.8em; line-height:1em;color:#efefef;}
nav ol li a{color:#ccc;}
nav .icon {padding-top:0.8em; background:#333;}

.an {color:#fff; display:block; border-radius:50px; background: #0048e4; text-align:center; line-height:2.5em; font-size:1em; margin-top:1em;}


.jm_main_title { text-align:center; margin-top:1em; font-size:1.8em; font-weight:700;color:#666; margin-bottom:1em; background:url(/jm_img/pe/2/a1.png) no-repeat center 0.1em;background-size:100%}
.jm_main_title span{ font-family:"impact"; font-size:0.6em !important; display:block; font-weight:normal;}
.jm_main_title h3 { font-size:13px; width:90%; font-weight:normal; padding-top:1em;color:#999; margin:0 auto;}
.jm_main_title hr {background:#08338e; border:0; line-height:0.2em; height:0.2em; width:10%; margin:0 auto; margin-top:0.5em !important;}

hr { background:#efefef; border:0; line-height:0.5em; height:0.5em; margin-top:2em}
 
.jm_main_title1 { line-height:2em; position:relative; margin-bottom:1.5em !important;}
.jm_main_title1 h2 {float:left; font-size:1.2em; font-weight:normal; padding-right:2%; padding-left:3%;color:#fff;}
.jm_main_title1 h3 {font-family:"impact"; font-size:1.1em;color:#fff;  display:block; width:85%; font-weight:normal !important;}
.jm_main_title1 i { position:absolute;right:2%;top:0.1em;color:#ccc; font-size:1.5em}


.jm_fenlei { padding-bottom:0.5em;}
.jm_fenlei li {border:1px solid #ccc; width:47.3%; margin:1%; float:left; text-indent:0.5em;line-height:2em; border-radius:5px; position:relative;}
.jm_fenlei li i {position:absolute;right:0.5em;top:0.5em;color:#efefef;}
.jm_fenlei li a {font-size:14px;color:#666; display:block;}

.jm_pic li {float:left; padding:0 0 0.5em 0; overflow:hidden;width:47%; margin:1% 1% 2% 1%; text-align:center;}
.jm_pic li span {font-size:13px; display:block;}
.jm_pic li a {color:#666; font-size:1em}


.jm_pic1 li {float:left; padding:0 0 0.5em 0; overflow:hidden; border-radius:5px; width:31.1%; margin:1% 1% 2% 1%; text-align:center; box-shadow:0 0 3px #ccc;}
.jm_pic1 li span {font-size:13px; display:block;}
.jm_pic1 li a {color:#666; font-size:1em}
.jm_pic1 li img{ width:100%; height:80px;}


.jm_new li { position:relative; font-size:1em; font-weight:bold; margin-top:1em !important; width:95%; margin:0 auto;border-bottom:1px dotted #ccc; padding-bottom:0.5em;}
.jm_new .jm_new_left {float:left; width:65%; line-height: 1.5em;}
.jm_new .jm_new_right { float:right; width:30%;}
.jm_new .jm_new_right img {width:100%; border-radius:5px;}
.jm_new li span { display:block; font-size:0.9em; margin-top:3%; line-height:1.8em; font-weight:normal;color:#999;}



.jm_new .jm_new_left1 {float:right; width:85%;}
.jm_new .jm_new_right1 { float:left; margin-top:-0.1em; font-size:2.5em;color:#CCC; font-family:"impact"; width:10%;}


.jm_text { font-size:1em; line-height:2em; width:90%; margin:0 auto; text-indent:2em;}
.jm_text img {width:100% !important; margin-left:-2em !important;}
.jm_text a{display:block; border:1px solid #333;width:50%;color:#333;}



.jm_more { line-height:2em;  margin-top:0.5em; text-align:left;}
.jm_more a { background:#333;color:#FFF;display:inline-block; width:49%; border-radius:5px; padding-top:0.5em; padding-bottom:0.5em}
.jm_more a i { float:left;margin-left:20%; margin-right:5%;font-size:1.5em; margin-top:0.2em}

.jm_more1 { line-height:2em;  margin-top:1em; text-align:center;}
.jm_more1 a {display:inline-block; text-align:center; width:50%; border-radius:100px; line-height:1.8em;border:3px solid #ccc;color:#ccc;}
.jm_more1 a i { float:left;margin-left:20%; margin-right:5%;font-size:1.5em; margin-top:0.2em}


.jm_weixin { text-align:center;padding-top:1em; margin-top:1em;}

.jm_foot { background:#08338e; text-align:center; padding-top:2em; padding-bottom:5em;color:#fff}
.jm_foot a {display:inline-block;line-height:1em; padding:0 0.5em;font-size:0.9em;color:#fff;border-left:1px solid #939393; text-align:center;}
.jm_foot p {color:#fff;font-size:0.9em; line-height:1.8em; padding-left:1em; display:block; padding-top:0.5em; text-align:center; margin-top:1em; padding-bottom:1em; margin-bottom:1em; display:block; width:95%; margin:0 auto}


.jm_tell { text-align:center;color:#fff; font-size:1em; height:5em; line-height:5em; text-align:center; padding-top:2em}
.jm_tell a {line-height:1.5em; background:#fff; color:#333; padding-left:0.5em;font-size:1.5em; height:1.5EM; display:block; width:90%; margin:0 auto; font-family:'impact'}
.jm_tell a span {background:#333;color:#fff; padding:0 0.5em; margin-left:0.5em; line-height:1.5em; height:1.5EM; display:block; float:right; font-size:0.8EM !important;}


footer{ width:100%;position:fixed;left:0;bottom:0; z-index: 9999;}
footer li {float:left; text-align:center; width:33%; position:relative; padding-top:0.5em}
footer li i { margin-top:5px; margin-bottom:3PX; font-size:2em}
footer a{color:#FFF; font-size:0.8em}

/*banner*/
.main_visual{overflow:hidden;position:relative;}
.main_image{overflow:hidden;position:relative;}
.main_image ul{width:100%;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;}
.main_image li span{display:block;width:100%;}
.main_image li a{display:block;width:100%;}
.main_image #btn_prev,.main_image #btn_next{z-index:11111;position:absolute;display:block;width:50px!important;height:100%!important;top:0}
.main_image #btn_prev{left:20px;}
.main_image #btn_next{right:20px;}

 
 /*联系方式*/
.jm_table table {border-collapse: collapse;border:5px solid #ccc; margin-top:2em;}
.jm_table table td{border:1px dotted #ccc; padding-left:1em; text-indent:0;}
.jm_table .last { background:#efefef; width:30%;}




.jm_fenye {margin-top:2em; text-align:center; margin-bottom:3em;}
.jm_fenye a{border:1px dotted #ccc; display:block;display:inline-block;width:22%; line-height:3em; margin-left:0.5%; margin-right:0.5%; background:#efefef; border-radius:5px; text-align:center;color:#333}
.jm_fenye span {border:1px dotted #999; width:19%;display:inline-block;color:#999;}

.jm_pic_text {width:90% !important;line-height:2em;}
.jm_pic_text p{ font-size:1em !important;}
.jm_pic_text H1 {font-size:1.1EM; text-align:center; border-bottom:1px dotted #ccc; margin-bottom:2em; border-top:1px dotted #ccc;COLOR:#2D2D2D; line-height:3em !important}
.jm_pic_text h4 {font-size:18px; text-align:center; text-indent:0;}
.jm_pic_text img {width:100%;margin-left:-0.2% !important}


#MyContent *{font-size:16px !important; text-indent:0 !important;}
#MyContent table {border-collapse: collapse; margin:20px 0; width:100%; background:#FFF !important;table-layout:fixed;}
#MyContent td { text-align:center; border:1px solid #ccc !important; border-collapse: collapse; background:#FFF !important;word-wrap:break-word}
#MyContent td  * { text-indent:0 !important; background:#FFF !important;}