body{background: #000;}
.g-adv {width: 100%;  position:relative;}
.g-adv img{ width:100%; display: block;}
.g-adv .swiper-pagination{bottom: 0.5rem; z-index: 1}
.g-adv .swiper-pagination .swiper-pagination-bullet{ background: #666; opacity: 1; width: 1rem; height: 1rem; margin:0rem 0.5rem !important; position: relative;}
.g-adv .swiper-pagination .swiper-pagination-bullet-active{ background-color: #0891e1 !important; }

.tit01{text-align: center; font-weight: bold;  font-family: "Microsoft YaHei";font-size: 2rem; color: #1f1f1f; display: block; box-sizing: border-box;  margin-bottom: 1.5rem;}
.tit01 a{color: #1f1f1f;}
.tit01 i{color: #d72718;}
.tit01 em{text-align: center; font-family: "Microsoft YaHei";font-size: 1rem; color: #575757; display: block; font-weight: normal;}

.yy{ width: 96.875%;margin: 0.7rem auto 0; height: 7.5rem; background: #0891e1;}
.yy ul{width: 100%;clear:both; overflow: hidden;}
.yy li{width: 25%; float: left; text-align: center;height: 7.5rem;padding-top: 1.5rem; position: relative; box-sizing: border-box; }
.yy li b{font-size: 2.5rem; color: #fff; font-weight: bold; font-family: "Arial";}
.yy li i{ font-size: 0.9rem; color: #fff; font-weight: bold; }
.yy li p{ font-size: 1.1rem; color: #ffffff; font-weight: bold; }
.yy li:after{content:'+';position:absolute;height:1rem;width:1rem; line-height: 1rem; top:2rem; color: #fff; font-weight: normal; font-size: 1.2rem;}
.yy li:nth-child(1){ background: #0074c6;  }
.yy li:nth-child(3){ background: #0074c6; }
.yy li:nth-child(1):after{right:1.5rem; }
.yy li:nth-child(2):after{ right:1.9rem; }
.yy li:nth-child(3):after{ right:1.9rem; }
.yy li:nth-child(4):after{  font-size: 0;width: 0; }
/* 产品*/
.pro {position: relative;width:93.75%;margin:0 auto; }
.pro_nav { clear: both;overflow: hidden;}
.pro_nav li{ background: #343434; border-right:1px solid #454240; text-align: center; box-sizing: border-box; white-space: nowrap; font-size: 1.2rem; box-sizing: border-box; font-weight: normal;color: #ffffff; height: 3.8rem; line-height: 3.8rem; width: 33.333%; float:left;}
.pro_nav li:nth-child(3n){border-right:0;}
.pro_nav li a{color:#fff}
.pro_nav li.cur{ background: #d72718; }


/**/
.pro_bj{padding:4rem 0 0rem; background:#fff; background-size: 100%; font-family: "Microsoft Yahei";box-sizing: border-box;}
.pro_bj h2{ margin-bottom: 1.4rem;}
.pro{position: relative;width:93.75%;margin:0 auto; overflow: hidden; }
.pro ul{width:100%;}
.pro li{ height: 3.25rem; line-height: 3.25rem; margin-right:2.5%; width:31.66%;float: left; position:relative;overflow: hidden;margin-bottom: 0.75rem; background:#e6e6e6; text-align: center; font-size: 1.2rem; color: #222222;border-radius: 0.8rem; }
.pro li:nth-child(3n){margin-right: 0;}
.pro li a{  text-decoration: none; color: #222222; display: block; }
.pro li:nth-child(1){ background: #0891e1;}
.pro li:nth-child(1) a{ color: #fff; }
.m_pro{ width: 87.5%;margin:1.5rem auto 0; }
.pro_cnt{width: 100%; overflow: hidden;}
.m_pro dl{ width: 100%; margin:0 auto;}
.m_pro dt{width: 100%; border:0.1rem solid #f2f2f2; box-sizing: border-box;}
.m_pro dt img{display:block; width:100%;}
.m_pro dd{width:100%; background: #f2f2f2; padding:1rem 3.33% 0; height: 13.2rem; position: relative; box-sizing: border-box; }
.m_pro dd h3{ text-align: center; height:2.2rem; font-size: 1.5rem; color: #333333; font-weight: normal; margin-bottom: 0.5rem;}
.m_pro dd h3 a{color: #333;}
.m_pro dd p{ font-size:1.1rem; height: 4rem; line-height:1.5rem; color:#666666; text-align: center; position: relative;}
.m_pro dd span a{width: 9.3rem; height: 2.7rem; line-height: 2.7rem; text-align: center;color: #fff; margin:0 auto; background: #0891e1; display: block; font-size: 1.2rem;}
/**/
.xgg{padding-top: 5.6rem;padding-left: 41.25%; height: 17.2rem; background:url(../images/xgg.jpg) no-repeat; background-size:100% 100%; box-sizing: border-box;}
.xgg h3{font-size: 1.6rem; color: #fff; font-weight: bold; margin-bottom: 0.5rem;}
.xgg h3 b{display: block;}
.xgg p{font-size: 1.2rem;color: #fff; font-weight: normal;padding-left: 2.2rem; background: url(../images/ggtel.png) no-repeat left 0.3rem;background-size: 1.7rem 1rem;}
.xgg p span{font-size: 1.5rem; color: #0891e1; font-weight: normal; font-family: "Arial"; margin-left: 0.5rem;}
/**/
.xz{ padding:3rem 0 0rem;background:#fff;}
.xz h2{ margin-bottom: 1.5rem;}
.xz dl{ width: 93.75%; margin:0 auto;}
.xz dt{width: 100%;}
.xz dt img{display:block; width:100%;}
.xz dd{width:100%; background: #f2f2f2; padding:1rem 3.33% 0; height: 13.2rem; position: relative; box-sizing: border-box; }
.xz dd h3{padding-left: 4.2rem; background:url(../images/01.png) no-repeat; background-size:27.8rem 2.2rem;  overflow:hidden;height:2.2rem; font-size: 1.5rem; color: #222222; font-weight: bold; margin-bottom: 1rem;}
.xz dd p{ font-size:1.1rem; line-height:1.5rem; color:#333333; text-align: left; position: relative;padding-left: 1rem;}
.xz dd p:before{content: "";width:0.3rem;height: 0.3rem; background: #0891e1;position: absolute;top:0.6rem;left:0.3rem;border-radius: 100%; }
.xz dd p i{ font-weight: bold; color: #ff0101; }
.arr{  position:relative; margin-top:0rem;z-index:1;}
.arr .swiper-pagination{ width:100%; margin-top:-3rem;}
.arr .swiper-pagination-bullet{ width:1.15rem; height: 1.15rem;margin:0 0.6rem !important; background: #bfbfbf;opacity: 1;}
.arr .swiper-pagination-bullet-active{ background: #0891e1; }

.xz .dl1 dd h3{background:url(../images/01.png) no-repeat; background-size:27.8rem 2.2rem;}
.xz .dl2 dd h3{background:url(../images/02.png) no-repeat;background-size:27.8rem 2.2rem;}
.xz .dl3 dd h3{background:url(../images/03.png) no-repeat;background-size:27.8rem 2.2rem;}
.xz .dl4 dd h3{background:url(../images/04.png) no-repeat;background-size:27.8rem 2.2rem;}
.xz .dl5 dd h3{background:url(../images/05.png) no-repeat;background-size:27.8rem 2.2rem;}
.xz .dl6 dd h3{background:url(../images/06.png) no-repeat;background-size:27.8rem 2.2rem;}

/**/
.jz_bj{ background:#f1f1f1;padding:3.4rem 0 3rem;  font-family:"Microsoft Yahei"; box-sizing: border-box;}
.jz h2{width: 47.86%;height: 4.8rem;margin:0 auto 1.4rem;}
.jz h2 img{width:100%;display: block;}
.jz{  width: 93.75%;margin:0 auto;overflow: hidden;position: relative;}

.jz dl{width: 100%;overflow: hidden;height: 13.75rem; background-color: #fff; box-shadow: 0 0 0.5rem #ccc;}
.jz dt{ width:50%; float: left;  }
.jz dt img{width: 100%;display: block;}
.jz dd{width: 50%; float: left;padding:1rem 3% 0; position: relative;  box-sizing: border-box;}
.jz dd h3{font-size: 1.3rem; font-weight:bold; margin-bottom:0.5rem; color: #222222; font-weight: bold; }
.jz dd h3 a{color:#222222;}
.jz dd p{margin-bottom:0.5rem; color:#888888; font-size: 1.1rem;line-height: 1.5rem; text-align: justify;  overflow: hidden; }
.jz dd span a{ background: url(../images/jzmore.gif) no-repeat;width: 6.5rem; float: left; height: 2rem; line-height: 2rem;text-align: center; display: block; font-size: 1rem;color: #ffffff; background-size: 100% 100%;}

.jz .page{ text-align: center; display: block;margin-top: 2rem; }
.jz .page .swiper-pagination-bullet{width:1.15rem; height: 1.15rem;margin:0 0.6rem !important; background: #bfbfbf; opacity: 1;}
.jz .page .swiper-pagination-bullet-active{ background: #0891e1; }

/*资讯*/
.g_zx{padding-top: 3rem; clear: both;overflow: hidden;}
.g_zx .swiper-slide{width: 100%;}
.g_zx h2{margin-bottom: 1.5rem;}
.g_zx { width: 93.75%;margin:0 auto;}
.g_zx .newtit{position: relative;height: 3.25rem;border:1px solid #f2f2f2; border-radius:2rem; overflow: hidden; width: 99%;margin-bottom: 1.5rem; }
.g_zx .newtit a{ display: block; position: relative; float: left; width: 50%;  height: 3.25rem;line-height: 3.25rem;font-weight: normal; font-size: 1.5rem;color: #222222;text-align: center;}


.g_zx .newtit a.active{background:#0891e1; color: #fff;}

.g_zx .js-swiper-tab-news{}
.g_zx dl{margin: 0 3.125%;height: 4.7rem;border: 1px solid #ebebeb;margin-bottom: 1rem;padding: 1.3rem 3% 0;}
.g_zx dt{height: 2rem;line-height: 2rem;font-size: 1.2rem;color: #333333;overflow: hidden;}
.g_zx dt em{font-size: 1rem;color: #aaaaaa;font-style: italic;padding-right: 2%;}
.g_zx dd{height: 2rem;line-height: 2rem;overflow: hidden;font-size: 1rem;color: #888888;}
.g_zx dt a{color: #333333;}
.g_zx .more{width: 16.7rem;height: 3rem; line-height: 3rem; color: #fff; font-size: 1.2rem; color: #ffffff; text-align: center; display: block;background: #0891e1;margin:2rem auto 0;}

/*走进*/
.abt_bj{ position: relative; background:#fff; width: 100%;padding:3rem 0 4rem; font-family:"Microsoft Yahei";}
.about{width:93.75%;margin:0 auto;}
.about  img{width: 100%; display: block;}


/*开屏秀*/
html{ background:#f7f7f7;}
.wrap{ opacity:0;}
.loading{position:fixed;width:100%;height:100%; top:0; z-index:51; display:none; max-width:640px; min-width:320px; z-index:99999;}
.loading img{ display:none;}
.loading #showNext{ line-height:1.8rem; display:none; color:#fff; border:0.05rem solid #fff; border-radius:5%; padding-left:1rem; padding-right:1rem; text-align:center; position:absolute; right:1rem; top:1rem; z-index:99;}
.homeShow{ animation: fade 0.8s ease both;-webkit-animation: fade 0.8s ease both; }
@-webkit-keyframes fade {
  from 
  {
   opacity:1;
   display:block;
   
  }

  to {
    opacity: 0;
    display:none;
    height:0;
   
  }
}

@keyframes fade {
  from{
    opacity: 1;
   display:block;
  }

  to 
  {
    display:none;
    opacity: 0;
    height:0;
  }
}

.fade {
  -webkit-animation-name: fade;
  animation-name: fade;
}
html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:    10px;}}
@media screen and (min-width:360px){html{font-size: 11.25px;}}
@media screen and (min-width:375px){html{font-size: 11.7px;}}
@media screen and (min-width:384px){html{font-size: 12px;}}
@media screen and (min-width:480px){html{font-size:    15px;}}
@media screen and (min-width:414px){html{font-size:  13px;}}
@media screen and (min-width:560px){html{font-size:  17.5px;}}
@media screen and (min-width:640px){html{font-size:    20px;}}