.wrap img{ width:100%;}
/*¹ã¸æ*/
.banner { position: relative; z-index: 3; width: 100%; overflow: hidden; }
.banner.swiper-container-horizontal > .swiper-pagination-bullets{ bottom: 1rem;}
.banner .swiper-pagination-bullet { background: #f5f5f5; width: .8rem; opacity: 1; height: .8rem; margin: 0 .4rem !important; }
.banner .swiper-pagination-bullet-active { border-radius: 0.4rem; opacity: 1; background: #cc0d0d; }

/*½â¾ö·½°¸*/
.g-plan{padding: 3.5rem 0;}
.m-bt{display: block;width: 100%;text-align: center;font-size: 1rem;color: #666;height: 5rem;line-height: 2rem;background: url(../images/plan_tbg.png) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;overflow: hidden;}
.m-bt b{display: block;font-size: 1.6rem;color: #333;padding-bottom: 1rem;}
.g-plan ul li{width: 30.63%;float: left;margin: 2rem 0 0 0.7rem;}
.g-plan ul li span{z-index: 10;position: relative;margin-top: -4rem;display: block;width: 100%;font-size: 1.1rem;color: #333;height: 7rem;line-height: 7rem;text-align: center;background: url(../images/plan_k.png) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;overflow: hidden;}

/*°¸Àý*/
.g-case{padding: 0 0 1.5rem;}
.case_t{width: 93.75%;margin: 2rem auto 0;position: relative;height: 8.6rem;}
.case_t:before{content: "";width: 100%;height: 1px;background: #5c5c5c;position: absolute;top: 50%;left: 0;z-index: 10;}
.case_t ul li{width: 25%;float: left;text-align: center;height: 4.3rem;line-height: 4.3rem;background: #333;position: relative;}
.case_t ul li:before{content: "";width: 1px;height: 100%;background: #5c5c5c;position: absolute;top: 0;right: 0;}
.case_t ul li a{font-size: 1rem;color: #fff;display: block;height: 4.3rem;}
.case_t ul li:nth-child(4n):before{background: none;}
.case_t ul li:first-child{border-radius: 1rem 0 0;}
.case_t ul li:last-child{border-radius: 0 0 1rem 0;}
.case_m{padding: 2.8rem 0 0;}
.case_m ul li{width: 45.31%;float: left;margin: 0 0 1.5rem 1rem;}
.case_m ul li span{display: block;width: 94%;text-align: center;height: 2rem;line-height: 2rem;font-size: 1rem;color: #666;padding: 0.5rem 3% 0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*¸ßÆ·ÖÊ*/
.g-pinz{width: 100%;height: 38.1rem;padding-top: 2.5rem;background: url(../images/pinz_bg.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;overflow: hidden;}
.g-pinz .m-cnt{ height:6.65rem; width:93.75%;margin: 2rem auto 0;}
.g-pinz .m-cnt li{ width:5.5rem; text-align:center; float:left; position:relative;height: 5.5rem;line-height: 1.3rem;font-size: 1rem;color: #333;background: #fff;border-radius: 50%;margin-right: 0.5rem;}
.g-pinz .m-cnt li:nth-child(1),.g-pinz .m-cnt li:nth-child(2){line-height: 5.5rem;}
.g-pinz .m-cnt li i{display: block;padding: 1.7rem 0 0;}
.g-pinz .m-cnt li:last-child{margin-right: 0;}
.g-pinz .m-cnt li.z-on{ background:#d90000; color:#fff;}
.g-pinz .m-cnt li.z-on:before{ position:absolute; content:""; width:0; height:0;bottom: -0.6rem;left: 38%;
border-top:0.7rem solid #d90000; 
border-left:0.7rem solid transparent;
border-right:0.7rem solid transparent;
}
.g-pinz .m-box .con{ display:inline; float:left;}
.g-pinz dl{width: 93.75%;margin: 0 auto;position: relative;height: 23rem;}
.g-pinz dl dt{width: 100%;line-height: 0;}
.g-pinz dl dd{width: 85%;height: 9rem;background: #333;position: absolute;top: 12.5rem;left: 8%;z-index: 20;}
.g-pinz dl dd:before{content: "";width: 1.7rem;height: 1.7rem;background: #d90000;position: absolute;bottom: -0.4rem;left: -0.4rem;z-index: -2;}
.g-pinz dl dd:after{content: "";width: 1.7rem;height: 1.7rem;background: #d90000;position: absolute;bottom: -0.4rem;right: -0.4rem;z-index: -2;}
.g-pinz .pinz_desc{font-size: 1rem;color: #fff;line-height: 1.5rem;height: 7rem;overflow: hidden;width: 88%;margin: 0 auto;padding: 1.2rem 0 0;}

/*ÓÅÊÆ*/
.youshi{width: 67.2%;overflow: hidden; padding: 10px 30% 3rem 2.8%;width: 100%;}
.youshi dl{background: #ececec;width: 30%;border-radius: 1rem 0;margin-bottom: 1rem;padding: 0 2px;margin: 0 2px;}
.youshi dl img{height: 100%;}
.youshi dl dt{width: 100%;line-height: 0;border-radius: 1rem 0 0;}
.youshi dl dd{padding:2px 5px;width: 95%;}
.youshi dl dd h5{font-size: 13px;color: #333;height: 4rem;line-height: 4rem;position: relative;overflow: hidden;}
.youshi dl dd h5:before{content: "";width: 2.2rem;height: 0.2rem;background: #d90000;position: absolute;bottom: 0;left: 0;}
.youshi dl dd p{font-size: 12px;color: #666;line-height: 1.6rem;height: 6.4rem;padding: 0.6rem 0 0;overflow: hidden;}
.youshi dl dd p b{color: #333;}
.youshi .switch { display: flex; justify-content: center; align-content: flex-end; }
.youshi .switch .swiper-pagination { position: relative; margin: 0 0 0 9rem; }
.youshi .switch .swiper-pagination-bullet { background: #333; width: 0.6rem; opacity: 1; height: 0.6rem; margin: 0.5rem 0.5rem 0 !important; border-radius: 50%; border: #fff 0.1rem solid;}
.youshi .switch .swiper-pagination-bullet-active { opacity: 1; background: #fff;border: #d90000 0.1rem solid;}

/*¶¨ÖÆÁ÷³Ì*/
.g-liuc{width: 100%;height: 20rem;overflow: hidden;background: url(../images/liuc_bg.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-liuc ul{width: 93.75%;margin: 0 auto;display: block;padding: 1.5rem 0 0;}
.g-liuc ul li{font-size: 1rem;color: #666;width: 33.33%;text-align: center;float: left;height: 7.2rem;}
.g-liuc ul li em{width: 3.2rem;height: 3.2rem;display: block;margin: 0 auto 0.3rem;}
.g-liuc ul li em img{width: 3.2rem;height: 3.2rem;}

/*×ß½øÖÐÇ¿*/
.g-about{width: 100%;padding: 2.5rem 0;}
.g-about img{height: 100%;}
.g-about dl{width: 100%;padding: 2rem 0 0;}
.g-about dl dt{width: 100%;line-height: 0;height: 17rem;padding-top: 1rem;background: url(../images/ab_k.jpg) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-about dl dt a{display: block;width: 72.5%;margin: 0 auto;}
.g-about dl dd{padding: 0.8rem 0 0;width: 93.75%;margin: 0 auto;}
.g-about dl dd h5{height: 2rem;line-height: 2rem;overflow: hidden;text-align: center;}
.g-about dl dd h5 a{font-size: 1.2rem;color: #333;}
.g-about .ab_desc{font-size: 1rem;color: #666;line-height: 1.8rem;height: 9rem;overflow: hidden;padding: 0.5rem 0 0;}

/**/

/*¿ªÆÁÐã*/
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: #fff; border: 0.05rem solid #fff; border-radius: 5%; padding-left: 1rem; padding-right: 1rem; text-align: center; position: absolute; right: 1rem; top: 1rem; 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;}
@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;}}  /*ipone6*/
@media screen and (min-width: 400px) {html {font-size: 12.5px;}}
@media screen and (min-width: 414px) {html {font-size: 12.94px;}} /*ipone6P*/
@media screen and (min-width: 440px) {html {font-size: 13.75px;}}
@media screen and (min-width: 480px) {html {font-size: 15px;}}
@media screen and (min-width: 520px) {html {font-size: 16.25px;}}
@media screen and (min-width: 560px) {html {font-size: 17.5px;}}
@media screen and (min-width: 600px) {html {font-size: 18.75px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}