@charset "utf-8";
/* CSS Document */
body,div,ul,li,h1,h2,h3,h4,h5,h6,img,input,form,dl,dd,span,strong,p,em{margin:0 auto; padding:0;}
body,html{height:100%;}
img{ border:0;}
ul, li{ list-style-type:none;}
a{transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s;}
a,a:hover{ text-decoration:none; color:#3f3f3f;}
body{font-family: "Microsoft YaHei"; font-size:14px; color:#3f3f3f; overflow-x:hidden; }
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.hiddle{display:none;}
.middle{max-width:1200px;width:90%;margin:0 auto;}
input,textarea{outline:none;}
input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid{box-shadow: none;}
i,em{ font-style:normal;}
@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot'); /* IE9*/
  src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before,*:after { -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}

  
.ind_banner_box .banner_img_box {
  transform: scale(1.5);
  transition: all .5s ease-in-out; }
  .ind_banner_box .banner_img_box .banner_text_img_box {
    transform: translate(-50%, -50%) scale(1.25);
    opacity: 0;
    transition: all 0s ease; }

.ind_banner_box .active .banner_img_box {
  transform: scale(1);
  transition: all 0s ease; }
  .ind_banner_box .active .banner_img_box .banner_img {
    transform: scale(1);
    transition: all 3s ease; }
.ind_banner_box .active .banner_img_box .banner_text_img_box {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  transition: all .3s ease;
}
.ind_banner_box .swiper-pagination{
  bottom:4vh;
  width:100%;
  text-align:center;
}
.ind_banner_box .swiper-pagination-bullet{
  width:5px;
  height:5px;
  background:#fff;
  opacity:.4;
  position:relative;
  outline:none;
}
.ind_banner_box .swiper-pagination-bullet+.swiper-pagination-bullet{
  margin-left:57px;
}
.ind_banner_box .swiper-pagination-bullet:before{
  content:"";
  position:absolute;
  width:41px;
  height:3px;
  background:url(../images/banner_dot.png) no-repeat center center;
  left:-49px;
  top:1px;
}
.ind_banner_box .swiper-pagination-bullet:nth-of-type(1):before{
  display:none;
}
.ind_banner_box .swiper-pagination-bullet:after{
  content:"";
  width:15px;
  height:15px;
  border:solid 1px #fff;
  position:absolute;
  top:-5px;
  left:-5px;
  transform:rotate(45deg);
}
.ind_banner_box .swiper-pagination-bullet-active{
  opacity:1;
  background:#f75827;
}
.ind_banner_box .swiper-pagination-bullet-active:before{
  opacity:.4;
}

@media (max-width:1024px){
  .banner_index{height: auto;}
  .pc_banner{display:block}
.banner_index{display: none;}
.header{background-color: rgba(0,0,0,0.85);}
.ind_banner_box{display:none;}

}

/* 底部图标 */
.m_bot_fix{
  display:none;
}

.change_qq_way{
  font-size:12px;
  color:#fff;
  text-align:right;
  margin-top:10px;
}

@media screen and (max-width:767px){
  .home_header{
    background:rgba(0,0,0,0);
    transition:background-color .35s;
  }
  .home_header.active{
    background:rgba(0,0,0,.85);
  }
  .home_header.headerh{
    background:#000;
  }
  .top_fh{
    display:none !important;
  }
  .m_bot_height{
    height:10px;
  }
  .m_bot_fix.hm_bot_fix{
    bottom:-80px;
  }
  .m_bot_fix{
    display:block;
    position:fixed;
    left:0;
    bottom:0;
    z-index:10000;
    width:100%;
    border-top:solid 1px #dfdfdf;
    background:#fff;
    transition:all .35s;
  }
  .m_bot_fix ul{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
  }
  .m_bot_fix ul li{
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
  }
  .m_bot_fix ul li a{
    height:60px;
    color:#333;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-align-items:center;
    align-items:center;
    -webkit-flex-direction:column;
    flex-direction:column;
    position:relative;
  }
  .m_bot_fix ul li:not(:nth-last-of-type(1)) a:after{
    content:"";
    position:absolute;
    width:1px;
    height:30px;
    background:#dfdfdf;
    top:50%;
    right:0;
    transform:translateY(-50%);
  }
  .m_bot_fix ul li a span{
    height:24px;
    position:relative;
  }
  .m_bot_fix ul li a span em{
    position:absolute;
    top:-4px;
    right:-10px;
    width:16px;
    height:16px;
    line-height:16px;
    border-radius:50%;
    background:#ff3600;
    text-align:center;
    font-size:12px;
    color:#fff;
    font-family:arial;
    animation:ballShow 1.2s cubic-bezier(.43,.2,.02,1) infinite;
  }
  .m_bot_fix ul li a span .iconfont{
    font-size:20px;
  }
  .m_bot_fix ul li a p{
    font-size:13px;
  }

  @keyframes ballShow{
    0%{
      opacity:0;
    }
    100%{
      opacity:1;
    }
  }

  /* banner */
  .swiper-container.banner{
    margin-top:0 !important;
  }
  .swiper-container.banner .swiper-slide{
    /*height:calc(100vw * 420 / 750) !important;*/
    height:100vh !important;
    overflow:hidden;
  }
  .swiper-container.banner .swiper-slide .swiper_img{
    height:100vh;
    transform:scale(1.25);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
  }
  .swiper-container.banner .swiper-slide-active .swiper_img{
    transform:scale(1);
    transition:all 2s;
  }
  .swiper-container.banner .banner_mouse{
    position:absolute;
    width:30px;
    bottom:calc(20px + 4vh);
    left:50%;
    margin-left:-15px;
    z-index:5;
  }
  .swiper-container.banner .banner_mouse img{
    display:block;
    width:100%;
    -webkit-animation: start 2s infinite ease-in-out;
    -moz-animation: start 2s infinite ease-in-out;
    -o-animation: start 2s infinite ease-in-out;
    animation: start 2s infinite ease-in-out;
  }
  @-webkit-keyframes start {
    0%,30% {opacity: 0;-webkit-transform: translate(0,-20px);}
    60% {opacity: 1;-webkit-transform: translate(0,0);}
    100% {opacity: 0;-webkit-transform: translate(0,20px);}
  }
  @-moz-keyframes start {
    0%,30% {opacity: 0;-moz-transform: translate(0,-20px);}
    60% {opacity: 1;-moz-transform: translate(0,0);}
    100% {opacity: 0;-moz-transform: translate(0,20px);}
  }
  @-o-keyframes start{
    0%,30%{opacity:0;-o-transform:translate(0,-20px);}
    60%{opacity:1;-o-transform:translate(0,0);}
    100%{opacity:0;-o-transform:translate(0,20px);}
  }
  @keyframes start {
    0%,30% {opacity: 0;transform: translate(0,-20px);}
    60% {opacity: 1;transform: translate(0,0);}
    100% {opacity: 0;transform: translate(0,20px);}
  }

  /* 关于我们 */
  .xabout_p2fl .xabout_p2flzy{
    right:18% !important;
  }
  .xabout_p2fl .xabout_p1fl_text{
    left:14% !important;
  }
  .xabout_p3 .xabout_p2fl .xabout_p1fl_text{
    left:35% !important;
  }
  .xabout_p3 .xabout_p2fl .xabout_p2flzy{
    left:17% !important;
  }



}

@media screen and (min-width:1025px){
  *{
    margin:0;
  }
  /* header */
  .header{
    background:rgba(0,0,0,.85);
  }
  .header .middle{
    height:80px;
    width:1200px;
    max-width:none;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-align-items:center;
    align-items:center;
    -webkit-justify-content:space-between;
    justify-content:space-between;
  }
  .header .logo{
    margin:0;
    height:50px;
    background-size:contain;
  }
  .header .m_nav{
    margin:0;
    width:auto;
  }
  .header .top{
    margin:0;
  }
  .header .top1{
    margin-top:0;
  }
  .header .top1,
  .header .top2{
    font-size:14px;
    float:none;
  }
  .header .top2{
    margin-top:5px;
  }
  .header .top ~ .clear{
    display:none;
  }
  .header #example-one{
    padding-bottom:0;
  }
  .header #example-one a:hover{
    color:#ff3600;
  }

  /* banner */
  .ind_banner_box{
    margin-top:80px;
    height:calc(100vh - 80px);
  }
  .ind_banner_box .swiper-button-white{
    display:none;
  }
  .header ~ .ny_banner,
  .header ~ .about_banner{
    margin-top:80px;
  }
  .top_fh{
    right:-200px;
    transition:right .5s;
  }
  .top_fh.inner_top_fh{
    right:0;
  }
  .top_fh li a img:nth-of-type(1){
    max-height:100%;
  }
  .index_p4{
    background:url(../images/index1101.jpg) no-repeat center center;
    background-size:cover;
  }
  .index_p4_img>img{
    display:none !important;
  }

  /* 列表翻页 */
  .fy li.pagspan1 a,
  .fy li.active a{
    border-color:#ff3600;
    color:#ff3600;
  }

  



}