body{background: #fff;}
.g-adv {width: 100%;  position:relative;}
.g-adv img{ width:100%; display: block;}
.g-adv .swiper-pagination{bottom: 0.5rem !important; z-index: 1}
.g-adv .swiper-pagination .swiper-pagination-bullet{width: 1rem; height: 1rem; margin:0.9rem 0.3rem !important;background-color: #fff; opacity: 1; position: relative;}
.g-adv .swiper-pagination .swiper-pagination-bullet-active{ background-color: #a00000; }

.tit01{font-size: 3.5rem; text-align: center; font-family: "Microsoft YaHei";color: #0c110d;font-weight:bold; }
.tit01 a{color: #0c110d; }
.tit01 i{color: #b10000;}
.tit01 span{font-size: 1.2rem;color: #282828;  font-weight: normal;  display:block;font-family:"Microsoft Yahei";  }
.tit01 em{opacity: 0.3;color: #0c110d;font-size: 0.4rem; font-family: "Times New Roman";  display: block;}
.fl{float: left;}
.fr{float: right;}

.yy_bj{  padding: 2.2rem 0 3rem;  background:#fff; clear: both;overflow: hidden; box-sizing: border-box;  font-family:"Microsoft Yahei"; }
.yy{width: 93.75%; margin:0 auto;}
.yy h2{font-size: 2.75rem; color: #282828; font-weight: bold;}
.yy p{font-size: 1rem; color: #4c4b4b; line-height: 1.5rem;margin: 0.5rem 0;}
.yy p b{color: #a00000; font-weight: bold;}
.yy .yy_en{font-size: 0.4rem; color: #b9b9b9; line-height: 0.7rem;font-family: "Times New Roman";margin-bottom: 0.8rem; display: block; }
.yy ul{height: 14.45rem;background:url(../images/szbg.jpg) no-repeat center top; background-size: 100% 100%; }
.yy li{width: 50%; float: left; height: 6.45rem;text-align: center;padding-top: 2rem; box-sizing: border-box; position: relative;}
.yy li em{font-size: 3rem; color: #282828; font-weight: bold; height: 2.5rem; line-height: 2rem;height: 2rem;}
.yy li i {width:1.3rem;height:1.3rem; line-height: 1.3rem; display: block;border-radius: 100%; font-size: 0.7rem; background: #a00000; color: #fff; position: absolute;top:2.8rem; }
.yy li h3{font-size: 1rem; color: #6b6b6b; font-weight: normal; line-height: 2rem; }
.yy li:nth-child(1) i{right:12%;}
.yy li:nth-child(2) i{right:24%;}
.yy li:nth-child(3) i{right:24%;}
.yy li:nth-child(4) i{right:12%;}


/* 产品*/
.pro_bj{background: url(../images/bg.jpg) repeat-y center top;background-size: 100% 2.9rem;  padding: 2.5rem 0 3.6rem;  font-family: "Microsoft Yahei";box-sizing: border-box;}
.pro_bj .tit01{margin-bottom: 1.5rem;}
.pro {width: 93.75%;margin:0 auto;}
.cptit{width:100%; margin-bottom: 1.5rem;overflow: hidden; clear: both;}
.cptit h3{width:100%;font-size: 1.2rem; background: url(../images/h3bg.jpg) no-repeat center top;background-size: 100%; color: #ffffff; height: 3.4rem; line-height: 3.4rem;padding-left: 1.4rem;box-sizing: border-box; margin-bottom: 0.1rem;}
.cptit h3 a{color: #ffffff; }
.cptit ul{overflow: hidden; clear: both;padding:0.5rem 0;}
.cptit ul li{width: 25%; float: left;font-size: 1rem; color: #262626; height: 2.2rem; line-height: 2.2rem; text-align: center;}
.cptit h3.cur{background: url(../images/h3bgcur.jpg) no-repeat center top;background-size: 100%;}
.cptit li.cur{ font-weight: bold; color: #b10000; }

.m_pro{position: relative;}
.m_pro ul{width: 100%; clear: both;overflow: hidden;}
.m_pro ul li{width: 47.16%;margin-right: 5.66%;  float: left;box-sizing: border-box;}
.m_pro ul li img{width: 100%; display: block;}
.m_pro ul li span{ box-sizing: border-box;display: block; text-align: center; height: 3.2rem; line-height: 3.2rem; font-size: 1.2rem; color: #262626; font-weight: normal;  }
.m_pro ul li:nth-child(2n){margin-right:0;}
.m_pro .more{height: 3.4rem; width: 100%;background:url(../images/more.jpg) no-repeat center top; background-size: 100% 100%; line-height: 3.4rem; display: block; color: #fff; font-size: 1.2rem;padding-left: 11.2rem;box-sizing: border-box; }



/**/
.jg_bj{ background:url(../images/jgbg.jpg) no-repeat center top; background-size: 100% 100%; padding-top:2.5rem;padding-bottom: 3rem; overflow: hidden; font-family:"Microsoft Yahei";box-sizing: border-box; }
.jg_bj h2{ margin-bottom: 1.5rem; color: #fff; }
.jg_bj h2 a{color: #fff;}
.jg_bj h2 span{ color: #fff; }
.jg_bj h2 em{color: #fff; opacity: 0.2;}
.m_jg{width: 93.75%;margin:0 auto;}
.sb_scroll{width: 100%;overflow: hidden; position: relative;}
.sb_scroll img{width: 100%; display: block;}
.sb_scroll .swiper-pagination{bottom: 0rem !important; z-index: 1}
.sb_scroll .swiper-pagination .swiper-pagination-bullet{width: 1rem; height: 1rem; margin:0.9rem 0.3rem !important;background-color: #fff; opacity: 1; position: relative;border-radius:100%;}
.sb_scroll .swiper-pagination .swiper-pagination-bullet-active{ background-color: #b10000; }
.m_jg dd{font-size: 1rem; color: #fff;padding-top: 1.2rem; font-weight: normal;opacity: 0.5; position: relative; line-height: 1.5rem;margin-bottom: 2.2rem;}
.m_jg dd p{margin-bottom: 1rem;}

.m_ly{}
.m_ly h3{ width: 100%; position: relative; height: 2.15rem;margin-bottom: 2rem; }
.m_ly h3:before{content: "";width: 25%; height: 1px; position: absolute;left:0;top:1.05rem;background:#929292;}
.m_ly h3:after{content: "";width: 25%; height: 1px; position: absolute;right:0;top:1.05rem;background:#929292;}
.m_ly h3 span{display: block;margin:0 auto;width: 245px; height: 2.15rem; border-radius: 1rem; background: #b10000; color: #fff; text-align: center; line-height: 2.15rem; font-size:1.2rem; font-weight: normal;}
.m_ly ul{width: 93.75%;margin:0 auto;}
.m_ly li{width: 20.83%; margin-right: 5.33%; float: left; margin-bottom: 1rem;}
.m_ly li:nth-child(4n){margin-right: 0;}
.m_ly li img{width: 100%; border-radius: 100%;}
.m_ly li span{padding-top: 1rem; font-size: 1.2rem; color: #ffffff; display: block; text-align: center; }
.m_ly li span em{display: block; font-size: 0.45rem; color: #fff;opacity: 0.2; font-family: "Times New Roman","Arial"; white-space: nowrap; line-height: 1rem;}

/**/
.casebj{ box-sizing: border-box; background: url(../images/bg.jpg) repeat-y center top;background-size: 100% 2.9rem;  padding:3rem 0 3.5rem; overflow: hidden; font-family:"Microsoft Yahei";}
.casebj h2{margin-bottom: 1.5rem;}

.case{width: 93.75%;margin:0 auto;box-sizing: border-box; clear: both;}

.case_sml{width: 100%; overflow: hidden; height: 5.7rem; background: #fff; margin-bottom: 1.1rem; position: relative;padding:0 0.5rem;box-sizing: border-box; }
.case_sml i{margin-top: 0.7rem; width: 30%; float: left;height: 4.6rem;margin-right: 0;}
.case_sml i img{width: 100%; display: block;border-right: 1px solid #d9d9d9;box-sizing: border-box; }
.case_sml i.swiper-slide-thumb-active img{border:1px solid #b10000; }

.case_l{width: 1.2rem; height: 1.2rem; display: block;position: absolute; left:-0.6rem;top:-4.5rem;background: url(../images/prev1.png) no-repeat; background-size: 100%; z-index: 3}
.case_r{width: 1.2rem; height: 1.2rem; display: block;position: absolute; right:-0.6rem;top:-4.5rem;background: url(../images/next1.png) no-repeat;background-size: 100%;z-index: 3}


.case .m_case{width:100%; position: relative;margin-bottom: 1.2rem;  }
.case .m_case dl{width:100%;overflow: hidden; margin:0 auto;}
.case .m_case dl dt,.m_case dl dt img{width: 100%;display: block;}
.case .m_case dl dd{ text-align: left;width: 100%; padding:1rem 2rem 2rem; box-sizing: border-box; position: relative; background: #fff;}
.case .m_case dl dd h3{white-space: nowrap;text-overflow: ellipsis;overflow: hidden; font-size: 1.8rem; line-height: 1.8rem; color: #2d2d2d; font-weight:  normal;  position: relative;margin-bottom:0.5rem;  }
.case .m_case dl dd h3 a{color: #2d2d2d;}
.case .m_case dl dd p{line-height: 1.2rem;overflow: hidden; font-size:1rem;color: #616360;text-align: left;height: 5rem;}
.case_cp{ clear: both;overflow: hidden; }
.case_cp h4{ width: 100%; position: relative; height: 1.4rem;margin-bottom: 1.8rem; color: #616360; text-align: center; font-size: 1rem; }
.case_cp h4:before{content: "";width: 36.7%; height: 1px; position: absolute;left:0;top:0.7rem;background:#cecfcf;}
.case_cp h4:after{content: "";width: 36.7%; height: 1px; position: absolute;right:0;top:0.7rem;background:#cecfcf;}
.case_cp li{width: 49%;float: left; margin-right: 2%;}
.case_cp li img{display: block; width: 100%;}
.case_cp li:last-child{margin-right: 0;}


/**/
.xz{ padding:3rem 0 7rem; background:url(../images/jgbg.jpg) no-repeat center top; background-size: 100% 100%;  position: relative;}
.xz h2{ margin-bottom: 1.5rem; color: #fff; }
.xz h2 a{color: #fff;}
.xz h2 span{ color: #fff; }
.xz h2 em{color: #fff; opacity: 0.2;}
.xz .tabs2{width:93.75%;margin:0 auto 1rem; height:2.5rem; position:relative; z-index:0;}
.xz .tabs2 a{display:block;height:2.5rem; line-height: 2.5rem;  text-align:center;font-size:1.1rem; color:#ffffff; box-sizing: border-box;width:23.66%;border-radius: 0.2rem; display:block;overflow:hidden;float:left;  background:rgba(255,255,255,0.3);margin-right: 1.66%; }
.xz .tabs2 a:nth-child(4){margin-right: 0;}

.xz .tabs2 .active{ background:#b10000;  color:#fff;}



.xz dl{ width:93.75%; margin:0 auto; }
.xz dt img{display:block; width:100%;}
.xz dd{padding: 1.5rem 0 0; position: relative; z-index: 1;}
.xz dd i{ height: 3.1rem; width: 3.1rem; line-height: 3.1rem;  display: block;float: left; font-size: 2.4rem;color: #fff;float: left;font-family: "Arial";font-weight: bold; border-radius: 0.4rem; background: #b10000; text-align: center; margin-right: 1rem; }
.xz dd h3{width: 84%; height: 3.1rem; margin-bottom: 1rem; font-size:1.9rem; color:#ffffff; font-weight:normal; position: relative;float: left; line-height: 3.1rem;}
.xz dd p{ font-size:1rem; line-height:1.2rem; color:#fff; margin-bottom: 1rem; clear: both; overflow: hidden;padding-left: 1.5rem; position: relative; opacity: 0.4;}
.xz dd p:before{content: "";position: absolute;top:0.3rem;left:0;width: 0.4rem; height: 0.4rem; border-radius: 100%; background: url(../images/ysico.gif); background-size: 0.4rem;}
.xz .swiper-pagination{bottom: 4rem !important; z-index: 1;background: url(../images/ysline.gif) no-repeat center 1.2rem; background-size: 30rem 1px;}
.xz .swiper-pagination .swiper-pagination-bullet{width: 1rem; height: 1rem; margin:0.9rem 0.3rem !important;background-color: #fff; opacity: 1; position: relative;border-radius:100%;}
.xz .swiper-pagination .swiper-pagination-bullet-active{ background-color: #b10000; }

/*新闻*/
.g-news{ padding:3rem 0 3rem; background: #fff;}
.g-news h2{margin-bottom: 2.3rem;}
.news1{margin-bottom: 1.5rem;}
.dl01{ width:93.75%; margin:0 auto 1rem; background: #fff;}
.dl01 dt{ width:32.6%; float:left; overflow: hidden;}
.dl01 dt img{ display:block; width:100%;}
.dl01 dd{ width:63.33%; float:right; padding:0 2% 0 0;box-sizing: border-box;}
.dl01 dd h3{ font-size:1.2rem; color:#26221e; font-weight: bold; line-height:2rem; height:2rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dl01 dd p{ font-size:1rem; line-height:1.2rem; color:#6f6f6f; margin-bottom:0.5rem;}
.dl01 dd em{ border-top: 0.1rem solid #cecece; height: 2.7rem; line-height: 2.7rem; font-size: 1.1rem; color: #6f6f6f; font-family: "Times New Roman"; display: block;}

.wt{width:93.75%; margin:0 auto;}
.wt h2{ font-size: 1.5rem; color: #ffffff; font-weight: bold; text-align: center;background: url(../images/wtbg.jpg) no-repeat; background-size: 100%;width: 33.16%; height: 7.85rem;padding-top: 2.2rem; box-sizing: border-box; float: left; }
.wt h2 a{color: #fff;}
.wt ul{width:63.33%; float:right; padding:0.3rem 2% 0 0;box-sizing: border-box; float: right;}
.wt ul li{ font-size:1rem; color:#6f6f6f; font-weight: normal; line-height:2.4rem; height:2.4rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wt ul li i{display: inline-block;margin-right: 0.3rem;}
.wt ul li a{color:#6f6f6f;}

/*走进*/
.xcbg{background:url(../images/xcbg.jpg) no-repeat  center top;background-size:100%;}
.g-about{padding:1.9rem 0 0;  box-sizing: border-box; }
.g-about h2{ margin-bottom: 1.5rem; color: #fff; }
.g-about h2 a{color: #fff;}
.g-about h2 span{ color: #fff; }
.g-about h2 em{color: #fff; opacity: 0.2;}

.g-about dl{width:93.75%; margin:0 auto;box-sizing: border-box;}
.g-about dl dt{width: 100%;}
.g-about dl dt img{width: 100%; display: block;}
.g-about dl dd{ padding-top: 1rem; }
.g-about dl dd h3{font-size: 1.2rem;color: #ffffff;font-weight: normal;margin-bottom: 1rem; text-align: left;}
.g-about dl dd b{color: #b10000; font-weight: normal;}
.g-about dl p{ font-size:1rem; line-height:1.2rem; color:#9a9a9a; text-align: justify;margin-bottom: 1.2rem;}




.g-xc{width:93.75%;margin:0 auto;padding-bottom: 2rem; position: relative; }
.g-xc h3{width: 100%; height: 3rem;margin:0 auto 1.6rem;box-sizing: border-box;  }
.g-xc h3 a{width:30%; height:3rem; line-height: 3rem; font-size: 1rem; color: #fff; display: block; float: left;font-weight: normal;box-sizing: border-box;padding-left: 3.7rem; background-size: 1.6rem 1.15rem; background:url(../images/xcicobg.gif) no-repeat left center; background-size: 100%;margin-right: 2%; position: relative;border-radius: 0.2rem;}
.g-xc h3 a:before{content: "";width: 2.1rem; height: 1.9rem;position: absolute;top:0.5rem; left:1rem;}
.g-xc h3 a:last-child{border-right: 0;}
.g-xc h3 a:nth-child(1):before{background:url(../images/xcico1.png) no-repeat left center;background-size: 2.1rem 1.9rem;}
.g-xc h3 a:nth-child(2):before{background:url(../images/xcico2.png) no-repeat left center;background-size: 2.1rem 1.9rem;}
.g-xc h3 a:nth-child(3):before{background:url(../images/xcico3.png) no-repeat left center;background-size: 2.1rem 1.9rem;}


.g-xc h3 a.cur{ background:#b10000;}
.m_xc{width: 100%;margin:0 auto; overflow: hidden;position: relative;padding-bottom: 3rem; }
.xc_con{width: 100%;margin:0 auto; overflow: hidden;position: relative;padding-bottom: 3rem;}
.g-xc ul{}
.g-xc ul li{width: 48.16%; box-sizing: border-box; margin-right: 3.5%; float: left; position: relative;}
.g-xc ul li:nth-child(2n){margin-right: 0;}
.g-xc ul li img{width: 100%;display: block; }
.g-xc ul li span{ height: 2.8rem; line-height:2.8rem; text-align: center;display: block;color: #262626; font-size: 1rem; background: #fff;white-space: nowrap;  overflow:hidden;text-overflow:ellipsis; }
.g-xc ul li:hover span{ background: #b10000; color: #fff; }
.g-ft{margin-top:0 !important;}

/*开屏秀*/
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:#b10000; border:0.05rem solid #b10000; border-radius:5%; padding-left:1rem; padding-right:1rem; text-align:center; position:absolute; right:1rem; top:0.5rem; 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;}}