/*************************
         main.css     
*************************/

*, ::after, ::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body{ background-color: #fff;  margin: 0; color: #696969; font-size: 14px; text-align: left; line-height: 1;}
html, button, input, select, textarea {
  font-family: "Microsoft Yahei", "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
}
button{border:none;}
input{ border:none; background: none;outline:none;}
ul { letter-spacing: -8px}
li { list-style: none;letter-spacing:normal }
img { display: block; max-width: 100%; border: 0;}
ul, li, ol, h1, h2, h3, h4, dl, dt, dd, form, p, span, b, u, s, i {list-style: none; margin: 0; padding: 0; text-decoration: none;}
a{text-decoration: none;}
a:focus, a:hover { text-decoration: none;}


/* =======公共部分==================================================== */
.img-cover { background-size: cover;  background-position: center center; background-repeat: no-repeat; }
.f-w-n{font-weight: normal;}

.tit-100 { line-height: 110px; font-size: 100px;}
.tit-62  { line-height: 72px; font-size: 62px;}
.tit-60  { line-height: 70px; font-size: 60px;}
.tit-48  { line-height: 58px; font-size: 48px;}
.tit-45  { line-height: 55px; font-size: 45px;}
.tit-36  { line-height: 46px; font-size: 36px;}
.tit-30  { line-height: 40px; font-size: 30px;}
.tit-26  { line-height: 36px; font-size: 26px;}
.tit-22  { line-height: 32px; font-size: 22px;}
.tit-18  { line-height: 28px; font-size: 28px;}
.tit-16  { line-height: 20px; font-size: 16px;}
.tit-14  { line-height: 24px; font-size: 14px;}

.col-fff-3 { color: rgba(255, 255, 255, 0.3);}
.col-fff { color: #fff; }
.col-red { color:red;}
.col-777 { color: rgb(77, 77, 77); }
.col-333 { color: #333; }
.col-222 { color: rgb(39, 39, 39); }
.back-red{background: red;}

.p-tb-5 { padding: 5px 0;}
.p-tb-8 { padding: 8px 0;}
.p-tb-10{ padding:10px 0;}
.p-tb-15{ padding:15px 0;}
.p-tb-40{ padding:40px 0;}
.p-tb-50{ padding:50px 0;}
.p-tb-60{ padding:60px 0;}
.p-lr-5 { padding: 0 5px; }
.p-lr-8 { padding: 0 8px; } 
.p-lr-10 { padding: 0 10px; } 
.m-t-10{margin-top: 10px;}
.m-t-90{margin-top: 90px;}
.w100{width: 100%;}
.h100{height: 100%;}

.f-rw{display: flex; flex-flow: row wrap;}


.main-cr{ color:#00CCFF; }
.main-bk{ background: #00CCFF; }
.nav-bk{background: #3f3f3f;}
/* =======公共部分 END==================================================== */

.main { position: relative;}
.white-bg, .bg-white { background: #fff;}
.box-bg {background: #f7f7f7;}



/* 顶部主菜单 */
    .header{position: fixed; left: 0; right: 0; top: 0; min-width: 1200px;z-index: 100;background: none;}
    .header-list{height: 90px;padding: 0 60px;justify-content: space-between; align-items: center;}
    /* logo */
    .header-list .logo{width: 300px; position: relative;  display: block; }
    /* 一级菜单 */
    .header_nav{margin-right: 20px;}
        .header_nav > li {display: inline-block; line-height: 90px; height: 90px;margin: 0 25px; position: relative;}
        .header_nav > li > a{display: block;position: relative;font-size: 16px;font-weight: 600;color: #fff;}
        .header_nav > li:hover > a::after,.header_nav > li > a.on::after { 
            width: 100%;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;
        }
        .header_nav > li > a::after { 
            position: absolute; content: ""; background: #fff; height: 3px;border-radius:3;width: 0%;bottom: 20px;left: 0;right: 0;
            -webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;
        }

        /* 下级菜单 */
        .header_nav .ol-list{  
            width: 138px; left: 50%;  top: 90px;  padding: 10px;  margin-left: -69px; background-color: #fff; 
            text-align: center;  border-radius: 8px;  transform: translate(0, -20px);  opacity: 0;  visibility: hidden;  transition: all 0.4s;
        }
        .header_nav .ol-list::before {
            content: "";  position: absolute;  left: 50%;  margin-left: -10px;  top: -10px;  border-bottom: 10px solid #fff;
            border-left: 10px dashed transparent;  border-right: 10px dashed transparent;
        }
        .ol-list { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
        .header_nav .ol-list li{line-height: 30px; }
        .header_nav > li:hover .ol-list{ transform: translate(0, 0);opacity: 1;  visibility: visible;}
        .header_nav > li .ol-list li a{  
          width: 118px; line-height: 35px; color: rgb(31, 31, 31); display: inline-block; border-radius: 5px; 
          transform: translate(0, 0); -webkit-transition: all .4s; -o-transition: all .4s; transition: all 0.4s; 
        }
        .header_nav > li .ol-list li:hover a{  transform: translate(5px, 0);  color: #00CCFF;  -moz-box-shadow:  1px 0px 2px #ccc;box-shadow: 2px 2px 4px #ccc;}
    /* 联系电话 */
    .header-list .tel{display: flex;  flex-flow: row wrap;  align-items: center;}
    .header-list .tel img{width: 28px; height:28px;margin-right: 10px;}
    .header-list .tel span{font-size: 16px;font-weight: 600;color: #fff;}

    /*浮动改变背景色*/
    .sticky {	background: rgba(0, 0, 0, 0.6); border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
/*  END */

/* 二级菜单 */
.nav{position: relative; width: 100%;border-top: 1px solid rgba(255, 255, 255, 0.2);}
.nav_list{ width: 1500px; margin: 0 auto;}
/* 详情页头部导航占位及背景 */
.top-bg {width: 100%; height: 90px; background: rgba(19, 19, 19, 0.7); }




/* swiper */
.swiper-container {position: relative;overflow: hidden;z-index: 1;background-color: #eee;}
.swiper-container .swiper-h{overflow: hidden; height: 100vh; }
.swiper-container .swiper-h700{overflow: hidden; height: 700px; }
.swiper-container .swiper-h600{overflow: hidden; height: 600px; }
.swiper-container .swiper-h500{overflow: hidden; height: 500px; }
.swiper-container .swiper-h480{overflow: hidden; height: 480px; }
.swiper-container .swiper-text-t26{position: absolute; left: 50%; top: 26%; z-index: 3; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%)}
.swiper-container .swiper-text-t50{position: absolute;  left: 50%; top: 50%;  transform: translate(-50%, -50%);}
.swiper-container .swiper-text-t45{position: absolute;  left: 86%; top: 38%;  transform: translate(-50%, -50%);}
.swiper-bg{ width: 100%; height: 100%;  z-index: 1; }

.swiper-1{position: relative;overflow: hidden;z-index: 1;background-color: #eee;}
.isheight{height: 100vh;}
.isheight700{height: 700px; }
.swiper-1 .swiper-t26{position: absolute; left: 50%; top: 26%; z-index: 3; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%)}
.swiper-1 .swiper-t50{position: absolute;  left: 50%; top: 50%;  transform: translate(-50%, -50%);}
.swiper-1 .swiper-t45{position: absolute;  left: 86%; top: 38%;  transform: translate(-50%, -50%);}
/* swiper  END */

.container { width: 1200px; margin: 0 auto;}
.container1500 { width: 1500px; margin: 0 auto;}
/* footer */
.footer{background-color: rgb(71, 71, 71);}
.footer .footer-widget {align-items: flex-end;justify-content: space-between;padding: 30px 20px;font-size: 16px;}
.footer .footer-widget .footer-single{padding: 10px 0;}
.footer .footer-widget .footer-single div{height:38px;display: flex; flex-flow: row wrap;align-items: center;} 
.footer .footer-widget .footer-single div img{width: 22px; height: 22px; margin-right: 5px;}

.footer .footer-widget .footer-erweima{padding: 10px 0;display: flex;flex-direction: row;}
.footer .footer-widget .footer-erweima .erweima{display: flex; flex-direction: column;margin: 0 10px;}
.footer .footer-widget .footer-erweima .erweima img{width: 115px;height: 115px;}
.footer .footer-widget .footer-erweima .erweima span{text-align: center;line-height: 30px;}
.footer .footer-text{text-align: center;line-height: 70px;border-top:1px solid rgba(85, 85, 85, 0.664) ; color: rgb(143, 143, 143);}
.footer .footer-text .beianhao{   
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moz-user-select: none;
  color: rgb(143, 143, 143);
}
/* footer END */


/* 返回顶部 */
#toTop {
  position: fixed; right: 20px; bottom: 50px; z-index: 100; display: none;
  width: 60px; height: 60px; text-align: center; cursor: pointer;border-radius: 50%;
}
#toTop img{width: 100%;}

/* 页面动画 */
.bounceInUp {
  -webkit-animation-name: mk_bottom_to_top;
  animation-name: mk_bottom_to_top;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@keyframes mk_bottom_to_top {
  0% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes mk_bottom_to_top {
  0% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}


/* 公共分页 */
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 12px 0;
    border-radius: 4px;
  }
  .pagination > li {
    display: inline;
  }
  .pagination > li > a,
  .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #00CCFF ;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
  }
  .pagination > li > a:hover,
  .pagination > li > span:hover,
  .pagination > li > a:focus,
  .pagination > li > span:focus {
    z-index: 2;
    color: #00CCFF;
    background-color: #eeeeee;
    border-color: #ddd;
  }
  .pagination > li:first-child > a,
  .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .pagination > li:last-child > a,
  .pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .pagination > .active > a,
  .pagination > .active > span,
  .pagination > .active > a:hover,
  .pagination > .active > span:hover,
  .pagination > .active > a:focus,
  .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #00CCFF;
    border-color: #00CCFF;
  }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #777777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
  }
  .pagination-lg > li > a,
  .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
  }
  .pagination-lg > li:first-child > a,
  .pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .pagination-lg > li:last-child > a,
  .pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .pagination-sm > li > a,
  .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
  }
  .pagination-sm > li:first-child > a,
  .pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .pagination-sm > li:last-child > a,
  .pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }