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: 0rem !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: #f23644;border:0.1rem solid #f23644;width: 0.7rem; height: 0.7rem;}

.tit01{font-size: 2.4rem; font-weight: normal; color: #333333;width: 100%;position: relative; text-align: center; font-family:"Microsoft Yahei";height: 6rem; }
.tit01 a{color: #333333; text-decoration: none; }
.tit01 p{ font-size: 1.2rem;color: #666666;  font-weight: normal; line-height: 2rem;}

.yybj{background:#fff;background-size: 100% 100%; padding: 3.5rem 0 4.1rem;box-sizing: border-box;  font-family:"Microsoft Yahei";}
.yybj h2{font-size: 1.6rem;color:#202428;font-weight: normal;text-align: center;}
.yy{width: 93.2%;margin:0 auto;}
.yy dl dd{width:100%; line-height: 1.8rem;font-size: 1.3rem; color: #666666; text-align: center;margin:1.5rem 0;}
.yy dl dt{width: 100%;}
.yy dl dt img{width: 100%;display: block;border-radius: 1.5rem;}


/* */
.probj{ clear: both; overflow: hidden; background:url(../images/clmbg.jpg);background-size: 100% 100%; padding: 3.6rem 0; box-sizing: border-box; font-family: "Microsoft YaHei";}
.probj h2,.probj h2 p {color:#fff;}
.probj h2 a{color:#fff;}
.pro{width: 93.2%;margin:0 auto;background: #325dcd;border-radius: 0.25rem;}
.cp_nav{height: auto; box-sizing: border-box;clear: both;position: relative;}
.cp_nav h3{width: 100%;padding: 1rem 0 0.5rem; clear: both;overflow: hidden;}
.cp_nav h3 a{width:33.33%;padding-left: 2.1rem;box-sizing: border-box; float: left;display: block;box-sizing: border-box; height:3rem; line-height: 3rem; color: #fff; font-size: 1.35rem;text-align: left;position: relative;}
.cp_nav h3 a.cur::before{content: "";position: absolute;left:2.1rem;bottom:0.5rem;width:48%;height:0.2rem;background:#f23644;}
.cp_nav span a{width:33.33%;padding-left: 2.1rem;box-sizing: border-box; float: left;display: block;box-sizing: border-box; height:3rem; line-height: 3rem; color: #fff; font-size: 1.35rem;text-align: left;position: absolute;right: 0;bottom: 0.5rem;}
.pro_ad{width: 100%;position: relative;overflow: hidden;}
.pro_ad dl{background: #fff;padding:2rem 1.5rem 2.8rem;box-sizing: border-box;width: 100%;border-radius: 0.25rem;}
.pro_ad dt{width: 50.6%; float: right;}
.pro_ad dt img{display: block; width: 100%;}
.pro_ad dd{width:46.8%;float: left;padding-top:1rem;}
.pro_ad dd h4{height: 4.4rem; font-size: 1.45rem; line-height: 1.8rem; color: #202428;font-weight: normal; text-align: left;box-sizing: border-box; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;border-bottom: 1px solid #e5e5e5;margin-bottom: 1rem;}
.pro_ad dd h4 a{color: #202428;}
.pro_ad dd h4 em{display: block;font-size: 1.1rem;color:#666;}
.pro_ad dd p{font-size: 1.3rem;line-height: 2rem;color: #666666;margin-bottom: 1rem;}
.pro_ad dd .clm_more{height:2rem; font-weight: normal; display: block;font-size: 1.1rem;color: #202428; line-height: 2rem;background: url(../images/clm_more.png) no-repeat left center;background-size: 1.5rem;text-align: left;padding-left: 2rem;box-sizing: border-box;}

/* */
.probj2{ clear: both; overflow: hidden; background:#fff; padding: 3rem 0; box-sizing: border-box; font-family: "Microsoft YaHei";}
.m_pro{width:93.2%;overflow: hidden; position: relative;padding-bottom: 2.2rem;margin:0 auto;}
.m_pro ul{width: 100%;}
.m_pro li{width: 47.82%;  box-sizing: border-box;float: left;margin-right: 4.34%;position: relative;margin-bottom: 1.5rem;}
.m_pro li img{display: block;width: 100%;box-sizing: border-box;border:1px solid #e4e4e4;border-radius: 2.3rem;}
.m_pro li h4{height: 2.5rem; text-align: center;font-size:1.2rem; color: #666666;line-height:2.5rem;display: block;width: 100%; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;box-sizing: border-box;}
.m_pro li:nth-child(2n){margin-right: 0;}
.m_pro .swiper-pagination{bottom: 0rem !important; z-index: 1}
.m_pro .swiper-pagination .swiper-pagination-bullet{width: 1.3rem; height: 1.3rem; margin:0 0.85rem !important;background-color: #325dcd; opacity: 1; position: relative;}
.m_pro .swiper-pagination .swiper-pagination-bullet-active{ background-color: #f23644;}

/**/
.cpysbj{ box-sizing: border-box;background:#eaf0fd;background-size: 100%;  padding:3.6rem 0; overflow: hidden; font-family:"Microsoft Yahei";}
.cpys{width: 93.2%;box-sizing: border-box;position: relative;margin: 0 auto;padding-bottom: 4rem;overflow: hidden;}
.cpys dl{position: relative;border-radius: 2.5rem;background: #325dcd;}
.cpys dt{width: 100%;position: relative;}
.cpys dt img{width: 100%; display: block;border-top-left-radius: 2.5rem;border-top-right-radius: 2.5rem;}
.cpys dd{width: 100%;padding:2.2rem;box-sizing:border-box;height:15.2rem;}
.cpys dd h3{ font-size: 1.6rem; color: #ffffff; height: 2.5rem;line-height: 2.5rem;font-weight: bold;margin-bottom:0.25rem;}
.cpys dd p{font-size: 1.2rem;color:rgba(255,255,255,0.8); line-height: 2rem;text-align: justify; padding-left:1rem;background: url(../images/cpysico3.png) no-repeat left 0.6rem;background-size: 0.65rem;}
.cpys .swiper-pagination{bottom: 0rem !important; z-index: 1}
.cpys .swiper-pagination .swiper-pagination-bullet{width: 1.3rem; height: 1.3rem; margin:0 0.85rem !important;background-color: #325dcd; opacity: 1; position: relative;}
.cpys .swiper-pagination .swiper-pagination-bullet-active{ background-color: #f23644;}

/**/
.ppbj{ box-sizing: border-box;background:#fff;background-size: 100%;  padding:3.6rem 0; overflow: hidden; font-family:"Microsoft Yahei";}
.pp{width:100%;margin:0 auto; position : relative;}
.pp_nr{width: 100%;overflow: hidden;position: relative;padding-bottom:3rem;}
.pp_nr dt{width: 100%;}
.pp_nr dt img{display: block;width: 100%;}
.pp_nr dd{width: 93.2%;margin:0 auto; padding-top:1.3rem;}
.pp_nr dd h4{ font-size: 1.45rem; color: #325dcd; height: 2.1rem;line-height: 2.1rem;font-weight: bold;margin-bottom:0.5rem;}
.pp_nr dd p{font-size: 1.2rem;color:#666666; line-height: 1.6rem;text-align: justify;margin-bottom: 0.8rem;}
.pp_nr .swiper-pagination{bottom: 0rem !important; z-index: 1}
.pp_nr .swiper-pagination .swiper-pagination-bullet{width: 1.3rem; height: 1.3rem; margin:0 0.85rem !important;background-color: #325dcd; opacity: 1; position: relative;}
.pp_nr .swiper-pagination .swiper-pagination-bullet-active{ background-color: #f23644;}

/**/
.casebj{ box-sizing: border-box;background:url(../images/casebg.jpg) no-repeat center top;background-size: 100% 100%;  padding:3.6rem 0; overflow: hidden; font-family:"Microsoft Yahei";}
.case{position: relative;width: 93.2%;margin:0 auto;overflow: hidden;}
.m_case{width:100%; position: relative; padding-bottom: 4rem;}
.m_case dl{width:48.4%;overflow: hidden; border-radius: 2.5rem;background: #fff; float: left;margin-right: 2.45%;}
.m_case dl dt{width:100%;}
.m_case dl dt img{width: 100%;display: block;border-top-left-radius: 2.5rem;border-top-right-radius: 2.5rem;}
.m_case dl dd{ text-align: center;width: 100%;padding:0 1.6rem 2.1rem;box-sizing: border-box; }
.m_case dl dd h3{width:5.7rem;height: 5.7rem;border-radius: 100%;margin:-2.9rem auto 0;}
.m_case dl dd h3 img{width:100%;display: block;border-radius: 100%;box-shadow: 0 0 0.5rem #ccc;}
.m_case dl dd h4{ font-weight: bold;font-size: 1.2rem; color: #333333; height: 2.4rem; line-height: 2.4rem;white-space: nowrap;overflow: hidden;verflow: ellipsis; display: block;}
.m_case dl dd h4 a{color:#333333;}
.m_case dl dd p{line-height: 1.5rem;overflow: hidden; font-size:1.1rem;color: #666666; }
.m_case dl:nth-child(2n){margin-right: 0;}
.m_case .swiper-pagination{bottom: 0rem !important; z-index: 1}
.m_case .swiper-pagination .swiper-pagination-bullet{width: 1.3rem; height: 1.3rem; margin:0 0.85rem !important;background-color: #325dcd; opacity: 1; position: relative;}
.m_case .swiper-pagination .swiper-pagination-bullet-active{ background-color: #f23644;}

/**/
.g-news{ padding:3.8rem 0 4rem; background:#fff;background-size: 100% 100%; box-sizing: border-box;}
.news{width: 92%;margin:0 auto;}
.news_nav{ width:100%; height:3.1rem; position:relative;border-bottom:1px solid #eaeaea;}
.news_nav p a{ height:3.1rem;font-size:1.2rem;float:left; text-align:center; color:#4b4b4b; line-height:3.1rem; position: relative;box-sizing: border-box; }
.news_nav p a:first-child{margin-right: 3.1rem;}
.news_nav p a:first-child::before{content: "";position: absolute;right:-2rem;top:1rem;width:0.55rem;height:1.1rem;background:url(../images/newsxt.png) no-repeat right center;background-size: 100%;}
.news_nav p a.cur{color: #325dcd; font-weight: bold;}
.news_nav p a.cur::after{content: "";position: absolute;left:0;bottom:0;width:100%;height:0.15rem;background:#325dcd;}

.news_nav span{float: right;font-size: 1.2rem;color: #333333; line-height: 3.1rem;}
.news_nav span a{color: #333;}
.news_con{position: relative;}
.news_con dl{ clear: both;overflow: hidden;height:7.5rem;padding-top:1.5rem;box-sizing: border-box;border-bottom: 1px solid #e4e4e4;}
.news_con dl dt{width:11.86%;float: left;background:url(../images/newsico1.png) no-repeat left center;background-size:4.1rem 4.3rem;text-align: center;font-size: 0.6rem;color:#202428;line-height: 1.2rem; }
.news_con dl dt b{width: 100%;display: block; font-size: 1.5rem;padding-top: 1.8rem;}
.news_con dd{width:84%; float: right;}
.news_con dd h4{font-size: 1.3rem;color:#333333;font-weight:bold;height: 2.5rem;line-height: 2.5rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_con dd h4 a{color:#333333;}
.news_con dd p{font-size: 1.3rem;line-height: 1.8rem;height: 1.8rem;text-align: justify;color:#666666;hite-space: nowrap;overflow: hidden;text-overflow: ellipsis;}



/*走进*/
.g-about{ padding:0;background:#fff;background-size:100%;}
.g-about img{ display:block; width:100%;}
.g-about dt{position: relative;position: relative;}
.g-about dt h2{width: 100%;top:3.5rem;left:0;position: absolute;color:#fff;}
.g-about dt h2 p{color:#fff;}
.g-about dd{padding: 1.6rem 1.25rem; width:100%; font-size: 1.2rem; color: rgba(0,0,0,0.8);line-height: 1.9rem; text-align: justify;box-sizing: border-box;}





.xcbj{padding:0rem 0 3rem;background:#fff;background-size:100%;}
.xc{width:93.2%; margin:0 auto;position: relative;}


.xc_nav{width:100%;position: relative; position: relative;margin-bottom: 2rem;height:2.25rem;}
.xc_nav a{display: block;width:10.9rem; float: left;box-sizing: border-box; font-size: 1.25rem; color:#000; height:2.25rem;;line-height:2.25rem;;text-align: center; font-weight: normal;background:#fff;border-radius: 0.8rem;}
.xc_nav a:nth-child(1){margin-left: 6.1rem;}
.xc_nav a.cur{background: #4867ce;color:#fff;}



.xc_nr{width: 100%;margin:0 auto;overflow: hidden;position: relative;}
.xc_nr ul{width: 100%; clear: both;overflow: hidden;}
.xc_nr li{width: 48.91%; float: left;margin-right:2%;}
.xc_nr li:nth-child(2n){margin-right:0;}
.xc_nr li a{text-decoration: none;}
.xc_nr li img{display: block; width: 100%;border-radius: 1.5rem;}
.xc_nr li h4{height: 2rem; font-size: 1.2rem; line-height: 2rem; color: #000000;font-weight: normal; text-align: center;box-sizing: border-box; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;margin-top: 0.75rem;}


 


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