/* 
author:pcwl888.cm;
公共样式
 */
@charset "utf-8";
* { margin: 0px; padding: 0px; font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;}
body { min-width: 1300px; font-size: 14px; overflow-x: hidden;}
table, td, tr, ul, ol, li, dl, dd, dt, p, input, form, em, p, img, h1, h2, h3, h4, h5 { margin: 0px; padding: 0px;}
p { color: #686868;}
ul {list-style: none;}
a{ text-decoration: none; }
:root{
  --my-main-color:#0558b5; 
}

.cursor {cursor: pointer;}
.w1300{max-width: 1440px; min-width: 1200px; width: 100%;  margin: 0 auto; padding: 0 20px; box-sizing: border-box;  }
font{ font-weight: bold; }
/* header */
.top{ width: 100%; height: 40px; background:#f1f1f1; line-height: 40px;  }
.topc{  display: flex; }
.topL{ flex: 1; }
.topR{}
.topR ul{ display: flex; }
.topR ul li{ width: 90px; }
.topR ul li a{ display: inline; color: #666; }
.topR ul li a img{ vertical-align: middle; }
.header{  display: flex; }
.logo{  flex: 1; margin-top: 15px; }
.header_box{ padding:20px;display: flex; box-sizing: border-box;}
.tel{margin-right: 30px; box-sizing: content-box; padding-left: 69px; background: url(../images/htel.png) no-repeat center;background-position-x: 0px; margin-top: 10px; }
.tel .p1 { font-size: 20px; font-weight: normal; font-stretch: normal; line-height: 18px; letter-spacing: 0px; color: #333333; margin-top:19px;}
.tel .p2 {  font-size: 30px; font-weight: bold; margin-top:7px; color: #000; font-family: 'impact'}
.wx{width: 110px;  height: 110px;  }
.wx img{ display: block; width: 100%; }
/* 导航 */
.meun{ height: 64px; background: var(--my-main-color); width: 100%; }
.nav{ width: 100%; max-width: 1440px; min-width: 1200px;  margin: 0 auto; padding:0 20px; height:64px; line-height:64px;  position:relative; z-index:1; display: flex; box-sizing: border-box;  }
.nav a{ color:#fff;  }
.nav .nLi{  position:relative; display:inline; width: 13%; text-align: center; }
.nav .nLi h3{ width: 100%; }
.nav .nLi h3 a{ display:block; font-size:18px; font-weight: normal; text-align: center;  }
.nav .sub{ display:none;  left:0; top:64px;  position:absolute; background:#2871b9;  line-height:55px;  text-align: center; font-size: 16px; width: 100%; box-sizing: border-box; }
.nav .nLi h3 a:hover{ background:#2871b9}
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding:0 10px; box-sizing: border-box;}
.nav .sub a:hover{ background:rgba(0,0,0,0.2); color:#fff; width: 100%;  }
#on{ background:#2871b9; color:#fff; width: 100%;}
/*  */
.banner {
  max-height: 705px;
  overflow: hidden;
  transition: 0.7s;
}
.scrollfixed {
  z-index: -1 !important;
}
.pics_wrap {
  width: 100%;
  max-height: 705px;
  overflow: hidden;
}
.html5zoo-img-0 img {
  width: 100%;
}
.html5zoo-arrow-left-0 {
  left: 10% !important;
  width: 50px !important;
  height: 50px !important;
  border-radius: 100%;
}
.html5zoo-arrow-right-0 {
  right: 10% !important;
  width: 50px !important;
  height: 50px !important;
  border-radius: 100%;
}
.html5zoo-bullet-wrapper-0 div {
  margin: 0 4px !important;
}
.html5zoo-nav-0 {
  margin-top: -35px !important;
  left: 48% !important;
}
.html5zoo-bullet-wrapper-0 {
  width: 100% !important;
}
.banner {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.banner ul.bb {
  position: relative;
  padding: 0px;
  margin: 0px;
  z-index: 5;
}
.banner ul.bb li {
  position: absolute;
  display: none;
}
.banner .num {
  position: absolute;
  right: 2px;
  bottom: 10px;
  z-index: 100;
}
.banner .num li {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 4px;
  background: #fff;
  line-height: 18px;
  text-indent: -100px;
  overflow: hidden;
  border-radius: 10px;
}
.banner .num li.num_hover {
  background-color: #f7de07;
}
.banner .num li.num_hover a {
  color: #fff;
}
.banner .num li a {
  float: left;
  display: block;
  text-align: center;
  color: #666;
  text-decoration: none;
  cursor: pointer;
  width: 18px;
  height: 18px;
  line-height: 18px;
}
#bannerArrow,
#bannerCircle {
  display: none;
}
/* 首页标题 */
.title{ display: flex;  }
.titleL{ display: flex; flex-direction: column; flex: 1; position: relative; }
.titleL h2{ font-size: 70px; color: #F5F5F5; }
.titleL h3{ flex: 1; font-size: 36px; font-weight: bold; position: absolute; margin-top: 20px;   }
.title a{ display: inline;  background: #f00; color: #fff; font-size: 16px; padding: 0 40px; height: 40px; line-height: 40px; border-radius: 18px; margin-top: 20px; }

/* 底部 */
.footer{  background: var(--my-main-color); }
.footer_box{ max-width: 1440px; min-width: 1200px; display: flex; padding-top: 45px; padding-bottom: 45px; }
.footerL{ width: 30%; border-right: 1px solid rgba(255, 255, 255, 0.3); padding-right: 20px;}
.dlogo{ border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding-bottom: 10px; }
.dcon{ display: flex; flex-direction: column; }
.dcon span{ font-size: 16px;  color: #ccc; display: flex; line-height:25px; margin-top: 5px; }
.dcon span font{ width:90px; font-size:15px;}
.dcon span p{ color:#fff; font-size:15px;}
.dcon span:nth-child(4n) font{ margin-right:5px;}

.footerC{ width: 50%; border-right: 1px solid rgba(255, 255, 255, 0.3); display: flex; padding: 25px 40px; box-sizing: border-box; }
.footerC dl{ width: 25%; text-align: center; }
.footerC dl dt{ font-size: 18px; color: rgba(255, 255, 255, 0.9); font-weight: 600; margin-bottom: 20px; }
.footerC dl dd a{ font-size: 16px; color: rgba(255, 255, 255, 0.7); line-height: 32px; }
.footerR{ display: flex; flex-direction: column; margin-left: 60px; margin-top: 15px; }
.footerR a{ border: 1px solid rgba(255, 255, 255, 0.9); padding: 10px 50px; font-size: 16px; color: #fff; margin-bottom: 26px;  box-sizing: border-box; border-radius: 30px;}
.footerR a:first-child{ margin-top: 10px; }
.wx_img img{ margin-left: 33px; }
.footer_txt{ border-top: 1px solid rgba(255, 255, 255, 0.3); background: #2264a5; padding: 30px 0; }
.footer_xx p{ text-align: center; color: rgba(255, 255, 255, 0.7) }

/*内容页表格*/
table{ border-collapse: collapse; margin-left: 2em; }
table tr td{ border: 1px solid #ccc; text-align: center; }

.scott{height:63px; overflow:hidden; text-align:center; padding-top:9px;}
.scott A{BORDER:var(--my-main-color) 1px solid; PADDING:6px 11px; MARGIN-RIGHT: 5px;  TEXT-DECORATION: none; background:#fff; color:#333;}
.scott A:hover{border:1px solid var(--my-main-color); text-decoration:none; BACKGROUND-COLOR:var(--my-main-color); color:#FFF;}
.scott A:active{border:1px solid var(--my-main-color); text-decoration:none; BACKGROUND-COLOR:var(--my-main-color);}
.scott SPAN.current{BORDER: var(--my-main-color) 1px solid; PADDING:5px 10px;  FONT-WEIGHT: bold;  COLOR: #fff; MARGIN-RIGHT: 2px; BACKGROUND-COLOR: var(--my-main-color);MARGIN-RIGHT: 5px; display: inline-block;}
.scott SPAN.disabled{BORDER:var(--my-main-color) 1px solid; PADDING:4px 10px; COLOR:#237ac7; MARGIN-RIGHT: 5px; background:#EFB57A;}
.fenye1{text-align: center; clear:both; font-size:12px; line-height:28px; height:56px; border:1px solid var(--my-main-color); background:var(--my-main-color); padding:0 5px; margin-top:5px;}