@charset "utf-8";

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: 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;}}


.container{
	width: 100%;
	max-width: 640px;margin: 0 auto;
	min-width: 320px;
	overflow:hidden;
	position:relative;
}

.banner .swiper-pagination-bullet { background: #bababa; width: 1rem; opacity: 1; height: 1rem; margin: 1.3rem 0.5rem 0 !important; }
.banner .swiper-pagination-bullet-active { border-radius: 50%; opacity: 1; background: #29a7e2; }


/*����*/
.yin{ overflow:hidden;padding: 4rem 12.5% 2.8rem;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #fafafa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#fafafa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#fafafa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
}
.m-bt{display: block; width: 100%; text-align: center; font-size: 2rem; color: #29a7e2; font-weight: bold;position: relative;height: 6.3rem;line-height: 2.8rem;} 
.m-bt i{display: block; font-size: 0.8rem; color: #5d5d5d; text-transform: uppercase; font-weight: normal; font-family:Arial, Helvetica, sans-serif;} 
.m-bt span{display: block; font-size: 1rem; color: #5d5d5d;font-weight: normal;}
.m-bt:before{content: "";width: 12.3rem; height: 1px; background: #e5e5e5; position: absolute; top: 3.1rem; left: 30%;}
.m-bt:after{content: "";width: 3.8rem; height: 2px; background: #e89211; position: absolute; top: 3.1rem; left: 46%;}

.yin dl{ margin:0 0 1rem;box-shadow: 0 3px 0.4rem 3px #d0d0d0; opacity: .4;}
.yin dl dt{ width:100%;line-height: 0;}
.yin dl dd{ width:84%;height: 11rem;background: #fff;padding: 1.5rem 8% 0;text-align: center;}
.yin dl dd h5{font-size: 1.5rem;color: #2d2d2d;height: 3rem;line-height: 2.5rem;position: relative;}
.yin dl dd h5:before{content: "";width: 1.5rem; height: 0.15rem; background: #29a7e2; position: absolute; bottom: 0; left: 45%;}
.yin dl dd p{font-size: 1.2rem;color: #5e5e5e;line-height: 1.8rem;padding: 1rem 0 0;}
.yin dl.swiper-slide-active { opacity: 1; }
.switch { display: flex; justify-content: center; align-content: flex-end; margin-top: 1rem; }
.switch img { width: 2.75rem; max-width: 100%; }
.switch .swiper-pagination { position: relative; margin: 0 1rem; }
.switch .swiper-pagination-bullet { background: #bababa; width: 1rem; opacity: 1; height: 1rem; margin: 1.3rem 0.5rem 0 !important; }
.switch .swiper-pagination-bullet-active { border-radius: 50%; opacity: 1; background: #29a7e2; }

/**/
.g-cp{padding: 4rem 0 0;}
.cp01{background: #f6f6f6;padding: 2.8rem 0 1.5rem;margin-top: 0.7rem;}
.m-bt02{display: block;font-size: 1.7rem;color: #3d3d3d;width: 93.75%;margin:0 auto;line-height: 4rem;height: 4rem;overflow: hidden;}
.m-bt02 em{display: block;float: left;width: 2rem; height: 3.6rem; background: #29a7e2; font-size: 1.4rem; color: #fff; font-family:Arial, Helvetica, sans-serif;border-bottom: #e6a74a 0.15rem solid;text-align: center;line-height: 4rem;overflow: hidden;margin-right: 0.7rem;}
.m-bt02 span{float: right;font-size: 1.1rem;color: #c4c4c4;}
.cp01_t{padding: 1.8rem 0 0.5rem;}
.cp01_t ul li,.cp02_t ul li{width: 42%; text-align: center; height: 2.4rem; line-height: 2.4rem; float: left;margin: 0 0 0.8rem 5%;border: #d5d5d5 1px solid;background: #fff;} 
.cp01_t ul li a,.cp02_t ul li a,.cp03_b ul li a{font-size: 1.1rem;color: #555;display: block;}


 
.cp_pic{width: 100%;}
.cp_pic ul li{width: 42%; margin: 0 0 0.8rem 5%;line-height:0; float:left;}
/*.cp_picul li:first-child{    margin-bottom: 0.6rem;}*/
.cp_pic ul li span{display: block;font-size: 0.9rem;color: #666;width: 90%;text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding: 0 5%;height: 2.4rem;line-height: 2.4rem;background: #f5f5f5;}

/**/
.g-cp02{width: 93.75%;margin:0 auto;padding: 3rem 0;}
.g-cp02 .m-bt02{width: 100%;}
.cp02_t{padding: 1.3rem 0 0.5rem;}
.cp02_t ul li{width: 23%;    margin: 0 0 0.8rem 1.7%;} 
.cp02_t ul li:first-child{margin-left: 0;}

.g-cp02 dl{width: 100%;}
.g-cp02 dl dt{width: 100%;line-height: 0;}
.g-cp02 dl dd{width: 100%;padding: 1rem 0 0;}
.g-cp02 dl dd p{font-size: 0.9rem;color: #666;line-height: 1.8rem;display: inline-block;width: 100%;}
.g-cp02 dl dd p em{width: 2.5rem;height: 1.3rem;display: block;float: left;line-height: 0;padding: 0.3rem 0 0;}
.g-cp02 dl dd p em img{width: 2rem;height: 1.3rem;}
.g-cp02 dl dd p span{display: block;float: left;width: 26.5rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/**/
.g-cp03{background: #f6f6f6;padding: 3rem 0 0;}
.cp03_b{width: 93.75%;margin:0 auto;}
.cp03_b p{width: 100%;line-height: 0;margin-top: 1rem;}
.cp03_b ul li{width: 23%; text-align: center; height: 1.9rem; line-height: 1.9rem; background: #fff;float: left;border: #d5d5d5 1px solid;margin-top: 1rem;margin-right: 1.7%;} 
.cp03_b ul li:nth-child(4n){margin-right: 0;}

/*ս�Ժ������*/
.g-hz{ width:100%; overflow:hidden; position:relative;background: #f6f6f6;padding: 0 0 1.8rem;}
.hz01{width: 93.75%;margin:0 auto;background: #fff;padding: 1.5rem 0 2.5rem;}
.m-bt03{display: block;font-size: 1.4rem;color: #333; height:3rem; line-height:3rem; position:relative;width: 96%;margin:0 auto;}
.m-bt03:before{content: "";width: 8.5rem; height: 1px; background: #e5e5e5; position: absolute; bottom: 0; left: 0;}
.m-bt03:after{content: "";width: 3.8rem; height: 2px; background: #e89211; position: absolute; bottom: 0; left: 0;}
.hz01 p{font-size: 1rem;color: #666;width: 96%;margin:0 auto;line-height: 1.6rem;padding: 0.6rem 0 1.8rem;}
.g-hz .prev{ width:0.6rem; position:absolute; top:65%; left:1.3rem;z-index: 20;}
.g-hz .next{ width:0.6rem; position:absolute; top:65%; right:1.3rem;z-index: 20;}
.g-hz .nowarp { margin:0 1rem;}
.g-hz .m-box .con{ display:inline; float:left;}
.g-hz ul li{ width:30%; float:left;line-height: 0;border: #e8e8e8 1px solid;margin-left: 0.6rem;}

/*����*/
.g-ys{ width:100%;background: #29a7e2; overflow:hidden; padding:3rem 0 3.7rem;}
.g-ys .m-bt{line-height: 2.2rem;}
.g-ys .m-bt,.g-ys .m-bt span{ color: #fff;} 
.g-ys .m-bt:before,.g-ys .m-bt:after{ background: none;}
.g-ys .m-cnt{ height:3.5rem; width:93.75%;margin: 0 auto;}
.g-ys .m-cnt li{ width:19%; text-align:center; float:left;height: 2.9rem;line-height: 2.9rem;overflow: hidden;font-size: 1.2rem;color: #6f6f6f;background: #fff;margin-left:1.25%;}
.g-ys .m-cnt li.z-on{ background:#f19710; color:#fff;}
.g-ys .m-cnt li:first-child{margin-left: 0;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys dl{ width:93.75%;margin: 0 auto;background: #fff;padding: 0 0 2rem;}
.g-ys dl dt{width: 100%;line-height: 0;}
.g-ys dl dd{font-size: 1.1rem;color: #6e6e6e;line-height: 1.8rem;height: 5.4rem;overflow: hidden;padding: 1.5rem 0 0;width: 92%;margin: 0 auto; text-align:center;}

/*��������*/
.g-case {padding: 3.3rem 0 1rem; width:93.75%;margin: 0 auto;}
.g-case dl {width: 100%;padding: 1rem 0;border-bottom: 1px solid #dedede;overflow: hidden;height: 9rem;}
.g-case dl dt {width: 40%;line-height: 0;float: left;}
.g-case dl dd {width: 56%;height: 8rem;overflow: hidden;padding: 0.5rem 0 0 1rem;float: left;}
.g-case dl dd h5,.g-case dl dd h5 a {font-size: 1.1rem;color: #333;height: 2rem;line-height: 2rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-case dl dd h5 a {display: block;font-weight: bold;}
.g-case .case_desc {font-size: 1rem;color: #666;line-height: 1.5rem;height: 4.5rem;overflow: hidden;padding: 0.5rem 0 0;}
.g-case .nobor{border-bottom: none;}
.g-case .u-gd{display: block;font-size: 1.1rem;color: #555;width: 11.8rem;height: 2.7rem;line-height: 2.7rem;overflow: hidden;margin: 1rem auto 0;border: #f19710 1px solid;border-radius: 0.5rem;}
.g-case .u-gd em{display: block;float: left;width: 1.5rem;height: 1.5rem;line-height: 0;padding: 0.6rem 0.6rem 0 1.5rem;}
.g-case .u-gd em img{width: 1.5rem;height: 1.5rem;}

/*�߽���ŷ*/
.g-about {padding: 2rem 0; width:93.75%;margin: 0 auto;}
.g-about dl{width: 100%;}
.g-about dl dt{width: 100%;line-height: 0;}
.g-about dl dd{font-size: 1rem;color: #888;line-height: 1.7rem;height: 6.8rem;overflow: hidden;padding: 1.2rem 0 0;text-align: center;}


 html{ background:#fff;}/*ͼƬ����δ���ǰ��Ĭ�ϱ���ɫ*/
  .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:#29a7e2; border:0.05rem solid #29a7e2; 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;
  }