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

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

/**/
.g-cpys{ box-sizing: border-box;background:#f5f5f5 url(../images/cpysbg.jpg) no-repeat center top;background-size: 100% 100%;  padding:3rem 0 0rem; overflow: hidden; font-family:"Microsoft Yahei";height:51.2rem;}
.g-cpys h2{ height:7rem;color: #fff; font-size: 2.15rem;}
.g-cpys h2 b{color: #98bf19;}
.g-cpys h2 p{color: #fff;}
.cpys{width: 92%;margin:0 auto;}
.cpys li{width:50%; float: left;height:8.8rem;box-sizing: border-box;text-align: left;padding:2rem 0 0 3rem;}
.cpys li h3{ font-size: 1.56rem; color: #ffffff; height: 2.5rem;line-height: 2.5rem;font-weight: normal;margin-bottom:0.25rem; padding-left:3rem;}
.cpys li p{font-size: 1.1rem;color:#ffffff; line-height: 1.6rem;text-align: justify;}
.cpys li:nth-child(2n){padding-left:1.6rem;}
.cpys li:nth-child(1) h3{background:url(../images/cpysico1.png) no-repeat left center;background-size: 2.3rem;}
.cpys li:nth-child(2) h3{background:url(../images/cpysico2.png) no-repeat left center;background-size: 2.3rem;}
.cpys li:nth-child(3) h3{background:url(../images/cpysico3.png) no-repeat left center;background-size: 2.3rem;}
.cpys li:nth-child(4) h3{background:url(../images/cpysico3.png) no-repeat left center;background-size: 2.3rem;}

/**/
.g-sp{ box-sizing: border-box;background:#fff;background-size: 100%;  padding:1.5rem 0 2rem; overflow: hidden; font-family:"Microsoft Yahei";}
.g-sp h2{ height:6.5rem;}
.sp{width:100%;margin:0 auto; position : relative;padding-bottom: 3.5rem;}
.sp dl{background:url(../images/spbg1.jpg) no-repeat;background-size: 100% 20.25rem;height: 20.25rem;}
.sp dt{width: 75.6%;position: relative;margin:0 auto;padding-top:1.2rem;}
.sp dt::before{content:'';position:absolute;height:100%;width:100%;background:rgba(0, 0, 0, 0.5); top:1.2rem;left:0;right:0;bottom: 0;}
.sp dt::after{content:'';position:absolute;height:2.2rem;width:2.2rem;background:url(../images/sp_btn.png) no-repeat;background-size: 100%; top:50%;left:50%;margin-top:-1.1rem;margin-left:-1.1rem;z-index: 1;}
.sp dt img{display: block;width: 100%;height: 16.8rem;}

.sp .swiper-pagination{bottom: 0rem !important; z-index: 1}
.sp .swiper-pagination .swiper-pagination-bullet{width: 0.9rem; height: 0.9rem; margin:0 0.5rem !important;background-color: #3b4046; opacity: 1; position: relative;}
.sp .swiper-pagination .swiper-pagination-bullet-active{ background-color: #98bf19;width:2.7rem;border-radius: 1.1rem;}


/**/
.g-case{ box-sizing: border-box;background:#f5f5f5 url(../images/casebg.jpg) no-repeat center top;background-size: 100% 100%; height: 61.3rem;  padding:5rem 0 3.5rem; overflow: hidden; font-family:"Microsoft Yahei";}
.g-case h2{ height:6.3rem;}
.case{width: 92%;position: relative;margin:0 auto;}
.case_nav{width:100%;margin:0 auto 1.3rem;clear: both;overflow: hidden;}
.case_nav a{ height:5.2rem; margin-right:0.15rem; font-size:1.2rem;color: #ffffff;text-align: center;float: left; box-sizing: border-box;position: relative;width:24.63%; text-decoration: none;margin-bottom: 0.15rem;margin-right: 0.15rem;background:#31343a; line-height: normal;}
.case_nav a em{width:2.6rem;height:2.6rem;display: block;margin:0.25rem auto 0;}
.case_nav a:nth-child(4n){margin-right:0;}
.case_nav a.cur,.case_nav a:hover{color: #fff;font-weight: normal;background: #98bf19;}
.m_case{width:100%;overflow: hidden; position: relative;}
.m_case ul{width: 100%;}
.m_case li{width: 47.82%;  box-sizing: border-box;margin-bottom: 1.25rem; float: left;margin-right: 4.34%;position: relative;background:#fff;box-shadow: 0 0 0.2rem #eaeaea;}
.m_case li img{display: block;width: 100%;box-sizing: border-box;}
.m_case li h4{height:3rem; text-align: center;font-size:1.2rem; color: #000002;line-height:3rem;display: block;width: 100%; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;box-sizing: border-box;font-weight: normal;}
.m_case li:nth-child(2n){margin-right: 0;}


/* */
.g-pro{ clear: both; overflow: hidden; background:#fff;background-size: 100% 100%; padding:1rem 0 1.8rem; box-sizing: border-box; font-family: "Microsoft YaHei";}
.g-pro h2{height:6.7rem;}
.pro{width: 92%;margin:0 auto;}
.pro-ad{width:100%;margin-bottom: 1.3rem;overflow: hidden;}
.pro-ad dt img{width:100%;display: block;}
.pro-ad dd{padding:1rem 2.3rem;min-height:9.6rem;background:#f3f3f3;box-sizing: border-box;}
.pro-ad dd h4{height: 2.5rem; font-size: 1.5rem; line-height: 2.5rem;margin-bottom: 0.8rem; color: #98bf19;font-weight: bold; box-sizing: border-box; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.pro-ad dd p{line-height: 1.8rem;font-size: 1.2rem;color: #666666;text-align: justify;}

.pro_ad{width: 100%;position: relative;overflow: hidden;margin-bottom: 2rem;}
.pro_ad ul{width: 100%; clear: both;overflow: hidden;}
.pro_ad li{width: 48.84%; float: left;margin-right:2.31%;margin-bottom: 0.8rem;}
.pro_ad li:nth-child(2n){margin-right:0;}
.pro_ad li a{text-decoration: none;}
.pro_ad li img{display: block; width: 100%;border:1px solid #d4d4d4;box-sizing: border-box;}
.pro_ad li h4{height: 2.5rem; font-size: 1.2rem; line-height: 2.5rem; color: #444444;font-weight: normal; text-align: center;box-sizing: border-box; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.cp_more{width:18.85rem;height:3.5rem; font-weight: normal; display: block;font-size: 1.2rem;color: #fff; line-height: 3.5rem;background: url(../images/cp_btn.png) no-repeat;background-size: 100%;text-align: left;padding-left: 5.1rem;box-sizing: border-box;margin:0 auto 0;}


/**/
.g-ys{ padding:4.5rem 0 3.7rem; height:52.2rem; background:url(../images/ysbg.jpg) no-repeat center top;background-size: 100% 100%; box-sizing: border-box;}
.g-ys h2{height:6rem;color: #fff; }
.g-ys h2 p{color: #fff;}
.ys{width:92%;margin:0 auto;}
.ys ul{width:100%;}
.ys li{width:50%; float: left; height:10.8rem;position: relative; padding:2.3rem 2rem 0 2.8rem;box-sizing: border-box;}
.ys li h4{font-weight: normal; font-size: 1.5rem;color:#fff; line-height: 2.7rem;margin-bottom: 0.8rem;position: relative;z-index: 1;}
.ys li p{ line-height: 1.5rem;font-size: 1.1rem;color: rgba(255,255,255,0.7);position: relative;z-index: 1;}
.ys li:nth-child(1) h4{background: url(../images/advico1.png) no-repeat right center;background-size: 2.6rem;}
.ys li:nth-child(2) h4{background: url(../images/advico2.png) no-repeat right center;background-size: 2.6rem;}
.ys li:nth-child(3) h4{background: url(../images/advico3.png) no-repeat right center;background-size: 2.6rem;}
.ys li:nth-child(4) h4{background: url(../images/advico4.png) no-repeat right center;background-size: 2.6rem;}
.ys li:nth-child(5) h4{background: url(../images/advico5.png) no-repeat right center;background-size: 2.6rem;}
.ys li:nth-child(6) h4{background: url(../images/advico6.png) no-repeat right center;background-size: 2.6rem;}
.ys .ys_more{height:3rem;position: relative;width:100%;margin:1rem auto 0; line-height: 3rem;text-align: center;font-size: 1.5rem;font-weight: bold;display: block;color: #fff;}
.ys .ys_more::after{content: "";position: absolute;left:50%;bottom:0.5rem;background:#98bf19;height:0.3rem;width: 96%;border-radius: 0.25rem;margin-left:-48%;}
.ys .ys_more em{display: block;position: relative;z-index: 1;}


/**/
.g-news{ padding:0.5rem 0 3.7rem; background:url(../images/newsbg.jpg) no-repeat center top;background-size: 100% 100%; box-sizing: border-box;}
.g-news h2{margin-bottom: 1rem;}
.news{width: 92%;margin:0 auto;}
.news_nav{ width:100%; height:3.1rem; position:relative;background: #31343a;border-radius: 1.6rem;margin-bottom: 1.6rem;}
.news_nav p{ height:3.1rem;font-size:1.2rem;float:left; text-align:left;padding-left: 7.5rem; color:#ffffff; line-height:3.1rem; position: relative;box-sizing: border-box; width:50%;}
.news_nav p:nth-child(1)::after{content: "";position: absolute;left:5.4rem;top:0.75rem;width:1.6rem;height:1.6rem;background:url(../images/newstit1.png) no-repeat left center;background-size: 1.6rem;}
.news_nav p:nth-child(2)::after{content: "";position: absolute;left:5.4rem;top:0.75rem;width:1.6rem;height:1.6rem;background:url(../images/newstit2.png) no-repeat left center;background-size: 1.6rem;}
.news_nav p:first-child{border-top-left-radius: 1.6rem;border-bottom-left-radius: 1.6rem;}
.news_nav p:last-child{border-top-right-radius: 1.6rem;border-bottom-right-radius: 1.6rem;}
.news_nav p.cur{color: #fff; font-weight: normal;background: #98bf19;}

.news_con{position: relative;}
.news_con dl{ clear: both;overflow: hidden;padding-bottom: 1.3rem;border-bottom: 1px solid #d6d6d6;margin-bottom: 1.3rem;}
.news_con dl dt{width:32.318%;float: left;}
.news_con dl dt img{width: 100%;display: block;}
.news_con dd{width:63.47%; float: right;margin-right: 0.5rem;;}
.news_con dd h4{font-size: 1.2rem;color:#000000;font-weight:bold;margin:0.25rem 0 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_con dd h4 a{color:#000000;}
.news_con dd p{font-size: 1.1rem;line-height: 1.6rem;text-align: justify;color:#6e6e6e;}
.news_con dl:last-child{border-bottom:0;}

/*走进*/
.g-about{ padding:0rem;background:#fff;background-size:100%;}
.g-about h2{margin-bottom: 2rem;}
.about img{ display:block; width:100%;}
.about dd{margin:-3rem auto 0;background: url(../images/abt_ddbg.png) no-repeat;background-size: 100% 10rem; height:10rem;padding:1.5rem 10.3rem 0 1.4rem;position: relative;}
.about p{font-size: 1.2rem; color: #7d7d7d;line-height: 1.8rem; text-align: justify;}



/**/
.g-xc{padding:0rem 0 3rem;background:#fff;background-size:100%;}
.xc{width:92%; margin:0 auto;position: relative;}
.xc_nav{width:100%;position: relative; position: relative;margin-bottom: 2rem;height:4rem;}
.xc_nav a{display: block;width: 33.33%;border-right: 1px solid #d4d4d4; line-height: normal; float: left;box-sizing: border-box; font-size: 1.3rem; color:#333333; height:4rem;text-align: center; font-weight: normal;}
.xc_nav a em{width:3rem;height:2.7rem;overflow: hidden;position: relative;margin:0 auto;display: block;}
.xc_nav a em img{width: 3rem;display: block;position: absolute;left:0;top:0;}
.xc_nav a.cur{ font-weight: bold;color:#98bf19;}
.xc_nav a.cur em img{top:-2.7rem;}
.xc_nav a:last-child{border-right: 0;}

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


 


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