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.9rem; height: 0.9rem; margin:0.9rem 0.3rem !important;background-color: #fff; opacity: 1; position: relative;}
.g-adv .swiper-pagination .swiper-pagination-bullet-active{ background-color: #d9261c;border:0.1rem solid #d9261c;width: 0.7rem; height: 0.7rem;}

.tit01{font-size: 2rem; font-weight: bold; color: #000000;width: 100%;position: relative; text-align: center; line-height: 3.2rem;}
.tit01 a{color: #000000; text-decoration: none; }
.tit01 p{ font-size: 1.4rem;color: #444444;  font-weight: normal; line-height: 2rem;}
/**/
.yybj{ clear: both; overflow: hidden; background:#fff;background-size: 100% 100%; padding: 3rem 0 1rem; box-sizing: border-box; font-family: "Microsoft YaHei";}
.yybj h2{margin-bottom: 1.9rem;}
.video{height: 18rem; background:url(../images/vdobg.png) no-repeat center top;background-size: 100% 100%;padding:1.15rem 6.6rem 0 6.05rem;box-sizing: border-box;margin-bottom: 3.1rem;}
.hz{}
.hz h3{font-size: 1.5rem; color: #cc000d; font-weight: bold;text-align: center;margin-bottom: 1.3rem;}
.m_hz{position: relative;clear: both; overflow: hidden;}
.m_hz{width: 92%;margin:0 auto;overflow: hidden;}
.m_hz li{width: 31.3%;margin-right: 2.6%; float: left;border:1px solid #eaeaea; box-sizing: border-box;box-shadow:0.2rem 0.2rem 0.2rem #efeeee;margin-bottom: 0.8rem;}
.m_hz li:nth-child(3n){margin-right: 0;}

/* */
.probj{ clear: both; overflow: hidden; background:url(../images/cpbg.jpg) no-repeat center top;background-size: 100% 100%; padding: 3rem 0 3.5rem; box-sizing: border-box; font-family: "Microsoft YaHei";}
.probj h2{margin-bottom: 1.4rem;}
.probj h2 p{letter-spacing: 0.2rem;}
.pro{width: 92%;overflow: hidden;margin:0 auto;}
.pro_nav{width: 100%;height: 4.25rem;clear: both;overflow: hidden; margin:0 auto 0.6rem;}
.pro_nav a{width:33%;height: 4.25rem; float: left;text-align: center; font-size: 1.8rem; line-height: 4.25rem;background: #0858bb; box-sizing: border-box;color: #fff; text-decoration: none; display: block; font-weight: bold;}
.pro_nav a img{width: 3.3rem;height: 3rem;  float: left;margin:0.8rem 1rem 0 3.5rem;}
.pro_nav a.cur{background: #cc000d; color: #fff;}

.pro_ad{width: 100%;position: relative;margin-bottom: 0.5rem;}
.pro_pic{width: 100%;margin-bottom: 1.7rem;}
.pro_pic img{width: 100%; display: block;}
.pro_ad ul{width: 100%;}
.pro_ad li{width: 48.11%;  box-sizing: border-box;float: left;margin-right: 2.75%;border:1px solid #d1d1d1;margin-bottom: 2.1rem;padding-bottom: 1rem;position: relative;}
.pro_ad li:before{content:'';position:absolute;height:1.5rem;width:1.5rem;background:url(../images/cpico1.png) no-repeat;bottom:-0.75rem;left:50%;margin-left: -0.75rem;background-size: 1.5rem;}
.pro_ad li img{display: block;width: 100%;border-radius: 0.25rem;}
.pro_ad li h4{height: 3rem;width: 100%;display: block; text-align: center;font-size:1.4rem; color: #1e1e1e;line-height:3rem;display: block;width: 100%; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;margin-top: -1rem;background: #fff;position: relative;}
.pro_ad li:nth-child(2n){margin-right:0;}

.pro_ad li:hover:before{background:url(../images/cpico1cur.png) no-repeat;background-size: 1.5rem;}
.pro_ad li:hover h4{ color: #cc000d; }

.pro_ad span a{width: 19rem; height: 3.3rem; line-height: 3.3rem; text-align: center; color: #ffffff; font-size: 1.7rem;border-radius: 1.5rem; display: block;background: #cc000d;margin:2rem auto 0;}


/**/
.cpysbj{ background: url(../images/cpysbg.jpg) no-repeat center top;background-size: 100% 100%;padding: 3.8rem 0 5rem; box-sizing: border-box; font-family: "Microsoft YaHei";  }
.cpysbj h2{margin-bottom: 2rem;color: #ffffff;}
.cpysbj h2 p{color: #fff;}
.cpysbj h2 p i{color: #cc000d;}
.cpys{width: 92%;margin:0 auto;position: relative;}
.cpys dl{width: 49.27%;height: 17.4rem;padding:2rem 1.4rem 0; box-sizing: border-box; float: left;margin-right: 1.3%;margin-bottom: 0.5rem;cursor: pointer;}
.cpys dt{width: 3.5rem;height: 3.05rem;overflow: hidden; position: relative;margin-bottom: 0.5rem;}
.cpys dt img{width: 6.5rem;height: 3.05rem; position: absolute;left:0;top:0;}
.cpys dd{ text-align: left; }
.cpys dd h3{color: #0858bb;font-size: 1.3rem;margin-bottom: 1rem; font-weight: bold; }
.cpys dd p{font-size: 1.2rem; line-height: 1.5rem;color: #0858bb; text-align: justify;}
.cpys dl:nth-child(2n){margin-right: 0;}
.cpys dl:nth-child(1){background:url(../images/cpys2bg.jpg) no-repeat;background-size:100% 100%;}
.cpys dl:nth-child(2){background:url(../images/cpys2bg.jpg) no-repeat;background-size:100% 100%;}
.cpys dl:nth-child(3){background:url(../images/cpys3bg.jpg) no-repeat;background-size:100% 100%;}
.cpys dl:nth-child(4){background:url(../images/cpys4bg.jpg) no-repeat;background-size:100% 100%;}

.cpys dl:hover{background:#cc000d;}
.cpys dl:hover dt img{left:-3.25rem;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.cpys dl:hover dd h3{color: #fff;}
.cpys dl:hover dd p{color: #fff;}

/**/
.casebj{ box-sizing: border-box;height: auto; background:#fff; background-size:100% 100%; padding:5rem 0 0rem; overflow: hidden; font-family:"Microsoft Yahei";}
.casebj h2{margin-bottom: 1.6rem;}
.case{width: 92%;position: relative;margin:0 auto;}
.case_nav{width: 100%;position: relative; margin-bottom:0.8rem;}
.case_nav p{width: 100%;clear: both;overflow: hidden;box-sizing: border-box;}
.case_nav p a{display: block;width: 24.63%;height: 2.85rem; float: left;box-sizing: border-box; font-size: 1.4rem; color: #fff; line-height: 2.85rem; text-align: center;position: relative;margin-bottom: 0.2rem;background: #121223;margin-right: 0.15rem; font-weight: bold;}
.case_nav p a:nth-child(4n){margin-right: 0;}
.case_nav p a.cur{background:#cc000d;}

.m_case{width:100%;overflow: hidden; position: relative;padding-bottom: 5rem;background:#e8e8e9;}
.case1{width: 100%;}
.m_case  dl{width:100%;background: #e8e8e9;}
.m_case  dl dt{width: 100%;}
.m_case  dl dt img{width: 100%; display: block;}
.m_case  dl dd{width:100%;padding:1.3rem 1.5rem 1.7rem;box-sizing: border-box;}
.m_case  dl dd h4{font-size: 1.4rem; color: #000000;height: 3.2rem; line-height:2.3rem;font-weight: bold; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;margin-bottom: 1.1rem;}
.m_case  dl dd h4:before{content:'';position:absolute;height:0.1rem;width:2.7rem;background:#cc000d;bottom:0;left:0rem;}
.m_case  dl dd h4 a{color: #000000;}
.m_case  dl dd p{font-size:1.3rem; color:#000000;  line-height: 1.7rem;opacity: 0.71; }

.case_l{display: block;width: 2.45rem; height: 2.45rem;position: absolute;left:13.6rem;bottom:2rem;background: url(../images/case_l.png) no-repeat;background-size: 2.45rem;z-index: 1}
.case_r{display: block;width: 2.45rem; height: 2.45rem;position: absolute;right:13.6rem;bottom:2rem;background: url(../images/case_r.png) no-repeat;background-size: 2.45rem;z-index: 1}
.case_l:before{content:'';position:absolute;height:1px;width:13.6rem;background:#a0a0a0;top:50%;left:-13.6rem;}
.case_r:after{content:'';position:absolute;height:1px;width:13.6rem;background:#a0a0a0;top:50%;right:-13.6rem;}



/**/
.ppbj{ box-sizing: border-box;background:#fff;background-size: 100% 100%;  padding:4.5rem 0 4rem; overflow: hidden; font-family:"Microsoft Yahei";}
.ppbj h2{margin-bottom: 2.5rem;}
.pp{width:92%;margin:0 auto; position: relative;}
.pp_nav{height: 8.1rem;width: 100%;box-sizing: border-box;margin-bottom: 2.5rem;}
.pp_nav li{width: 25%;height: 8.1rem; float: left; text-align: center; font-size: 1.5rem; color: #212121; box-sizing: border-box;font-weight: bold;position: relative;background: #fff;border:0.1rem solid #d4d4d4;}

.pp_nav li i{overflow: hidden;margin:1rem auto 0;width: 3.1rem; height: 2.8rem;position: relative;display: block;}
.pp_nav li i img{width: 100%;}
.pp_nav li em{width: 2.7rem;height: 2.7rem; display: block;border-radius: 100%; background: #cc000d; color: #fff;margin:0.35rem auto 0;display: block;opacity: 0; font-weight: normal;}

.pp_nav li.cur{-webkit-transition:0.5s;transition:0.5s; color: #cc000d;}
.pp_nav li.cur em{opacity: 1;-webkit-transition:0.5s;transition:0.5s;}

.pp_nr{width: 100%;overflow: hidden;position: relative;padding-bottom: 5rem;}
.pp_nr dt{width: 100%;margin:0 auto;position: relative;}
.pp_nr dt img{display: block;width: 100%;}
.pp_nr dd{width:100%;padding-top:2.5rem; box-sizing: border-box; position: relative;}
.pp_nr dd h3{height: 6.5rem; text-align: left; }
.pp_nr dd h3 em{display: block;font-size: 5.6rem; color: #cc000d; font-weight: bold; font-family: "Arial"; float: left;line-height:4.8rem;}
.pp_nr dd h3 span{ font-size: 1.4rem; color: #242424; font-weight: bold; float: left;margin-left: 1rem; }
.pp_nr dd h3 b{ font-size: 2.3rem; color: #242424;font-weight: bold; display: block;}
.pp_nr dd p{font-size: 1.25rem; line-height:1.7rem; color: #3b3b3b;background:url(../images/yspico.png) no-repeat left 0.6rem;background-size: 0.4rem 0.45rem; padding-left: 1.4rem;margin-bottom: 0.5rem;}
.ys_l{display: block;width:4.3rem; height: 1.35rem;position: absolute;left:0;bottom:0.6rem;background: url(../images/ys_l.png) no-repeat;background-size: 4.3rem 1.35rem;z-index: 3}
.ys_r{display: block;width: 4.3rem; height: 1.35rem;position: absolute;right:0;bottom:0.6rem;background: url(../images/ys_r.png) no-repeat;background-size: 4.3rem 1.35rem;z-index: 3}
.pp_nr .swiper-pagination{bottom: 0rem !important; z-index: 1}
.pp_nr .swiper-pagination .swiper-pagination-bullet{width: 2.5rem; height: 2.5rem; margin:0 2.2rem !important;background-color: #fff; opacity: 1; position: relative; font-size: 1.4rem; color: #666666;border:0.1rem solid #666666; border-radius: 100%; text-align: center; line-height: 2.5rem;}
.pp_nr .swiper-pagination .swiper-pagination-bullet:after{content:'';position:absolute;height:1px;width:2.8rem;background:#666666;top:50%;right:-3.7rem;}
.pp_nr .swiper-pagination .swiper-pagination-bullet-active{ border-color: #b3181c; color: #b3181c;}
.pp_nr .swiper-pagination .swiper-pagination-bullet:nth-child(4):after{width: 0;}

/**/
.g-news{ padding:2.5rem 0 3.2rem; background:#f4f4f4;background-size: 100% 100%; box-sizing: border-box;}
.g-news h2{margin-bottom: 1.5rem;}
.news{width: 92%;margin:0 auto;background: #fff;padding:1.2rem 0;}
.news_c{width: 94%;margin:0 auto;}

.news_nav{ width:100%; margin:0 auto 1rem; height:3rem; position:relative;}
.news_nav p{width:32.4%; height:3rem;font-size:1.3rem;float:left; text-align:left; color:#fff; line-height:3rem; position: relative;box-sizing: border-box; margin-right: 5%;background: #111121;border-radius: 1rem; font-weight: bold;padding-left: 3.4rem; box-sizing: border-box;}
.news_nav p:nth-child(1){margin-left: 15.6%;}
.news_nav p:nth-child(1):after{content:'';position:absolute;height:1.9rem;width:1.9rem;left:1rem;top: 0.5rem;background: url(../images/newstit1.png) no-repeat left center;background-size: 1.9rem;}
.news_nav p:nth-child(2):after{content:'';position:absolute;height:1.9rem;width:1.9rem;left:1rem;top: 0.5rem;background: url(../images/newstit3.png) no-repeat left center;background-size: 1.9rem;}
.news_nav p.cur{color: #fff;background: #cc000d;}

.news_con{position: relative;}
.dl01{ width:100%;margin-bottom: 1.3rem;padding-bottom: 0.5rem;}
.dl01 dt{ width:41.32%; overflow: hidden; float: left;}
.dl01 dt img{ display:block; width:100%;}
.dl01 dd{ width:56.43%; box-sizing: border-box; float: right;}
.dl01 dd h3{font-size:1.4rem; color:#000000; font-weight: normal;white-space:nowrap; overflow:hidden;text-overflow:ellipsis; margin-bottom: 1rem;padding-bottom: 0.4rem;position: relative; line-height: 2rem;height: 2rem;}
.dl01 dd h3:after{content:'';position:absolute;height:0.1rem;width:0.85rem;background:#002060;left:0;bottom: 0;}
.dl01 dd p{font-size: 1.2rem; color: #666666;line-height: 1.7rem;  text-align: justify;}


.news_con li{height: 3.3rem;box-sizing: border-box;width:100%;padding-left: 1rem;background: url(../images/newsico.png) no-repeat left center;background-size: 0.65rem 0.75rem;border-bottom: 0.1rem solid #f5f5f5;}
.news_con li em{ font-size: 1.2rem; color: #525252; font-weight: normal; float: right;width: 22%;height: 3.3rem; line-height: 3.3rem; white-space: nowrap;}
.news_con li p{height: 3.3rem; line-height: 3.3rem; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size: 1.2rem; color: #5d5d5d;width: 76%; float: left;}
.news_con li a{color: #5d5d5d;}
.news_con li:last-child{border-bottom: 0;}


/*走进*/
.g-about{ padding:4rem 0 3.5rem;background:#fff;background-size:100%;}
.g-about h2{margin-bottom: 1.2rem;}
.g-about img{ display:block; width:100%;}
.about{width:92%;padding:2.4rem 1.1rem 1.5rem; margin:-5.4rem auto 0;background: #fff;box-shadow: 0px 0px 1.2rem #f1f1f1;position: relative;box-sizing: border-box;}
.about h3{margin-bottom: 1.25rem;height:3rem; line-height: 3rem; font-size:1.5rem; color: #111111; font-weight: normal; text-align: left; display: block;position: relative;}
.about h3:after{content:'';position:absolute;height:0.1rem;width:0.85rem;background:#002060;left:0;bottom: 0;}
.about p{font-size: 1.3rem; color: #666666;line-height: 2.1rem; text-align: justify;margin-bottom: 0.9rem;}
.about i{ color: #ffffff;background: #cc000d; border-radius: 1.25rem; height: 2.4rem;width: 10.5rem;display: block; text-align: center;font-size: 1.4rem;line-height: 2.4rem; }





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: #cc000d; border:0.1rem solid #cc000d; 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;}}