.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.font-red {
  color: #ff0000 !important;
}

/*******公用参数   start*******/
/*******公用参数   end  *******/
/**
  * $description : base css reset
  * 
  */
/**
      * 多选框
      * dom结构：
      * <div class="multi_opt">
            <input type="checkbox" id="checkbox" class="bckbox">
            <label for="checkbox"></label>
        </div>
      * param：
         $_w：多选框宽度
         $_h：多选框高度
         $boderStyle：边框样式图片地址
         $checkedStyle：选中样式图片地址
  */
/**
      * 特殊间距
      * param:
         $_length:间距
  */
/**
      * 边角
      * param:
         $_angle:角度
  */
/**
      * 滤镜
      * param:
         $_gray:灰度
  */
/**
      * header
      * 所需dom结构：
      * <div></div>
      * @param 
      * $_w:宽度 
      * $_h:高度
      * $_sw:显示区域宽度
      * $_logoimg:logo图片地址 
  */
/**
      * banner
      * 所需dom结构：
      * <banner>
      *     <div>
      *     </div>
      * </banner>
      * @param：
      * $_w:
      * $_h:
      * $_sw:
      * $_bgcolor:
  */
/**
      * footer
      * 
      * @param
  */
/**
      * title
      * @param
      * $_w:
      * $_h:
      * $_sw:
      * $_sh:
  */
/**
      * basics 基础功能
      * @param
      * $_w:
      * $_h:
      * $_sw:
      * $_sh:
      * $_lw:图片宽度
      * $_rw:图片容器宽度
  */
/**
      * characteristic
      * @param
      * $_w:
      * $_h:
      * $_sw:
      * $_sh:
  */
/**
      * freeaccess
      * @param
      * $_w:
      * $_h:
      * $_sw:
      * $_sh:
  */
/**
      * flow_chart 接入我们文档下载模块
      * @param
      * $_w:
      * $_h:
      * $_sw:
      * $_sh:
  */
/**
      * flow_chart 接入我们上传模块
      * @param
      * $_w:
      * $_h:
      * $_sw:
      * $_sh:
  */
/**
      * company_profile 文本公用样式
      * @param
      * $_w:
      * $_h:
      * $_sw:
      * $_sh:
  */
/**
      * broken_line 关于我们
      * @param
      * $_w:
      * $_h:
      * $_sw:
      * $_sh:
  */
/**
      * jobs 招贤纳士
      * @param
      * $_w:
      * $_h:
      * $_sw:
      * $_sh:
  */
/**
      * jobs 高德地图
      * @param
      * $_w:
      * $_h:
      * $_sw:
      * $_sh:
  */
/**
      * jobs 高德地图
      * @param
      * $_w:
      * $_h:
      * $_sw:
      * $_sh:
  */
@keyframes round1 {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 0.2;
  }

  50% {
    opacity: 0.4;
  }

  75% {
    opacity: 0.4;
  }

  100% {
    opacity: 0;
  }
}

@keyframes round2 {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 0;
  }

  50% {
    opacity: 0.1;
  }

  75% {
    opacity: 0.2;
  }

  100% {
    opacity: 0;
  }
}

@keyframes round3 {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  75% {
    opacity: 0.1;
  }

  100% {
    opacity: 0;
  }
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.font-red {
  color: #ff0000 !important;
}

/*******公用参数   start*******/
/*******公用参数   end  *******/
body {
  background-color: #fff;
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  /* position: relative; */
  font-family: "Microsoft Yahei";
}

/* html>div,
body>div {
  position: relative;
} */

div {
  box-sizing: border-box;
}

input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: none;
}

div,
dl,
dt,
dd,
hr,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
p,
blockquote,
th,
td,
a {
  margin: 0;
  padding: 0;
}

fieldset,
img {
  border: 0;
  display: block;
  /*防止图片底下3像素的空白缝隙 */
}

ol,
ul {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
b {
  font-size: 100%;
  font-weight: normal;
  /*初始化标题*/
  -webkit-margin-before: 0px;
  -webkit-margin-after: 0px;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}

strong {
  font-weight: bold;
  /*初始化标题*/
  -webkit-margin-before: 0px;
  -webkit-margin-after: 0px;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}

em {
  font-style: normal;
  /* 让斜体改为正常的*/
}

input,
button,
select,
textarea {
  border: 0;
  outline: none;
  /*去掉谷歌 360等表单的蓝色边框*/
}

textarea {
  resize: none;
  /*防止谷歌等浏览器 textarea 可以拖动*/
}

a {
  color: #000;
  text-decoration: none;
}

img {
  border: 0 none;
  display: block;
}

i {
  font-style: normal;
}

button {
  cursor: pointer;
}

/**
      * logo
      * dom结构：
      * <div><div>
      * param：
         $_w：宽度
         $_h：高度
         $_top：上边距
         $_left：右边距
         $_bgimg：背景图片
  */
/**
      * 联系我们
      * dom结构：
      * <div></div>
      * param：
         $_w：宽度
         $_h：高度
         $_top：上边距
         $_left：右边距
         $_bgimg：背景图片
  */
/**
      * 右下角按钮
      * dom结构：
      * <div></div>
      * param：
         $_w：宽度
         $_h：高度
         $_top：上边距
         $_left：右边距
         $_bgimg：背景图片
  */
/**
      * 下拉框按钮
      * dom结构：
      * <div></div>
      * param：
         $_w：宽度
         $_h：高度
         $_top：上边距
         $_left：右边距
         $_bgimg：背景图片
  */


.t-title {
  float: left;
  margin-left: 0.1rem;
}

.home_nav {
  /* width: 65%; */
  line-height: 0.9rem;
  text-align: center;
  float: right;
}


.home_title {
  position: fixed;
  top: 3.5rem;
  width: 100%;
}

.home_title .refund {
  width: 50%;
  margin: 0 auto;
  /* margin-top: 0.5rem; */
}

.home_title .refund p {
  color: #fff;
  font-size: 0.3rem;
  text-align: center;
}

.app_home_title {
  width: 100%;
}

.app_home_title .indx_title h3 {
  font-weight: bold;
  background-color: #4582c2;
  margin-bottom: 0.5rem;
  color: #fff;
  font-size: 0.8rem;
  height: 2rem;
  line-height: 2rem;
  padding-left: 0.9rem;
}

.app_home_title .indx_title p {
  width: 90%;
  margin: 0 auto;
  line-height: 1.5rem;
}

.app_home_title .refund {
  margin: 0 auto;
  margin-top: 0.5rem;
}

.app_home_title .refund p {
  color: #000;
  font-size: 0.3rem;
  text-align: center;
}

.home_title .indx_title {
  display: flex;
  justify-content: space-between;
  width: 90%;
  margin: 0 auto;
  color: #fff;
}

.home_title .indx_title div:nth-child(3) p:nth-child(6) {
  color: #edff00;
  font-size: 0.28rem;
  /* margin-top: 0.05rem; */
}

.home_title .indx_title div {
  width: 30%;
}

.home_title .indx_title div h3 {
  font-size: 0.3rem;
  margin-bottom: 0.2rem;
}

.home_title .indx_title div p {
  font-size: 0.2rem;
  line-height: 0.5rem;
}

.app_home_title .indx_title {
  font-size: 0.8rem;
  color: #000;
}

.app_home_title .indx_title div {
  margin-top: 0.8rem;
}

.app_home_title .indx_title div:nth-child(3) p:nth-child(6) {
  color: #FE6A00;
  font-size: 0.9rem;
  margin-top: 0.5rem;
}

.app_home_title.indx_title div {
  width: 30%;
}

.app_home_title.indx_title div h3 {
  font-size: 0.3rem;
  margin-bottom: 0.2rem;
}

.app_home_title.indx_title div p {
  font-size: 0.2rem;
  line-height: 0.5rem;
}

/* .indx_title div:nth-child(3) p:nth-child(5){
    color: #fff;
  } */
.home_nav ul {
  width: 100%;
  margin: 0 auto;
  /* margin-left: 0.8rem; */
}

.home_nav ul li {
  float: left;
  margin: 0 auto;
}

.home_nav ul li a {
  font-size: 0.25rem;
  font-weight: bold;
  height: 1.31rem;
  color: #000;
  line-height: 1rem;
  padding: 0.4rem 0.2rem;
  padding-top: 0.6rem;
}

.home_nav ul li a:hover {
  background-color: #db0d0d;
  color: #fff;
}

.close_f a {
  /*pointer-events: none; !* 禁用鼠标事件 *!*/
  /*background-color: #b0b5c2;*/
  /*color: #fff;*/
}

.fixed_head {
  width: 100%;
  height: 1.31rem;
  line-height: 1.31rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}

.fixed_head div:nth-child(1) {
  float: left;
}

.fixed_head div:nth-child(1) h3 {
  clear: left;
  color: #4582c2;
  font-size: 0.2rem;
  /*font-weight: bold;*/
  height: 0.3rem;
  line-height: 0.3rem;
  margin-left: 0.1rem;
}

.fixed_head div:nth-child(1) img {
  margin-top: 0.25rem;
  float: left;
  width: 2rem;
}

.fixed_head div:nth-child(1) h1 {
  color: #4582c2;
  float: left;
  font-size: 0.3rem;
  font-weight: bold;
  margin-left: 0.1rem;
  height: 0.6rem;
  line-height: 0.6rem;
}

.fixed_head div:nth-child(2) img {
  height: 0.6rem;
  margin-top: 0.1rem;
  float: left;
}

.fixed_head div:nth-child(2) p {
  float: left;
  color: #edff00;
  font-size: 0.32rem;
}

.fixed_head div:nth-child(2) span {
  width: 0.02rem;
  background-color: #fff;
  height: 0.24rem;
  float: left;
  margin-top: 0.28rem;
  margin-left: 0.3rem;
  margin-right: 0.3rem;
}

.fixed_head div:nth-child(2) div {
  float: left;
}

.fixed_head div:nth-child(2) div a {
  display: block;
  width: 0.2rem;
  height: 0.2rem;
  margin-top: 0.3rem;
  background-color: #9b9fa9;
}



.app_fixed_head {
  width: 90%;
  margin: 0 auto;
  height: 3rem;
  display: flex;
  justify-content: space-between;
}


.app_fixed_head div:nth-child(1) h3 {
  font-size: 0.5rem;
  margin-top: 0.3rem;
}

.menu_button {
  width: 1.5rem;
  height: 1.3rem;
  margin-top: 0.7rem;
}

.menu_button img {
  width: 100%;
  height: 100%;
}

.app_pileWorld .communication {
  width: 90%;
  margin: 0 auto;
  font-size: 0.8rem;
  margin-top: 0.5rem;
}

.app_fixed_head .GSP {
  width: 5rem;
  margin-top: 0.3rem;
}

.app_fixed_head .GSP p {
  font-size: 0.7rem;
}

.app_pileWorld .communication p a {
  color: #0084ff;
}

.app_head {
  float: left;
  margin-left: 0.2rem;
  color: #000;
}

.app_fixed_head div:nth-child(1) h1 {
  font-size: 0.8rem;
  font-weight: bold;
  margin-top: 0.9rem;
  margin-left: 0.2rem;
}

/* .app_fixed_head div:nth-child(2) img {
  height: 0.6rem;
  margin-top: 0.1rem;
  float: left;
} */
.app_fixed_head .logo {
  width: 5rem;
  height: 2rem;
  margin: 0 auto;
}

.app_fixed_head .logo img {
  width: 100%;
  height: 100%;
  margin-top: 0.4rem;
  margin-left: 0.5rem;
}

.app_fixed_head div:nth-child(2) p {
  float: left;
  color: #000;
  font-size: 0.8rem;
  margin-top: 0.3rem;
}

.app_fixed_head div:nth-child(2) p:nth-child(1) {
  font-weight: bold;
}


.app_fixed_head div:nth-child(2) span {
  width: 0.02rem;
  background-color: #000;
  height: 0.8rem;
  float: left;
  margin-left: 0.3rem;
  margin-right: 0.3rem;
}

.app_fixed_head div:nth-child(2) div {
  float: left;
}

.app_fixed_head div:nth-child(2) div a {
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  background-color: #9b9fa9;
}

.navigation_menu {
  clear: left;
  background-color: #fff;
  display: none;
  margin-bottom: 0.6rem;
  z-index: 666;
  position: fixed;
  width: 50%;
  height: 100%;
  padding-top: 4rem;
  top: 0;
  border-right: 0.01rem solid #eee;
}

.navigation_menu .close {
  position: fixed;
  top: 0.7rem;
  left: 0.8rem;
  width: 1.5rem;
  height: 1.5rem;
}

.navigation_menu .close img {
  width: 100%;
  height: 100%;
}

.navigation_menu ul {
  list-style: none;
  line-height: 1.2rem;
}

.navigation_menu ul li {
  border-bottom: 0.01rem solid #eee;
  height: 1.7rem;
  line-height: 1.7rem;
}

.navigation_menu ul li a {
  font-size: 0.8rem;
  font-weight: bold;
  color: #000;
  display: block;
  padding: 0 0.8rem;
}

/* .pileWorld {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url(../image/bg2.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
} */

/* .pileWorld>div {
  position: absolute;
} */

.pileWorld .logo {
  top: 0.3rem;
  left: 0.5rem;
  width: 1.48rem;
  height: 0.62rem;
  background-image: url("../image/tinshao_logo.png");
  background-repeat: no-repeat;
  background-size: 1.48rem 0.62rem;
}

.pileWorld .dropdown {
  top: 30px;
  right: 20px;
  width: 114px;
  height: 224px;
  position: absolute;
  cursor: pointer;
}

.pileWorld .dropdown>div:first-child {
  margin-left: 42px;
  width: 30px;
  height: 30px;
  background-image: url("../image/icon-index-mun.png");
  background-repeat: no-repeat;
  background-size: 100%;
}

.pileWorld .dropdown>div:last-child {
  display: none;
  margin-top: 10px;
  width: 114px;
  font-size: 16px;
  height: 184px;
  color: #889cc8;
  background-color: rgba(40, 48, 64, 0.3);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

.pileWorld .dropdown>div:last-child>div {
  margin-left: 10px;
  width: 96px;
  border-bottom: 1px solid rgba(136, 156, 200, 0.2);
  text-align: center;
  height: 40px;
  line-height: 40px;
  float: left;
}

.pileWorld .dropdown>div:last-child>div a {
  color: #889cc8;
}

.pileWorld .dropdown>div:last-child>div:hover>a {
  color: #bcccef;
}

.pileWorld .dropdown>div:last-child>div:first-child {
  margin-top: 10px;
}

.pileWorld .contactWay {
  /* position: fixed; */
  /* bottom: 0; */
  /* left: 0.5rem; */
  width: 100%;
}

.pileWorld .contactWay>div:first-child {
  font-size: 0.24rem;
  /* height: 0.24rem; */
  /* line-height: 0.24rem; */
}

.pileWorld .contactWay>div:first-child .tel {
  font-family: tahoma, arial, Hiragino Sans GB, Microsoft Yahei, "宋体", sans-serif;
}

.pileWorld .contactWay>div:first-child .phone {
  font-family: tahoma, arial, Hiragino Sans GB, Microsoft Yahei, "宋体", sans-serif;
  font-style: italic;
}

.pileWorld .contactWay>div:last-child {
  font-size: 0.14rem;
  height: 0.5rem;
  line-height: 0.5rem;
  width: 90%;
  margin: 0 auto;
  text-align: center;
}


.pileWorld .contactWay>div:last-child>span:first-child {
  margin-left: 0px;
}

.pileWorld .contactWay>div:last-child .line {
  margin-left: 0px;
}

.pileWorld .contactWay>div:last-child>a {
  cursor: pointer;
  color: #4283C6;
}

.pileWorld .contactWay>div:last-child .privacy {
  margin-left: 0.2rem;
}



.app_pileWorld .contactWay {
  width: 100%;
  height: 1.1rem;
  color: #000;
  margin-top: 1rem;
}

/* .app_pileWorld .contactWay>div:first-child {
  font-size: 0.24rem;
  height: 0.24rem;
  line-height: 0.24rem;
}

.app_pileWorld .contactWay>div:first-child .tel {
  font-family: tahoma, arial, Hiragino Sans GB, Microsoft Yahei, "宋体", sans-serif;
}

.app_pileWorld .contactWay>div:first-child .phone {
  font-family: tahoma, arial, Hiragino Sans GB, Microsoft Yahei, "宋体", sans-serif;
  font-style: italic;
} */

/* .app_pileWorld .contactWay>div:last-child {
  font-size: 0.12rem;
  height: 0.12rem;
  line-height: 1rem;
  margin: 0 auto;
  text-align: left;
  margin-left: 0.5rem;
} */
.app_pileWorld .contactWay p {
  font-size: 0.5rem;
  line-height: 0.8rem;
  text-align: center;
}

/* .app_pileWorld .contactWay>div:last-child>span:first-child {
  margin-left: 0px;
}

.app_pileWorld .contactWay>div:last-child .line {
  margin-left: 0px;
}

.app_pileWorld .contactWay>div:last-child>a {
  color: #000;
  cursor: pointer;
}

.app_pileWorld .contactWay>div:last-child .privacy {
  margin-left: 0.2rem;
} */

.app_pileWorld .btn {
  bottom: 30px;
  right: 50px;
  width: 100px;
  height: 100px;
  position: absolute;
}

.pileWorld .btn a>div {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  width: 42px;
  height: 42px;
  background-color: #283040;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-position: center;
  cursor: pointer;
}

.pileWorld .btn .btn-phone {
  background-image: url(../image/icon-index-dh.png);
  float: right;
  cursor: pointer;
}

.pileWorld .btn .btn-recruit {
  background-image: url(../image/icon-index-zxns.png);
  margin-top: 58px;
  float: left;
  cursor: pointer;
}

.pileWorld .btn .btn-we {
  background-image: url(../image/icon-index-gywm.png);
  margin-top: 16px;
  float: right;
  cursor: pointer;
}

.pileWorld .vision {
  width: 60%;
  height: 50%;
  min-width: 910px;
  max-width: 1274px;
  max-height: 560px;
  margin: 148px auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.pileWorld .vision>div:first-child {
  width: 100%;
  height: 50%;
}

.pileWorld .vision>div:first-child .vision-charge-head,
.pileWorld .vision>div:first-child .vision-operator-head,
.pileWorld .vision>div:first-child .vision-production-head {
  width: 33%;
  height: 100%;
  float: left;
  text-align: center;
  color: #fff;
  opacity: 0.5;
  transition: 0.2s;
  cursor: pointer;
  transform: scale(0.5);
}

.pileWorld .vision>div:first-child .vision-active {
  opacity: 1;
  transform: scale(1);
  transition: 0.2s;
}

.pileWorld .vision>div:first-child .vision-operator {
  width: 100%;
  height: 100%;
  background-image: url(../image/pic-yys.png);
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: top center;
}

.pileWorld .vision>div:first-child .vision-charge {
  width: 100%;
  height: 100%;
  background-image: url(../image/pin-cdyh.png);
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: top center;
}

.pileWorld .vision>div:first-child .vision-production {
  width: 100%;
  height: 100%;
  background-image: url(../image/pic-scs.png);
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: top center;
}

.pileWorld .vision>div:last-child {
  width: 100%;
  height: 60%;
  max-height: 246px;
  position: relative;
}

.pileWorld .vision>div:last-child>a .vision-operator-text {
  opacity: 0;
  width: 100%;
  height: 100%;
  background-image: url(../image/yys.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
}

.pileWorld .vision>div:last-child>a .vision-charge-text {
  opacity: 0;
  width: 100%;
  height: 100%;
  background-image: url(../image/yh.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
}

.pileWorld .vision>div:last-child>a .vision-production-text {
  opacity: 0;
  width: 100%;
  height: 100%;
  background-image: url(../image/cdz.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
}

.pileWorld .vision>div:last-child .vision-emerge-show {
  animation: visionEmergeShow 0.5s;
  animation-fill-mode: forwards;
  z-index: 999;
}

.pileWorld .vision>div:last-child .vision-emerge-hide {
  animation: visionEmergeHide 0.5s;
  animation-fill-mode: forwards;
  z-index: 888;
}

@keyframes visionEmergeShow {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes visionEmergeHide {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.black_magic {
  width: 60%;
  height: 50%;
  min-width: 910px;
  min-height: 400px;
  max-width: 1274px;
  max-height: 560px;
  background-color: #034C50;
  opacity: 0.5;
  position: absolute;
  z-index: 1299;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: 148px auto;
}

.advertisement {
  position: absolute;
  top: 1.5rem;
  width: 75%;
  color: #fff;
  font-size: 0.25rem;
  margin: 0 auto;
  left: 100px;
}

.app_advertisement {
  color: #fff;
  font-size: 0.8rem;
  padding-top: 0.5rem;
  line-height: 1.5rem;
  font-weight: bold;
  background-color: #4582c2;
  width: 100%;
  height: 7rem;
  padding: 1.2rem 0.8rem;
  margin-top: 0.3rem;
}

.gzh {
  margin-top: 0.3rem;
}

.gzh img {
  width: 2rem;
  margin: 0 auto;
}

.gzh p {
  font-size: 0.2rem;
  color: #000;
  margin-top: 10px;
  text-align: center;
}

.app_gzh {
  margin-top: 0.5rem;
}

.app_gzh img {
  width: 8rem;
  margin: 0 auto;
}

.app_gzh p {
  font-size: 0.7rem;
  color: #FE6A00;
  margin-top: 0.2rem;
  text-align: center;
}

/*# sourceMappingURL=index.css.map */


* {
  margin: 0;
  padding: 0;
}

/*<--清除底部三像素距离-->*/

img {
  vertical-align: top;
}

.all {
  width: 100%;
  height: 7rem;
  position: relative;
  overflow: hidden;
}

.all img {
  width: 100%;
  height: 7rem;
  overflow: hidden;
  -webkit-animation: xing 8s infinite;
}

@keyframes xing {
  0% {
      -webkit-transform: scale(1);
  }
  100% {
      -webkit-transform: scale(1.1);
  }
}

.inner {
  /* position: relative; */
  width: 100%;
  height: 7rem;
  /* background-color: pink; */
  overflow: hidden;
}

.inner ul {
  width: 1000%;
  list-style: none;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.inner ul li {
  float: left;
  width: 10%;
  overflow: hidden;
}

.focusD {
  position: absolute;
  left: 0;
  top: 45%;
  width: 100%;
  padding: 0 0.5rem;
  height: 0.3rem;
  box-sizing: border-box;
  display: none;
}

.inner ol {
  position: absolute;
  right: 45%;
  bottom: 0.1rem;
}

.inner ol li {
  width: 0.2rem;
  display: inline-block;
  height: 0.2rem;
  margin: 0 0.1rem;
  cursor: pointer;
  line-height: 0.15rem;
  text-align: center;
  background-color: #2196f3;
  border-radius: 50%;
}

/*当前的高亮的小圆点*/

.inner ol .current {
  background-color: orange;
  color: #fff;
}

.focusD span {
  display: inline-block;
  width: 0.5rem;
  font-size: 0.5rem;
  height: 0.5rem;
  color: #2196f3;
  line-height: 0.45rem;
  text-align: center;
  background: transparent;
  cursor: pointer;
}

#left {
  float: left;
}

#right {
  float: right;
}

.productTable {
  width: 12rem;
  margin: 0 auto;
}

.productTable div {
  width: 100%;
  height: 0.8rem;
  line-height: 0.8rem;
  margin: 0 auto;
  margin: 0.5rem 0;
}
.productTable a{
  color:#2383d6;
  font-weight: bold;
}

.productTable div p {
  width: 12rem;
  margin: 0 auto;
  font-size: 0.3rem;
  text-align: center;
  background-color: #4582c2;
  color: #fff;
}
.productTable p {
  font-size: 0.3rem;
  text-align: center;
}



.productTable table {
  width: 100%;
  height: 12rem;
  font-size: 0.2rem;
  margin: 0 auto;

}

.productTable table tr {
  height: 0.5rem;
}

/* .productTable table td,  .productTable table th{
    border: 0.01rem solid #000;
   } */
.productTable table,
.productTable table tr,
.productTable table th,
.productTable table td {
  border: 0.01rem solid #000;
  border-collapse: collapse;
  text-align: center;
  height: 0.6rem;
}

.productTable table .td2 {
  height: 0.6rem;
}


.productTable table td p {
  font-size: 0.2rem;
  text-align: left;
  padding: 0 0.2rem;
}

.productTable table tr:nth-child(1) {
  background-color: #69A8CF;
  color: #fff;
}

.productTable table tr:nth-child(n+2){
  background-color: #C3DCEC;
}

.productTable table tr:nth-child(n+21){
  background-color: #E1EEF5;
}

.productTable table th{
  height: 0.8rem;
}
.productTable table th:nth-child(1){
  width: 1.2rem;
}
.productTable table th:nth-child(2) {
  width: 1.8rem;
}

.productTable table th:nth-child(3) {
  width: 2rem;
}
.productTable table th:nth-child(4){
  width: 3rem;
}

.productTable table th:nth-child(5) {
  /* width: 3.2rem; */
}


.jgt {
  width: 12rem;
  margin: 0 auto;
}
.jgt div:nth-child(1), .content-title{
  width: 12rem;
  height: 0.8rem;
  margin: 0 auto 0.5rem auto;
  line-height: 0.8rem;
  color: #fff;
}

.jgt p, .content-title p{
  width: 100%;
  font-size: 0.3rem;
  text-align: center;
  background-color: #4582c2;
}
.jgt div:nth-child(2){
  border: 0.05rem solid #4582c2;
  border-radius: 0.2rem;
}
.jgt img{
  /* width: 80%; */
  height: 6rem;
  margin: 0 auto;
  border-radius: 0.2rem;
}

.wananchi_2{
  width: 2rem;
  height: 2rem;
  position: fixed;
  top: 6rem;
  right: 0.9rem;
  display: none;
}

.wananchi_2 img{
  width: 2rem;
}

.wananchi2{
  position: fixed;
  top: 5.5rem;
  /* right: 0.05rem; */
  right: 0.05rem;
  background-color: #6696ff;
  padding: 0.1rem;
  color: #fff;
  border-radius: 0.1rem 0 0 0.1rem;
  cursor: pointer;
  line-height: 0.5rem;
}

.wananchi{
  width: 2rem;
  height: 2rem;
  position: fixed;
  top: 6rem;
  right: 0.9rem;
  display: none;
}

.wananchi img{
  width: 2rem;
}

.wananchi1{
  position: fixed;
  top: 6.5rem;
  /* right: 0.05rem; */
  right: 0.05rem;
  background-color: #6696ff;
  padding: 0.1rem;
  color: #fff;
  border-radius: 0.1rem 0 0 0.1rem;
  cursor: pointer;
  line-height: 0.5rem;
}
.wananchi2 img,.wananchi1 img,.technicalPhone img{
  float: left;
  width: 0.5rem;
  height: 0.5rem;
  }
.wananchi1 p{
font-size: 0.2rem;
}


.technicalPhone{
  position: fixed;
  top: 7.5rem;
  right: 0.05rem;
  background-color: #6696ff;
  padding: 0.1rem;
  color: #fff;
  border-radius: 0.1rem 0 0 0.1rem;
  cursor: pointer;
  line-height: 0.5rem;
}
/* .technicalPhone:hover,.wananchi1:hover{
  right: 0.05rem;
} */
.technicalPhone p{
  font-size: 0.2rem;
}

.technicalPhone1{
  width: 2.5rem;
  position: fixed;
  top: 7.5rem;
  right: 0.9rem;
  background-color: #6696ff;
  display: none;
  color: #fff;
  font-size: 0.2rem;
  padding: 0.1rem 0.2rem;
  border-radius: 0.1rem;
}

tr td span,tr td p{
  display: block;
}
tr td span:nth-child(1),tr td p:nth-child(1){
  margin-top: 0rem;
}

.more-box {
  text-align: right;
  color: #2383D6;
  cursor: pointer;
  font-weight: bold;
}

.cpys {
  padding: .5rem 0;
}
.cpys-list {
  display: flex;
  justify-content: space-around;
  gap: .3rem;
  padding: .2rem 1.5rem;
}
.cpys-item {
  padding: .25rem;
  flex: 1;
  border-top: 1px none #eee;
  border-right: 1px none #eee;
  border-bottom: 1px none #eee;
  border-left: 1px none #eee;
  border-radius: 12px;
  box-shadow: 0px 5px 30px rgba(15, 91, 183, 0.1);
  cursor: pointer;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  font-size: .2rem;
}
.cpys-item:hover {
  box-shadow: 0px 5px 50px rgba(15, 91, 183, 0.3);
}
.cpys-item div img{
  width: 2rem;
  margin: auto;
}
.cpys-item .title, .fwzc-item .title {
  font-size: .22rem;
  font-weight: bold;
  text-align: center;
  margin: .15rem;
}
.cpys-item .content, .fwzc-item .content {
  font-size: .16rem;
  text-align: center;
  color: #989898;
}

.fwzc {
  width: 100%;
  height: 6rem;
  padding: .5rem;
  margin: .5rem 0 0 0;
  background: url("../image/bg/fwzc.png")no-repeat;
  background-size: cover;
}
.fwzc .title1 {
  font-size: .4rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: .3rem;
}

.fwzc-list {
  display: flex;
  justify-content: space-around;
  padding: 0 1.5rem;
}
.fwzc-item {
  padding: .8rem;
}
.fwzc-item .content {
  color: #fff;
}
.fwzc-item div img {
  width: 1rem;
  margin: auto;
}

.zlzs {
  background: #ebf4ff;
  padding: .4rem;
  text-align: center;
}

.cpys .title1, .zlzs .title, .hzhb .title {
  font-size: .4rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: .3rem;
  color: #fff;
}

.hzhb {
  background: #FAFBFD;
  padding: .4rem;
}

.hzhb .hzhb-list {
  padding: .1rem 3rem;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(3, 1fr);
  gap: .2rem;
}

.hzhb .hzhb-list .hzhb-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 3px;
  border: 1px solid #ccc;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}

.hzhb .hzhb-list .hzhb-item img {
  width: 100%;
}

.pageFooting {
  padding: .5rem 1rem;
  display: flex;
  justify-content: space-around;
  font-size: .2rem;
}
.pageFooting-item .title {
  font-size: .18rem;
  margin-bottom: .1rem; 
  font-weight: bold;
  color: #333333;
}
.pageFooting-item .content {
  font-size: .15rem;
  color: #888888;
}
.pageFooting-item .content div {
  margin-bottom: .1rem;
}

.wrapper {
  width: 100%;
  height: 500px;
  padding-top: 230px;
  overflow: hidden;
}

.tagcloud {
  position: relative;
  margin-top: -150px;
}

.tagcloud a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  padding: 11px 30px;
  color: #333;
  font-size: 16px;
  border: 1px solid #e6e7e8;
  border-radius: 18px;
  background-color: #f2f4f8;
  text-decoration: none;
  white-space: nowrap;
  -o-box-shadow: 6px 4px 8px 0 rgba(151, 142, 136, .34);
  -ms-box-shadow: 6px 4px 8px 0 rgba(151, 142, 136, .34);
  -moz-box-shadow: 6px 4px 8px 0 rgba(151, 142, 136, .34);
  -webkit-box-shadow: 6px 4px 8px 0 rgba(151, 142, 136, .34);
  box-shadow: 6px 4px 8px 0 rgba(151, 142, 136, .34);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135, Color='#000000')";
  /*兼容ie7/8*/
  filter: progid: DXImageTransform.Microsoft.Shadow(color='#969696', Direction=125, Strength=9);
  /*strength是阴影大小，direction是阴影方位，单位为度，可以为负数，color是阴影颜色 （尽量使用数字）使用IE滤镜实现盒子阴影的盒子必须是行元素或以行元素显示（block或inline-block;）*/
}

.tagcloud a:hover {
  color: #3385cf;
}

/* 公司介绍 */
.about-bg {
  background: url('../image/bg/1.png') no-repeat;
  background-size: cover;
}

.scheme-bg {
  background: url('../image/bg/2.png');
}

.issue-bg {
  background: url('../image/bg/5.png');
}

.territory-bg {
  background: url('../image/bg/6.png');
}

.copyright-bg {
  background: url('../image/bg/4.png') no-repeat;
  background-size: cover;
}

.embed-icon {
  top: 50% !important;
}

.zlzs-list {
  display: grid;
  grid-template-columns: repeat(5, 2.2rem);
  gap: .2rem;
  padding: 0 1rem;
  justify-content: center;
}

.zlzs-list img{
  width: 100%;
  margin: auto;
}