body{background: #f9f9f9;}
.wrap img{display: block;width: 100%;}
.g-adv {width: 100%;  position:relative;}
.g-adv img{ width:100%; display: block;}
.g-adv .swiper-pagination{bottom: 0 !important; z-index: 1}
.g-adv .swiper-pagination .swiper-pagination-bullet{width: 0.7rem; height: 0.7rem; margin:0.9rem 0.3rem !important;background-color: #fff; border:0.1rem solid #fff;opacity: 1; position: relative;}
.g-adv .swiper-pagination .swiper-pagination-bullet-active{ background-color: rgba(171,8,9,0.95);border:0.1rem solid rgba(171,8,9,0.95);width: 0.7rem; height: 0.7rem;}

.tit01{font-size: 2.4rem; text-align: center; font-family: "Microsoft YaHei";color: #181818;font-weight:bold;background:url(../images/titbg.png) no-repeat center top;background-size: 4.45rem 100%; height:7.9rem;padding-top:1rem;box-sizing: border-box;position: relative; line-height: 3.6rem;}
.tit01 a{color: #181818; }
.tit01 b{color:#ab0809;}
.tit01 p{ font-weight: normal; display: block;font-size: 1.3rem;color: #181818; line-height: 1.1rem;}

/* */
.gybj{ clear: both; overflow: hidden;background:#fff;background-size: 100% 100%;  padding: 3rem 0; box-sizing: border-box; font-family: "Microsoft YaHei";}
.gybj h2{margin-bottom: 1.5rem;}
.gy{width: 100%;overflow: hidden;margin:0 auto;position: relative;}
.gy_l{position: absolute;left:1rem;top:9.2rem;background: url(../images/hz_l.png) no-repeat;width:1.8rem;height:1.8rem;z-index: 3;background-size: 100%;}
.gy_r{position: absolute;right:1rem;top:9.2rem;background: url(../images/hz_r.png) no-repeat;width:1.8rem;height:1.8rem;z-index: 3;background-size: 100%;}
.gy_c{width: 82.66%;margin:0 auto;position: relative;overflow: hidden;}
.gy_c dl{width: 15rem;position: relative;float: left;background:#eaeaea;}
.gy_c dl dt{width:100%; }
.gy_c dl dt img{width: 100%;display: block;}
.gy_c dl dd{width: 100%;height:5.7rem;padding-top: 1.5rem; box-sizing: border-box; text-align: center;}
.gy_c dl dd h4{font-size: 1.3rem;color:#181818;line-height: 2rem;font-weight: normal;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.gy_c dl dd i{font-size:0.7rem; color:rgba(24, 24, 24,0.5);  line-height: 0.6rem; display: block;}

/**/
.ppbj{ box-sizing: border-box;background:#fff url(../images/ysbg.jpg) no-repeat center top;background-size: 100% 17.25rem; padding:1rem 0 1rem; overflow: hidden; font-family:"Microsoft Yahei";}
.ppbj h2{margin-bottom: 0;background: none;color:#fff;height: 7.6rem;}
.ppbj h2 p{color: rgba(255, 255, 255,0.5);}
.pp{width:100%;margin:0 auto; position: relative;}
.pp_nav{width:94.66%;height:8.8rem;margin:0 auto;}
.pp_nav li {width: 24.366%; height:7.3rem; float: left; text-align: center;  font-weight: normal;box-sizing: border-box;margin-right:0.25rem;background: url(../images/yst.png) no-repeat center center;background-size: 100% 100%;}
.pp_nav li em{display: block;font-size: 1.3rem;color:#fff; line-height: 3rem;position: relative;margin-top:1rem;}
.pp_nav li em::before{content: "";position: absolute;width: 1.3rem;height:0.15rem;background:#ab0809;left:50%; bottom:0;margin-left:-0.65rem; }
.pp_nav li i{display: block;font-size: 0.6rem;color:rgba(255, 255, 255,0.5);line-height: 1.5rem;font-weight: normal;}
.pp_nav li:last-child{margin-right: 0;}
.pp_nav li.cur{color: #fff;background: url(../images/ystcur.png) no-repeat center center;background-size: 100% 100%;}
.pp_nav li.cur em::before{background:#fff;}
.pp_nr{width: 100%;overflow: hidden;position: relative;padding-bottom: 2.5rem;}
.pp_nr dt{width:100%;}
.pp_nr dt img{display: block;width: 100%;}
.pp_nr dd{width:94.66%;box-sizing: border-box;margin:-2.5rem auto 0;padding:1rem 1.3rem 0rem;background:#fff;min-height: 17.3rem;border-bottom: 0.4rem solid #ab0809;position: relative;box-shadow: 0 0 1.5rem #e3e3e3;}
.pp_nr dd h3{ font-size: 1.5rem; color: #000000; display: block; font-weight: bold;margin-bottom: 0.8rem; line-height:2.2rem;}
.pp_nr dd p{font-size:1.3rem; color:#444444;  line-height: 1.5rem; position: relative; font-weight: normal;margin-bottom: 1rem;padding-left:1.5rem;background:url(../images/yspico.png) no-repeat left 0.5rem;background-size:0.65rem;}


/* */
.probj{ clear: both; overflow: hidden;background:#fff;background-size: 100% 100%;  padding: 2rem 0 2.45rem; box-sizing: border-box; font-family: "Microsoft YaHei";}
.probj h2{margin-bottom: 1.3rem;}
.pro{width: 94.66%;overflow: hidden;margin:0 auto;background:#fff;}
.pro_nav{width: 100%;overflow: hidden;;clear: both;padding:1rem 0 0;background:#e3e3e3; margin:0 auto 0.6rem;border-radius: 1.3rem;}
.pro_nav h3 a{width: 33.33%; float: center;text-align: center; font-size: 1.3rem; line-height:2.5rem;box-sizing: border-box;color: #181818; text-decoration: none; display: block;margin-bottom: 1rem;background:#e1e1e1; float: left;padding:0 1rem;position: relative;}
.pro_nav h3 a::after{content: "";position: absolute;right:0;top:0.9rem;background:#9e9e9e;width: 1px;height:1.5rem;}
.pro_nav h3 a em{height:3rem; line-height: 3rem; display: block;border-radius: 1.5rem;;}
.pro_nav a:nth-child(3n)::after{width: 0;}
.pro_nav h3 a:hover em,.pro_nav h3 a.cur em{color: #fff;background: #ab0809; }

.pro_ad{width: 100%;margin:0 auto;position: relative;overflow: hidden;}
.pro_ad ul{width: 100%;}
.pro_ad li{width: 47.82%;  box-sizing: border-box;float: left;margin-right: 1.34%;margin-left:1%;position: relative;margin-bottom: 0.55rem;text-align: center;}
.pro_ad li img{display: block;width: 100%;}
.pro_ad li h4{height: 2.5rem; font-size:1.3rem; color: #232323;line-height:2.5rem;display: block;width: 100%; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;box-sizing: border-box; font-weight: normal;width: 100%;position: absolute;left:0;bottom:0;color:#000;background:rgba(255, 255, 255,0.5);}
.pro_ad li:nth-child(2n){margin-right: 0;}

/**/
.hzbj{ box-sizing: border-box;background:#fff;background-size: 100% 100%;padding:0 0 2.5rem; overflow: hidden; font-family:"Microsoft Yahei";}
.hzbj h2{margin-bottom: 1.2rem;line-height: 2.4rem;background: url(../images/hztit.png) no-repeat center top;background-size: 100% 2.4rem; height: 2.4rem;text-align: center;color:#fff;font-size:1.2rem;font-weight: normal;}
.hzbj h2 a{color:#fff;}
.hz{width:94.66%;margin:0 auto; }
.hz li{ width:23.94%;margin-bottom:0.6rem;margin-right: 1.37%; box-sizing: border-box; overflow: hidden; float: left;  position: relative; box-shadow: 0 0 0.4rem #ededed;}
.hz li img{width: 100%; display: block;}
.hz li:nth-child(4n){margin-right: 0;}
/**/
.lcbj{  clear: both; overflow: hidden;height:35.7rem; background:url(../images/lcbg.jpg) no-repeat center top;background-size: 100% 100%; padding: 3rem 0; box-sizing: border-box; font-family: "Microsoft YaHei";}
.lcbj h2{color:#fff;background:url(../images/titbg2.png) no-repeat center top;background-size: 4.45rem 100%; margin-bottom: 3.3rem;}
.lcbj h2 p{color:rgba(255, 255, 255,0.5);}
.lc{width:94.66%;margin:0px auto;height:18.1rem;position: relative;overflow: hidden;}
.lc_l{position: absolute;left:0rem;top:8.4rem;background: url(../images/lc_l.png) no-repeat;width:1.3rem;height:1.3rem;z-index: 3;background-size: 100%;}
.lc_r{position: absolute;right:0rem;top:8.4rem;background: url(../images/lc_r.png) no-repeat;width:1.3rem;height:1.3rem;z-index: 3;background-size: 100%;}
.lc:after{content:'';position:absolute;height:0.1rem;width:100%; top:9.05rem;left:0; background:url(../images/lc_line.png) repeat-x;background-size: 0.8rem 0.1rem;;}
.lc li{width:8.5rem;height:18.1rem;box-sizing: border-box; background: url(../images/lcico1.png) no-repeat center 8.7rem;background-size: 0.8rem 3.3rem; float: left;text-align: center; font-size: 1.3rem;color:#ffffff; line-height: 2.4rem;padding-top:12rem;white-space: nowrap;}
.lc li em{width:3.8rem;height:3.8rem; display: block;margin:0 auto;background:#38383a;border-radius: 100%;font-size: 2.3rem;  color: rgba(255, 255, 255, 0.3);text-align: center; font-weight: normal;line-height: 3.8rem;text-transform: uppercase;font-family: "Arial";}
.lc li:nth-child(2n){padding-top:0;padding-bottom: 3.3rem;background: url(../images/lcico2.png) no-repeat center 6.25rem;background-size: 0.8rem 3.3rem;}

.lc li.lc10{white-space: normal;line-height: normal;}






/**/
.g-news{ background:#fff;background-size: 100% 3rem; padding: 3rem 0 3.1rem;  box-sizing: border-box;}
.g-news h2{margin-bottom: 1rem;}
.g-news h2 img{width:15.1rem;}
.news{width: 94.66%;margin:0 auto;}
.news_nav{ width: 100%;margin:0 auto 1.1rem; height:2.3rem; position:relative;}
.news_nav p{ height:2.3rem;line-height: 2.3rem; font-size:1.2rem;float:left; text-align:center; color:#000000; position: relative;box-sizing: border-box;margin-right:3.3rem; }
.news_nav p::after{content: "";position: absolute;left:0;bottom:0;width:100%;height:0.1rem;background:none;}
.news_nav p:nth-child(1){margin-left:11.1rem;}
.news_nav p.cur{color: #ab0809;}
.news_nav p.cur::after{background:#ab0809;}

.news_con{position: relative;}
.news_con dl{background: #f6f6f6; clear: both;overflow: hidden;border-bottom: 0.1rem solid #f6f6f6;padding:1.4rem 1rem;box-sizing: border-box;margin-bottom: .5rem;}
.news_con dl dt{width:28.16%;float: left;}
.news_con dl dt img{width: 100%;display: block;}
.news_con dd{width:67.4%; float: right;}
.news_con dd em{display: block;line-height:2rem;color:#444444; font-size: 0.8rem;font-weight: bold;}
.news_con dd em b{text-transform: uppercase;padding:0 0.5rem;position: relative;margin-left: 0.25rem;}
.news_con dd em b:after{content: "";position: absolute;width:0.1rem;height:0.65rem;top:0.25rem;left:0; background:#444;background-size: 100%;}
.news_con dd h4{font-size: 1.3rem;color:#000000;font-weight:normal;line-height: 1.6rem;max-height: 3.2rem; overflow: hidden;text-overflow: ellipsis;}
.news_con dd h4 a{color:#000000;}
.news_more{width:100%;margin-top:0.7rem;display: block;}
.news_more img{width: 100%;display: block;}
.news_con dl:hover{background: #ab0809;}
.news_con dl:hover em,.news_con dl:hover em b,.news_con dl:hover h4 a{color:#fff;}
.news_con dl:hover em b::after{background:#fff;}



/**/
.g-about{ background:#fff;background-size:100%;}
.g-about img{ display:block; width:100%;}
.g-about dl{width: 100%;margin:0 auto;position: relative;}
.g-about dt{width:100%; }
.g-about dd{width:100%;position: absolute;left:0;top:3rem;text-align: center;}
.g-about dd h2 img{width:15.1rem;}
.g-about .desc{font-size:1.3rem;color:#494949; line-height: 1.8rem;text-align: justify;padding-top:1.3rem;width: 94.66%;margin:0 auto;}
.g-about .desc p{margin-bottom: 1.6rem;}

/**/
.xcbj{ background:#fff;background-size: 100%; padding: 0rem 0 0rem;  box-sizing: border-box;}

.xc{width: 94.66%;margin:0 auto;overflow: hidden;}
.xc_nav{ width: 100%;margin:0 auto 1.7rem; height:2.5rem; position:relative;}
.xc_nav p{ height:2.4rem;line-height: 2.4rem;border:0.1rem solid #333333; font-size:1.1rem;float:left; text-align:center; color:#444444; position: relative;box-sizing: border-box;margin-right:1.47%;width: 23.8%; }
.xc_nav p::after{content: "";position: absolute;left:0;bottom:0;width:100%;height:0.1rem;background:none;}
.xc_nav p:last-child{margin-right: 0;}
.xc_nav p.cur{color: #fff;background:#ab0809;border-color: #ab0809;}

.xc_nr{position: relative;padding-bottom: 3rem;}
.xc_nr li{ width:31.645%;margin-right: 2.39%; float: left; text-align: left; position: relative;}
.xc_nr li img{display: block;width: 100%;}
.xc_nr li:nth-child(3n){margin-right: 0;}

.xc_nr .swiper-pagination{bottom: 0rem !important; z-index: 1;width:100%;}
.xc_nr .swiper-pagination .swiper-pagination-bullet{width: 0.75rem; height: 0.75rem; margin:0 0.25rem !important;background: #444444;border-radius: 100%; opacity: 1; position: relative;}
.xc_nr .swiper-pagination .swiper-pagination-bullet-active{ background: #ab0809;}
.xc_nr .xc_l{height: 1.6rem; width: 1.6rem;background: url(../images/xc_l.png) no-repeat;background-size: 100%; display: block;position: absolute;bottom:0.25rem;left:12rem;z-index:3;}
.xc_nr .xc_r{height: 1.6rem; width: 1.6rem;background: url(../images/xc_r.png) no-repeat;background-size: 100%; display: block;position: absolute;bottom:0.25rem;right:12rem;z-index:3;}


html{ background:#f7f7f7;}
.wrap{ opacity:0;}
.loading{position:fixed;width:100%;height:100%; top:0; z-index:51; display:none; max-width:750px; min-width:320px; z-index:99999;}
.loading img{ display:none;}
.loading #showNext{ line-height:1.8rem; display:none; color:#fff;background: #ab0809; border:0.1rem solid #ab0809; border-radius:5%; padding-left:1rem; padding-right:1rem; text-align:center; position:absolute; right:1rem; top:1rem; z-index:8; font-size: 1rem;}
.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:8.5333px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.66666666666px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73333333333333px;}}
@media screen and (min-width:480px){html{font-size:12.8px;}}
@media screen and (min-width:520px){html{font-size:13.86666666666667px;}}
@media screen and (min-width:560px){html{font-size:14.93333333333333px;}}
@media screen and (min-width:600px){html{font-size:16px;}}
@media screen and (min-width:640px){html{font-size:17.06666666666667px;}}
@media screen and (min-width:680px){html{font-size:18.1333333333px;}}
@media screen and (min-width:700px){html{font-size:18.66666666666667px;}}
@media screen and (min-width:720px){html{font-size:19.2px;}}
@media screen and (min-width:750px){html{font-size:20px;}}