:before,*:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box}
*:focus{outline: inherit}
html{-webkit-tap-highlight-color: transparent}
body{overflow-x: hidden;color: #333;font-size: 14px;-webkit-overflow-scrolling: touch}
body,dd,dl,figure,form,h1,h2,h3,h4,h5,h6,p,td,th{margin: 0;padding: 0;border: 0}
li,ol,ul{margin: 0;padding: 0;list-style-type: none}

table{border-collapse: collapse;border-spacing: 0}
a{color: inherit;outline: none;text-decoration: none;background: transparent}
a:hover{color: #00a0e9}
a,em,i,span{display: inline-block}
b,em,i{font-style: normal}
h1,h2,h3,h4,h5,h6{font-weight: normal;font-size: 14px}
button{padding: 0}
button,input,optgroup,select,textarea{outline: 0;border: 0;vertical-align: middle;font-family: 'Microsoft Yahei'}
input[type=radio],input[type=checkbox]{vertical-align: -2px}
button,html input[type=button],input[type=reset],input[type=submit],input[type=text]{outline: 0;border: 0;border-radius: 0;cursor: pointer;-webkit-appearance: button}
textarea{resize: none;font-size: 14px}
textarea,.select{appearance: none;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none}
.select::-ms-expand{display: none}
.clearfix::after,.mauto::after,.row::after,.hsms::after{display: table;content: ""}
.clearfix:after,.mauto:after,.row:after,.hsms:after,.clear{clear: both}

/* 图片缩放 */
.img-scale{overflow: hidde;}
.img-scale img {transform: scale(1);-webkit-transform: scale(1);transition: all .8s;-webkit-transition: all .8s}
.img-scale:hover img {transform: scale(1.1);-webkit-transform: scale(1.1)}

.fl{float:left}
.fr{float:right;}
.width_1200{max-width:1200px;margin:0 auto; }
.width_1200 table{  margin-bottom:5%;}
.width_1200 table td{ line-height:4; border:1px solid #ddd; text-align:center;}
.flex{display:flex}
.rel{position:relative}
.abs{position:absolute}

/* 手机头部 */
.mob-nav{ display:none; width:40px; height:40px; margin-top:5px; border-radius:50%; margin-left:10px; background-size:auto 40%; position:relative;right:0px;}
.mob-nav:before{ content:''; position:absolute; left:50%; top:50%; height:2px; width:26px; margin-left:-13px; margin-top:-8px; background:#000; transition:all 0.5s ease;}
.mob-nav:after{ content:''; position:absolute; left:50%; top:50%; height:2px; width:26px; margin-left:-13px; margin-top:6px; background:#000; transition:all 0.5s ease;}
.mob-nav span{position:absolute; left:50%; top:50%; height:2px; width:26px; margin-left:-13px; margin-top:-1px; background:#000; transition:all 0.5s ease;}
.mob-nav.on{ transition:all 0.5s ease;}
.mob-nav.on:before{ margin-top:-1px; transform:rotate(45deg); transition:all 0.5s ease;}
.mob-nav.on:after{ margin-top:-1px; transform:rotate(-45deg); transition:all 0.5s ease;}
.mob-nav.on span{width:0;transition:all 0.5s ease;}

/* 页码 */
.page{justify-content:center;padding:53px 0;}
.page a{display:block; padding:10px 15px;background:#fff;margin-right:5px;border:1px solid #c3c3c3;border-radius:5px;}
.page .current,.page a:hover{color:#fff;background:#d72149;border:1px solid #d72149;}


/* 视频弹窗 */
.fix-wrap {display:none;z-index:999;position:fixed;background:rgba(0, 0, 0, 0.8)}
.fix-wrap,.fix-wrap svg {top:0;left:0;width:100%;height:100%}
.dt {display:table;table-layout:fixed}
.wh1 {width:100%;height:100%}
.dtcell {display:table-cell;vertical-align:middle;text-align:center;padding:30px}
.dtcell img{max-width:100%;object-fit:contain;}
.fix-video .video-wrap {min-width:55%;max-width:55%;margin:0 auto}
.fix-video video {width:100%;height:100%;padding:10px;border-radius:5px;border:1px solid #3a3a3a;box-shadow:0 0 5px rgba(0, 0, 0, 0.5);background:#2d2d2d;object-fit:cover;animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both}
.fix-wrap .hide01,.fix-wrap circle{transition:all .8s;-webkit-transition:all .8s}
.fix-wrap .hide01 {position:fixed;top:5%;right:5%;width:49px;height:49px;border-radius:50%;cursor:pointer;overflow:hidden;background:transparent}
.fix-wrap .hide01:hover {transform:rotate(-180deg);-webkit-transform:rotate(-180deg)}
.fix-wrap .hide01::before, .fix-wrap .hide01::after{z-index:1;position:absolute;content:"";top:50%;left:50%;width:1px;height:50%;margin-top:-25%;background:#fff}
.fix-wrap .hide01::before{transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.fix-wrap .hide01::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.fix-wrap svg {position:absolute}
.fix-wrap,.fix-wrap svg {top:0;left:0;width:100%;height:100%}
.fix-wrap circle {stroke-dasharray:0 145}
.fix-wrap .hide01:hover circle {fill:none;stroke-dasharray:145}


/* 营销网络 */

.index_main .section1 {
    padding: 6vw 7.5vw;
  }
  .index_main .section1 .cont {
    margin-top: 2vw;
    position: relative;
  }
  .index_main .section1 .map_box {
    width: 42vw;
    max-width: 758px;
    margin: 0 auto;
    position: relative;
  }
  .index_main .section1 .map_box img {
    display: block;
    width: 100%;
  }
  .index_main .section1 .map_box .dots{
    position: absolute;
    top: 0;
    left: 0;
    width: 94.72%;
    height: 100%;
  }
  .index_main .section1 .map_box .dot {
    position: absolute;
    width: 88px;
    height: 88px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .index_main .section1 .map_box .dot:before {
    content: '';
    width: 16px;
    height: 16px;
    background-color: #f1e9e0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: 2;
  }
  .index_main .section1 .map_box .dot:after {
    content: '';
    width: 6px;
    height: 6px;
    background-color: #a97d55;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: 3;
  }
  .index_main .section1 .map_box .dot span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #a97d55;
    border-radius: 50%;
    z-index: 1;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-animation: scale 2s linear infinite;
    -moz-animation: scale 2s linear infinite;
    -ms-animation: scale 2s linear infinite;
    animation: scale 2s linear infinite;
  }
  .index_main .section1 .map_box .dot span:nth-of-type(2) {
    animation-delay: .7s;
  }
  .index_main .section1 .map_box .dot span:nth-of-type(3) {
    animation-delay: 1.4s;
  }
  .index_main .section1 .map_box .dot:nth-of-type(1) {
    top: 38.5%;
    left: 74%;
  }
  .index_main .section1 .map_box .dot:nth-of-type(2) {
    top: 58.18%;
    left: 82.35%;
  }
  .index_main .section1 .map_box .dot:nth-of-type(3) {
    top: 56%;
    left: 62%;
  }
  .index_main .section1 .map_box .dot:nth-of-type(4) {
    top: 27%;
    left: 90%;
  }
  .index_main .section1 .map_box .dot:nth-of-type(5) {
    top: 33.44%;
    left: 85.43%;
  }
  .index_main .section1 .map_box .dot:nth-of-type(6) {
    top: 35.54%;
    left: 64.7%;
  }
  .index_main .section1 .map_box .dot:nth-of-type(7) {
    top: 47%;
    left: 67.5%;
  }
  .index_main .section1 .map_box .dot:nth-of-type(8) {
    top: 46%;
    left: 72.12%;
  }
  .index_main .section1 .map_box .dot:nth-of-type(9) {
    top: 49.65%;
    left: 77.8%;
  }
  .index_main .section1 .map_box .dot:nth-of-type(10) {
    top: 55.74%;
    left: 70.3%;
  }
  .index_main .section1 .map_box .dot:nth-of-type(11) {
    top: 62%;
    left: 85.43%;
  }
  .index_main .section1 .map_box .dot:nth-of-type(12) {
    top: 62.36%;
    left: 77.45%;
  }
  .index_main .section1 .map_box .dot:nth-of-type(13) {
    top: 64.45%;
    left: 69.18%;
  }
  .index_main .section1 .map_box .dot:nth-of-type(14) {
    top: 72.82%;
    left: 75.9%;
  }
  .index_main .section1 .map_box .dot:nth-of-type(15) {
    top: 77.52%;
    left: 80.67%;
  }
  .index_main .section1 .map_box .dot:nth-of-type(16) {
    top: 82.75%;
    left: 72.26%;
  }
  .index_main .section1 .map_box .dot:nth-of-type(17) {
    top: 88.85%;
    left: 71.7%;
  }
  .index_main .section1 .map_box .dot:nth-of-type(18) {
    top: 68.46%;
    left: 83.61%;
  }
  .index_main .section1 .map_box .dot:nth-of-type(19) {
    top: 85%;
    left: 63.72%;
  }
  .index_main .section1 .map_box .dot:nth-of-type(20) {
    top: 32.22%;
    left: 24.92%;
  }
  .index_main .section1 .map_box .dot:nth-of-type(21) {
    top: 50.69%;
    left: 38.37%;
  }
  .index_main .section1 .map_box .dot:nth-of-type(22) {
    top: 53.13%;
    left: 53.22%;
  }
  .index_main .section1 .map_box .dot:nth-of-type(23) {
    top: 68.11%;
    left: 50.14%;
  }
  .index_main .section1 .map_box .dot:nth-of-type(24) {
    top: 82.75%;
    left: 47.9%;
  }
  .index_main .section1 .num_box {
    position: absolute;
    top: 2.5vw;
    left: 0;
    right: 0;
   /* font-size: 0;*/
    text-align: center;
  }
  .index_main .section1 .num_box .item {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    max-width: 260px;
    text-align: center;
  }
  .index_main .section1 .num_box .item .num {
    font-size: 30px;
    font-family: 'DIN-Medium';
    color: #a97d55;
    line-height: 1;
  }
  .index_main .section1 .num_box .item .num span {
    font-size: 50px;
  }
  .index_main .section1 .num_box .item p {
    font-size: 14px;
    color: #202020;
  }
  .index_main .section1 a.more {
    display: block;
    margin: 3vw auto 0;
    background-color: #a97d55;
    font-size: 18px;
    line-height: 46px;
    color: #fff;
    width: 140px;
    text-align: center;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .index_main .section1 a.more:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }

  @keyframes scale {
    0% {
      opacity: 1;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
    }
    70% {
      opacity: 1;
    }
    100% {
      opacity: 0;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }
  }


/* 头部 */
.header_top{background:#e5e6e7;height:34px}
.top span{line-height:34px}
.top span:nth-child(1){color:#666}
.top span:nth-child(2){background:url(../images/tel_icon.png) no-repeat left center; padding-left:20px;color:#d72249;font-size:16px;font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
.logo{padding:10px 0;}
.logo img{display:block;width:100%;height:70px}


/* 头部导航菜单 */
.nav_list{padding-top:10px}
.nav_list >li{padding-left:1.8vw; position:relative;height:80px}
.nav_list >li >a{font-size: 17px;position: relative;transition: all 0.5s ease;line-height:60px;font-weight:bold}
.nav_list >li >a::before{content:''; position:absolute; height:3px; bottom:0px; background:#f21515; left:50%; width:0px; transform:translateX(-50%); transition:all 0.5s ease;}
.nav_list > li:hover >a, .nav_list > li >a.cur{color:#f21515;}
.nav_list > li:hover > a:before,.nav_list> li > a.cur:before{ width:40px; transition:all 0.5s ease; color:#f21515;}
.submenu{position:absolute;background:rgba(255, 255, 255, 0.8);display:block;top:75px; padding-top:9px;display:none;min-width:150px;z-index:9999;left: 50%;
    margin-left: -55px;}
.submenu >li{line-height:3;text-align:center}
.submenu >li >a{display:block;padding:0 15px}
.submenu >li >a:hover{text-decoration:none;color:#f21515;}
.nav_list > li:hover .submenu{display:block}
/* 头部导航菜单结束 */


/* 底部 */
.footer{background:#4d4d4d}
.footer_nav{width:55%;padding-top:45px}
.footer_contact{width:25%;;padding-top:45px} 
.footer_nav li{flex:1}
.footer_contact a,.footer_nav li a{display:block;color:#cdc8c8;line-height:30px;}
.footer_contact a:nth-child(1),.footer_nav li a:nth-child(1){font-size:16px;color:#fff;line-height:48px;position:relative; margin-bottom:10px}
.footer_contact a:nth-child(1)::before,.footer_nav li a:nth-child(1)::before{position:absolute;height:1px; background:#cdc8c8;width:18px; left:0; bottom:0;content:"";}
.ewm_top{height:275px;border-radius:0 0 5px 5px;background:#fff;width:20%;}
.ewm{height:142px;width:142px;padding-top:42px;margin: 0 auto}
.ewm_img{display:none}
.ewm_img img{width:100%;height:142px;object-fit:cover;}
.ewm_img_txt{line-height:24px;text-align:center;padding-top:15px}
.link{align-items:center;padding:15px 0;}
.link a{padding:0 1vw;  color:#cdc8c8;display:block}
.link01{color:#fff;font-size:16px}
.footer_bottom{height:66px;border-top:1px solid #414141;}
.copyright{margin-top:3px;border-top:0px solid #414141;color:#fff; text-align:center;line-height:60px;} 
.show{display:block}






.fix-side {
  z-index: 5;
  position: fixed;
  right: 1%;
  bottom: 50px
}

.fix-side .item {
  position: relative;
  width: 68px;
  height: 68px;
  margin-top:2px;



}

.fix-side .item em, .fix-side .item .imgs {
  position: absolute;
  top: 0;
  right: 0;
  width: 68px;
  height: 68px;
  line-height: 68px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  transition: all .8s;
  -webkit-transition: all .8s
}

.fix-side .item em a, .fix-side .item .imgs a {
  color: #fff;
  display:block;
}

.fix-side .item em i, .fix-side .item .imgs i {
  width: 100px;
  text-align: center
}

.fix-side .item span {
  width: 68px;
  height: 68px;

}

.fix-side .item:hover em {
  width: 170px;height:68px
}

.fix-side .pic, .fix-side #gotop {
  height: 68px;
  width:68px;
  cursor: pointer
}

.fix-side .pic:hover .imgs {
  visibility: visible;
  opacity: 1;
  right: 100%
}

.fix-side .pic .imgs {
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  position: absolute;
  width: 100px;
  height: 100px;
  top: 0;
  right: -200%;
  background-color: #eee
}

.fix-side #gotop {
  position: relative;
  transition: all .3s;
  -webkit-transition: all .3s;
  background:url(../images/fix_11.jpg) no-repeat center center #1c9be7;
  margin-top:2px;
}

/* .fix-side #gotop::after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  padding: 7px;
  margin-top: 5px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: translateX(-50%) translateY(-50%) rotate(-135deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-135deg)
} */

.fix-side .item span, .fix-side .pic, #gotop {
  background-repeat: no-repeat;
  background-position: center
}

.fix-side .item i, .fix-side .item span, .fix-side .pic, #gotop {
  background-color: #1c9be7;
 
  
  
}

.none{display:none}
.fix-side .item:hover i, .fix-side .item:hover span, .fix-side .pic:hover, #gotop:hover {
  background-color: #1c9be7;
  border-radius:0
}

   /* 手机的内页菜单 */
   .main-nav-m01 {display:none;position: relative;z-index: 55;cursor: pointer}
   .main-nav-m01 .title {position: relative;height: 45px;line-height: 45px;padding: 0 10px;background: #004b88}
   .main-nav-m01 .title strong {color: #fff;font-size: 16px;font-weight: bold}
   .main-nav-m01 .title i {position: absolute;content: '';width: 45px;height: 100%;right: 0}
   .main-nav-m01 .title i::before, .main-nav-m01 .title i::after {position: absolute;top: 50%;content: '';width: 12px;height: 1px;background: #fff;transition: all .3s;-webkit-transition: all .3s}
   .main-nav-m01 .title i::before {left: 46%;transform: rotate(40deg) scaleY(1.5);-webkit-transform: rotate(40deg) scaleY(1.5)}
   .main-nav-m01 .title i::after {right: 46%;transform: rotate(-40deg) scaleY(1.5);-webkit-transform: rotate(-40deg) scaleY(1.5)}
   .main-nav-m01 .title.active i::before {transform: rotate(-40deg) scaleY(1.5);-webkit-transform: rotate(-40deg) scaleY(1.5)}
   .main-nav-m01 .title.active i::after {transform: rotate(40deg) scaleY(1.5);-webkit-transform: rotate(40deg) scaleY(1.5)}
   .main-nav-m01 >ul {display: none;position: absolute;top: 45px;width: 100%;padding: 0 10px;background: rgba(0, 75, 136, 0.8);color: #fff}
   .main-nav-m01 ul >li {animation: ReturnToNormal .5s both;-webkit-animation: ReturnToNormal .5s both}
   .main-nav-m01 ul >li >a {display: block;line-height: 45px;border-bottom: 1px solid rgba(255, 255, 255, 0.55)}
   .m_sub_nav01{width:97%;display:none}
   .m_sub_nav01 a{padding-left:20px;display:block;line-height:45px;}






/* 媒介查询 */
@media(max-width:1024px){
  .width_1200{width:94%}

  .nav_list{display:block; position:absolute;background:#f8f8f8;width:100%; right:0;text-align:center;padding:0}
  .mob-nav{display:block;margin-top:10px}
  .logo{padding:0;}
  .header{position:fixed;width:100%;background:#fff;z-index:99;}
  .m_nav{display:none; background:rgba(0, 0, 0, 0.6);position: fixed;width:100%; left:0;height:100vh;top:107px}
  .nav_list >li{height:auto;padding: 0;}
  .nav_list >li >a::before{content:''; position:absolute; height:3px; bottom:0px; background:#f21515; left:50%; width:0px; transform:translateX(-50%); transition:all 0.5s ease;}
  .nav_list > li:hover > a, .nav_list > li >a.cur{color:#f21515;}
  .nav_list > li:hover > a:before,.nav_list> li > a.cur:before{ width:0px;}
  .nav_list > li{border-bottom:1px solid #ddd;}

  .submenu{position:static;background:rgba(255, 255, 255, 0.8);display:block;top:0px;display:none;width:100%;}
  .submenu >li >a{display:block;padding:0}



  .footer_nav{display:none}
  .footer-top{justify-content:space-between;}
  .ewm_top{width:227px}
  .footer_contact{width:80%;}
  .page{padding:40px 0;}
}


@media(max-width:768px){
  .main-nav-m01{display:block;}
  .fix-video .video-wrap{max-width:100%;}
  .fix-video video{width:94%}
  .logo img{height:50px; width:auto;}

}

@media(max-width:640px){
  .footer-top{flex-direction: column;}
  .link{display:none}
  .footer_contact{padding:10px}
  .footer_contact{width:100%;margin-bottom:20px}
 .ewm_top{margin: 0 auto}
 .tab01{width:100%;justify-content:center}

  }
  
  @media(max-width:480px){
   .m_nav{top:50px}
   .copyright{line-height:30px}

    }