/*-----------------------------------------------------------------------------------------------------------------------*/
.wrap img{ width:100%;}

.ban{ position:relative;}
.ban img{ display:block; width:100%;}
.ban:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:4rem; background:url(../images/ban_bg.png) no-repeat; background-size:100% auto; z-index:2;}
.ban .swiper-pagination{ bottom:3.6rem;}
.ban .swiper-pagination-bullet{ background:url(../images/ban_dot1.png) no-repeat; background-size:100% auto; opacity:1; width:0.8rem; height:0.8rem; border-radius:0.8rem; margin:0 2%;}
.ban .swiper-pagination-bullet-active{ background:url(../images/ban_dot2.png) no-repeat; background-size:100% auto;}

.tit{ text-align:center; font-size:2.2rem; font-weight:bold; color:#2e3135;}
.tit em{ display:block; font-size:1.2rem; color:#666; font-weight:normal;}

.g-yinz{ padding:5rem 0 3.6rem; background:#f3f3f3 url(../images/yinz_bg.jpg) no-repeat center bottom; background-size:100% auto;}
.g-yinz h5{ margin:1.6rem 0 2.4rem;}
.g-yinz h5 em{ display:block; width:96%; overflow:hidden;}
.g-yinz li{ float:left; font-size:1.2rem; padding:0 4%; position:relative;}
.g-yinz li:before{ content:""; position:absolute; top:0.8rem; right:0; width:1px; height:85%; background:#ccc;}
.g-yinz li:last-child:before{ background:none;}
.g-yinz li:last-child{padding-right:0;}
.g-yinz li span{ display:block; font-size:2.7rem; font-weight:bold; color:#2e3135; letter-spacing:-0.32rem;}
.g-yinz li span em{ display:inline-block; width:1.3rem; height:1.3rem; border-radius:1.3rem; background:#2e3135; text-align:center; line-height:1.3rem; font-size:0.8rem; color:#fff; letter-spacing:0;}

.g-fang{ margin:1.8rem 0 2.3rem;}
.m-fang{ width:92%; margin:1.6rem auto 0; height:13rem; background:url(../images/fang_h.png) no-repeat center top; background-size:100% auto;}
.m-fang a{ display:block; width:33.33%; float:left; height:3.6rem; margin-bottom:.4rem; font-size:1.2rem; line-height:3.6rem; color:#3c424e; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; }
.m-fang em{ display:block; width:2.6rem; height:2.6rem; overflow:hidden; margin:0.6rem 3% 0 7%; float:left;}
.m-fang em img{ display:block; width:100%;}
.g-fang ul{ width:92%; margin:0 auto;}
.g-fang li{ width:48.84%; background:#fff; box-shadow:0.1rem 0.1rem 0.5rem #ccc; margin-bottom:1rem;}
.g-fang li img{ display:block; width:100%;}
.g-fang li em{ display:block; font-size:1rem; line-height:3rem; height:3rem; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; color:#333; text-align:center;}
.g-fang a:nth-child(1) li{ width:100%;}
.g-fang a:nth-child(1) li em{ display:block; text-align:left; height:5rem; line-height:5rem; padding:0 10% 0 5%; font-size:1.2rem; font-weight:bold; background:url(../images/fang_icon.png) no-repeat right bottom; background-size:4rem auto;}
.g-fang a:nth-child(2n) li{ float:left;}
.g-fang a:nth-child(2n-1) li{ float:right;}

.g-zhin{ background:url(../images/zhin_bg.jpg) no-repeat center top; background-size:100% auto; padding:2.5rem 0 4.8rem;}
.g-zhin .tit,.g-zhin .tit em{ color:#fff;}
.g-zhin ul{ width:92%; margin:1.6rem auto 0;}
.g-zhin li{ margin-bottom:1.2rem; width:48.695%; background:#fff url(../images/fang_icon.png) no-repeat right bottom; background-size:3rem auto; height:6.7rem; padding-top:2rem; text-align:center; font-size:1.5rem; letter-spacing:0.1rem;}
.g-zhin li em{ display:block; font-size:1.8rem; font-weight:bold;}
.g-zhin li:nth-child(2n-1){ float:left;}
.g-zhin li:nth-child(2n){ float:right;}
.g-zhin h5{ text-align:center; font-size:2.4rem; font-weight:bold; color:#e50012; padding-top:2rem;}
.g-zhin h5 em{ display:block; font-size:0.8rem; width:48%; margin:0 auto; background:url(../images/process_lx.png) no-repeat left 0.8rem; background-size:1.5rem 1.65rem; padding:0 0 0.8rem 5%; margin-top:1rem; color:#fff; font-weight:normal;}
.g-zhin h5 em i{ font-size:1.8rem;}

.g-pro{ margin:1.2rem 0;}
.prot{ width:92%; margin:1.8rem auto 0; overflow:hidden; background:url(../images/fang_h.png) no-repeat center top; background-size:100% auto; height:8rem;}
.prot a{ display:block; width:33.33%; height:3.6rem; line-height:3.6rem; overflow:hidden; margin-bottom:.4rem; font-size:1.2rem; color:#2e3135;text-overflow: ellipsis;white-space: nowrap; float:left; text-align:center;}
.g-pro ul{ width:92%; margin:0 auto; overflow:hidden;}
.g-pro li{ width:48.84%; margin:1rem 0 0 0;}
.g-pro li img{ display:block; width:100%;}
.g-pro li em{display:block; text-align:center;height:3.6rem; line-height:3.6rem; overflow:hidden; font-size:1.2rem; color:#2e3135;text-overflow: ellipsis;white-space: nowrap;}
.g-pro a:nth-child(2n) li{ float:left;}
.g-pro a:nth-child(2n-1) li{ float:right;}
.g-pro a:nth-child(1) li{ width:100%; position:relative;}
.g-pro a:nth-child(1) li em{ position:absolute; bottom:0; width:100%; color:#fff;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,000000+88&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(0,0,0,0.88) 88%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(0,0,0,0.88) 88%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(0,0,0,0.88) 88%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#000000',GradientType=0 ); /* IE6-9 */}

.g-jic{ background:#f3f3f3 url(../images/jic_bg.jpg) no-repeat center bottom; background-size:100% auto; padding:2.4rem 0 4.5rem;}
.g-jic ul{ width:92%; margin:1.5rem auto 0;}
.g-jic li{ position:relative; margin-bottom:0.35rem;}
.g-jic li img{ display:block; width:100%;}
.g-jic li span{ display:block; width:100%; text-align:center; font-size:2.2rem; font-weight:bold; color:#fff; position:absolute; top:20%;}
.g-jic li span em{ display:block; font-size:1.5rem; color:#fff;}

.g-super{ margin:1.3rem 0 2.2rem;}
.supert{ height:6.8rem; border-top:1px solid #c3c3c3; margin-top:1.8rem; overflow:hidden;}
.supert p{ width:25%; float:left; text-align:center; font-size:1.3rem; color:#393939; position:relative; height:6.8rem;}
.supert p span{ display:block; width:2.5rem; height:3rem; margin:1rem auto 0; position:relative;}
.supert p span em{ border-radius:8rem;position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.supert p span i{ border-radius:8rem;position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.supert p img{ display:block;}
.supert .active{ background:url(../images/ys_hover.png) no-repeat center top; background-size:100% 100%; color:#fff; font-weight:bold;}
.supert .active span em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.supert .active span i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.m-super{ position:relative; overflow:hidden;  padding-bottom:3rem;}
.m-super dd{ width:92%; margin:1.7rem auto 0;}
.m-super dd h3{ font-size:1.3rem; color:#333; border-bottom:1px solid #ccc; padding-bottom:1.2rem;}
.m-super dd h3 em{ color:#e50012; display:block; font-size:2.4rem; font-weight:bold; line-height:3.3rem; background:url(../images/ys_icon1.png) no-repeat left center; background-size:3.5rem 3.3rem; padding-left:14%; margin-bottom:0.5rem;}
.m-super .swiper-slide:nth-child(2) dd h3 em{ background:url(../images/ys_icon2.png) no-repeat left center; background-size:3.5rem 3.3rem;}
.m-super .swiper-slide:nth-child(3) dd h3 em{ background:url(../images/ys_icon3.png) no-repeat left center; background-size:3.5rem 3.3rem;}
.m-super .swiper-slide:nth-child(4) dd h3 em{ background:url(../images/ys_icon4.png) no-repeat left center; background-size:3.5rem 3.3rem;}
.m-super dd p{ font-size:1.1rem; line-height:1.65rem; color:#666; margin-top:1.1rem;}
.m-super .swiper-pagination{ bottom:1rem; height:0.8rem;}
.m-super .swiper-pagination-bullet{ background:#2e3135; opacity:1; width:0.8rem; height:0.8rem; border-radius:0.8rem; margin:0 2%;}
.m-super .swiper-pagination-bullet-active{ background:#e50012; width:2.2rem;}

.g-coop{ position:relative;}
.g-coop h5 img{ display:block; width:100%;}
.g-coop .tit{ width:100%; position:absolute; top:3rem;}

.g-process{ background:url(../images/lc_bg.jpg) no-repeat center top; background-size:100% auto; padding:4.7rem 0 4rem;}
.g-process .tit,.g-process .tit em{ color:#fff;}
.g-process ul{ width:100%; background:url(../images/lc_bg.png) no-repeat center 0.5rem; background-size:100%; margin:3rem 0 0; padding-bottom:3rem;}
.g-process li{ width:25%; height:6.8rem; float:left; text-align:center; color:#fff; font-size:1.1rem;}
.g-process li em{ display:block; width:2rem; height:2rem; background:#fff; border-radius:2rem; color:#e50012; font-size:1rem; margin:0.8rem auto; line-height:2rem;}
.g-process h5{ font-size:1rem; background:url(../images/f1.png) no-repeat left 1rem; background-size:1.7rem 1.7rem; padding-left:6%; width:60%; margin:0 auto; color:#fff;}
.g-process h5 em{ color:#fff; font-size:2rem;}

.g-news{padding:1.2rem 0 2.5rem;}
.newst{ width:92%; margin:0.8rem auto 0; height:3.5rem; overflow:hidden; border-bottom:2px solid #999; position:relative;}
.newst:before{ content:""; position:absolute; top:1rem; left:23%; width:0.45rem; height:1.25rem; background:url(../images/new_line.png) no-repeat; background-size:100% auto;}
.newst p{ float:left; font-size:1.2rem; line-height:3.5rem; color:#333; width:28%;}
.newst p span{ display:block; width:1.4rem; height:1.4rem; overflow:hidden; float:left; margin:1.1rem 3% 0 0;}
.newst p span em,.newst p span i{ display:block;}
.newst p img{ display:block; width:100%;}
.newst .active{ font-weight:bold; color:#e50012;}
.newst .active span em{ display:none;}
.newst h5{ display:block; width:1.05rem; height:1.05rem; background:url(../images/new_more.png) no-repeat; background-size:100% auto; position:absolute; top:1.3rem; right:0;}
.m-new{margin:1rem auto 0; width:92%; overflow:hidden;}
.g-news dl{ padding:1rem 0; border-bottom:1px solid #ccc;}
.g-news dt{ width:33.33%; float:left;}
.g-news dt img{ display:block; width:100%; border-radius:0.5rem;}
.g-news dd{ width:60.87%; float:right;}
.g-news dd h3{ font-size:1.2rem; color:#333; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; margin-top:0.5rem;}
.g-news dd p{ font-size:1.1rem; line-height:1.6rem; color:#666; padding:1.2rem 0;}
.g-news dl:last-child{ border:0;}

.g-about{ position:relative;}
.g-about .tit{ width:100%; position:absolute; top:3rem;}
.g-about dt img{ display:block; width:100%;}
.g-about dd{ width:92%; position:absolute; top:34rem; left:4%;}
.g-about dd p{ font-size:1.2rem; line-height:2rem; color:#666;}
.g-about dd span{ display:block; width:8.25rem; height:3.1rem; background:url(../images/guide_btn.png) no-repeat; background-size:100% auto; margin-top:2.2rem; font-size:1.1rem; line-height:3.1rem; color:#fff; padding-left:3rem;}

.g-pic2 ul{ width:92%; margin:-2.425rem auto 1.5rem; height:4.85rem; background:url(../images/pic_bg.png) no-repeat center top; background-size:100% auto; position:relative; z-index:1;}
.g-pic2 li{ width:33.33%; float:left; height:4.85rem; overflow:hidden; font-size:1.2rem; line-height:4.85rem; color:#fff;}
.g-pic2 a:nth-child(2) li{ border-left:1px solid rgba(255,255,255,0.2);border-right:1px solid rgba(255,255,255,0.2); box-sizing:border-box;}
.g-pic2 li em{ display:block; width:2.5rem; height:2.5rem; float:left; margin:0.7rem 3% 0 12%;}
.g-pic2 a:nth-child(1) li em{ margin:0.7rem 3% 0 17%;}
.g-pic2 li em img{ display:block; width:100%;}
.m-pic{ width:100%; position:relative; overflow:hidden;}
.m-pic ul{ width:82%; margin:0 auto;}
.m-pic li{ width:48.78%;}
.m-pic li img{ display:block;}
.m-pic li em{ display:block; text-align:center; font-size:1.2rem; line-height:2.7rem; height:2.7rem; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; color:#666;}
.m-pic a:nth-child(2n-1) li{ float:left;}
.m-pic a:nth-child(2n) li{ float:right;}
.m-pic .pic_l{ width:2.45rem; height:2.45rem; overflow:hidden; background:url(../images/pic_left.png) no-repeat; background-size:100% auto; position:absolute; top:30%; left:1%; overflow:hidden;}
.m-pic .pic_r{width:2.45rem; height:2.45rem; overflow:hidden; background:url(../images/pic_right.png) no-repeat; background-size:100% auto; position:absolute; top:30%; right:1%; overflow:hidden;}


/*寮€灞忕*/
.wrap{ opacity:1;}
.pageShare img{ display:block; width:0px; height:0px;}
.loading{position:fixed;width:100%;height:100%; top:0;display:none; max-width:750px; min-width:320px; z-index:99999;}
.loading #showNext{ line-height:1.8rem; display:none; color:#fff; border:0.05rem solid #e50012; background:#e50012; 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;-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.06666666666667鈥琾x;}}
@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;}}