﻿@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;}

/*header*/
.header{ position:fixed;top:0;left:0; background:rgba(0,0,0,0.49);;width:100%;z-index:99;}
.logo{ background:url(../images/logo_whi.png) left center no-repeat;width:168px;height:60px;float:left;overflow:hidden;text-indent:-1000em;font-size:14px;color:#fff;margin:20px 0;}
.headerfr{float:right;width:80%;}
.top{font-size:17px;color:#fff;margin-top:15px;float:right;}
.top p{float:left;}
.top1{height:20px; background:url(../images/index_ico_01.png) left center no-repeat; background-size:20px 20px;padding-left:25px;line-height:20px;margin-right:8px;color:#ff3600;margin-top:2px;}
.top2{height:20px; background:url(../images/index_ico_02.png) left center no-repeat; background-size:20px auto;padding-left:25px;line-height:20px;margin-top:2px;}
.top3{width:23px;height:23px;border:1px solid #888;border-radius:50%;display:block;line-height:21px;padding-left:2px;cursor:pointer;margin-left:15px; position:relative;}
.top3 i{font-size:17px;}
.top3 span{ position:absolute;top:30px;right:0;border:1px solid #ddd; background:#fff;z-index:1;padding:5px 5px 0 5px;display:none;}
.top3 span img{width:120px;}
.top3:hover span{display:block;}
.m_nav{overflow:hidden;float:right;width:100%;text-align:right;margin-top:18px;}
.group:after{visibility:hidden;display:block;content:"";clear:both;height:0}
#example-one{margin:0 auto;list-style:none;position:relative;padding-bottom:6px;}
#example-one li{display:inline-block;}
#example-one a{color:#fff;font-size:14px;float:left;text-decoration:none;text-transform:uppercase;padding:0 20px;}
#example-one a:hover{color:#000;}
#magic-line{position:absolute;bottom:-2px;left:0;width:100px;height:2px;background:#ff3600;display:none !important;}
.current_page_item a{color:#ff3600!important}
.ie6 #example-one li, .ie7 #example-one li{display:inline}
.ie6 #magic-line {bottom:-3px}
.top3{display: none;}
.banner_index{width: 100%;height: 100%;}
.pc_banner{display:none}
.banner_index{display: block;}


/*header*/

/*手机导航*/
.headerh{z-index:9993; background:none; box-shadow:none;height:100%;background:#000;visibility: visible;opacity: 1;-webkit-transition: -webkit-transform 0.4s,opacity 0.4s;transition: transform 0.4s,opacity 0.4s;}
.nav_nav_logo{width:100%;height:55px;margin-top:10px;padding-bottom:15px; background:url(../images/logo_whi.png) left top no-repeat; background-size:auto 40px;display:none;border-bottom:1px solid #282828}
.yd_nav{ position:fixed;top:11px;right:5%;width:30px;z-index:999;display:none;}
.yd_nav span{width:100%;height:2px; background:#ff3300;display:block;margin:7px 0;}
.yd_navbc{ position:fixed;top:0;left:0;width:100%;height:100%;z-index:9991; background:#000;}
.headerh .nav_nav_logo{display:block;}
.headerh .logo{display:none;}
.headerh .m_nav{ position:absolute;top:10%;left:0;width:100%;text-align:left;display:block;}
.headerh .nav-wrap{border:0;}
.headerh #example-one li{width:100%;padding:0 10%;}
.headerh #example-one a{display:block;width:100%;float:inherit;color:#fff;font-size:15px;border-bottom:1px solid #282828;padding:15px 0;}
.headerh .current_page_item a{color:#a5a5a5 !important;}
.headerhx{ position:absolute;top:0;right:5%;color:#fff;font-size:40px;display:none;}
.headerh .yd_nav{display:none;}
.headerh .headerhx{display:block;}
/*手机导航*/

/*footer*/
.yqlj{overflow:hidden;background:#232323;border-top:8px solid #ff3600;border-bottom:1px solid #1c1c1c;padding:20px 0; font-size:12px;position:relative;z-index:9;}
.yqljfl{float:left;width:8%;text-align:center;color:#666;line-height:25px;}
.maquee{width:92%;float:left;font-size:12px;color:#4f4f4f;height:25px;line-height:25px;overflow:hidden;font-size:12px;}
.maquee a{color:#4f4f4f;margin-right:15px;}
.maquee a:hover{color:#fff;}
.maquee{ overflow-y:scroll;}
.maquee::-webkit-scrollbar{width: 4px;height: 4px;}
.maquee::-webkit-scrollbar-button {display: none;}
.maquee::-webkit-scrollbar-track {display:none;}
.maquee::-webkit-scrollbar-track-piece{background:rgba(204,204,204,0.1);}
.maquee::-webkit-scrollbar-thumb{background:rgba(204,204,204,0.2);}
.maquee::-webkit-scrollbar-corner{background: #ffffff;}

.foot{overflow:hidden; background:#232323;padding-bottom:30px;position:relative;z-index:9;}
.foot .middle,.yqlj .middle{width:1000px;overflow:hidden;}
.footfl{float:left;width:70%;text-align:center;font-size:12px;color:#4f4f4f;line-height:24px;color:#888;}
.footfl a{color:#888;}
.footfl_b{display:block;font-size:22px;color:#a7a7a7;line-height:50px;padding-top:50px;padding-bottom:10px;font-weight:bold;}
.footfr{float:right;width:30%;text-align:center;overflow:hidden;padding-top:20px;}
.footfr p{display:block;width:50%;float:left;}
.footfr p img{width:80%;}
.footfr p span{display:block;font-size:12px;color:#fff;line-height:24px;}
/*footer*/


.top_fh {width:54px; height:224px; position:fixed; right:0; top:70%; margin-top:-112px; z-index:10000; display:none}
.top_fh li { width:54px; height:54px; float:left; position:relative; margin-top:2px; background:#656565}
.top_fh li a {line-height:54px; font-size:14px; color:#fff; display:block; height:54px; width:54px !important; position:absolute; right:0; top:0; overflow:hidden;}
.top_fh li a img { float:right;max-width:100%;}
.top_fh li:hover { background:#ff3300 !important;transition:all 0.5s;}
.top_fh li a:hover { background:#ff3300 !important;transition:all 0.5s;width:175px !important;}



/* 新PCbanner */
.ind_banner_box {
		/*height: 100vh;*/
		height:calc(100vw * 1080 / 1920);
		max-height:100vh;
	}
	.ind_banner_box .swiper-container {
		height: 100%;
	}
	.banner_img_box {
	  width: 100%;
	  height: 100%;
	  position: relative;
	}
	.banner_img_box .banner_img {
		width: 100%;
	    height: 100%;
	    background-position: center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    transform: scale(1.2);
	}

  .banner_img_box .banner_text_img_box {
    width: 35.833%;
    position: absolute;
    left: 54%;
    top: 49.5%;
    transform: translate(-50%, -50%); }
    .banner_img_box .banner_text_img_box img {
      width: 100%;
      display: block; }


.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; }

@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){
  .top_fh{
    display:none !important;
  }
  .m_bot_height{
    height:10px;
  }
  .m_bot_fix{
    display:block;
    position:fixed;
    left:0;
    bottom:0;
    z-index:10000;
    width:100%;
    border-top:solid 1px #dfdfdf;
    background:#fff;
  }
  .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 .swiper-slide{
    height:calc(100vw * 420 / 750) !important;
  }

  /* 关于我们 */
  .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;
  }



}


