
/*-----------------------------------------------------------------------------------------------------------------------*/
.ban{ position:relative;}
.ban img{ display:block; width:100%;}
.ban .swiper-pagination{ bottom:1rem;}
.ban .swiper-pagination-bullet{ background:#fff; opacity:1; width:0.8rem; height:0.8rem;}
.ban .swiper-pagination-bullet-active{ background:#036ba6; border-radius:0.6rem; width:1.5rem;}

.tit{ text-align:center;color:#444; font-size:3rem; font-weight:bold;}
.tit em{ display:block; font-size:1.2rem; color:#6e7175; font-weight:normal; padding-top:0.3rem;}
.tit i{ color:#036ba6;}

.g-yinz{ background:url(../images/ser_bg.jpg) no-repeat center top; background-size:100% 100%; padding:2.5rem 0 3.5rem; position:relative;}
.g-yinz dl{ width:87.5%; margin:1.1rem auto;}
.g-yinz dt img{ display:block; width:100%;}
.g-yinz dd h3{ font-size:1.8rem; color:#444; padding:1.2rem 0 0.5rem;}
.g-yinz dd p{ font-size:1.2rem; line-height:1.5rem; color:#737373;}
.g-yinz dd span{ display:block; margin-top:1.2rem;}
.g-yinz dd span em{ display:block; width:33.33%; float:left; font-size:1.1rem; color:#444; text-align:center;}
.g-yinz dd span em i{ display:block; width:28%; margin:0 auto 0.3rem;}
.g-yinz dd span em img{ display:block; width:100%;}
.g-yinz .swiper-pagination{ bottom:0rem; position:relative;}
.g-yinz .swiper-pagination:before{ content:""; position:absolute; top:50%; left:6%; width:36%; height:1px; background:#d5d5d5;}
.g-yinz .swiper-pagination:after{ content:""; position:absolute; top:50%; right:6%; width:36%; height:1px; background:#d5d5d5;}
.g-yinz .swiper-pagination-bullet{ background:#b4b4b4; opacity:1; width:1rem; height:1rem;}
.g-yinz .swiper-pagination-bullet-active{ background:#036ba6; border-radius:1rem;}

.g-pro{ padding:2.5rem 0;background:#e5e5e5;}
.prot{ margin:1.4rem 0 0 3.125%;}
.prot a{ display:block; width:22.7%; float:left; text-align:center; font-size:1.2rem; color:#444; height:4rem; padding-top:0.8rem; box-sizing:border-box; border-radius:0.2rem; background:#fff; margin:0 1.6% 1rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.prot em{ display:block; font-size:0.6rem; color:#bcbcbc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.prot a:last-child{ margin-right:0;}
.prot .active{ background:#036ba6; color:#fff;}
.prot .active em{ color:#88afc5;}
.g-pro1{ width:93.75%; margin:0 auto; overflow:hidden;}
.g-pro1 dl{ position:relative;}
.g-pro1 dt img{ display:block; width:100%;}
.g-pro1 dd{ width:93.75%; position:absolute; top:1.6rem; left:3.125%;}
.g-pro1 dd h3{ font-size:2.25rem; color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.g-pro1 dd h3 em{ color:#ffd400;}
.g-pro1 dd p{ font-size:1rem; line-height:1.4rem; color:#9b9ba5; padding-top:0.1rem;}
.g-pro1 li{ width:47.83%; margin-top:1.5rem;}
.g-pro1 li img{ display:block; width:100%;} 
.g-pro1 li span{ display:block; font-size:1.1rem; text-align:center; color:#444; height:3.5rem; line-height:3.5rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; background:#fff; margin-top:0.5rem;}
.g-pro1 a:nth-child(2n-1) li{ float:left;}
.g-pro1 a:nth-child(2n) li{ float:right;} 
.g-pro h5{ width:93.75%; margin:1.3rem auto 0; height:3.5rem; font-size:1.2rem; color:#fff; line-height:3.5rem; background:#036ba6 url(../images/pro_arr.png) no-repeat 62% center; background-size:1.25rem 1.25rem; padding-left:30%; box-sizing:border-box; border-radius:0.2rem;}

.g-fang{ margin:3rem 0;}
.fangt{ margin:1.2rem 0 0 3.125%;}
.fangt a{ display:block; width:31.1%; float:left; text-align:center; font-size:1.2rem; color:#444; height:4rem; padding-top:0.8rem; box-sizing:border-box; border-radius:0.2rem; background:#e5e5e5; margin:0 1.6% 0.5rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fangt em,.g-fang h5 em{ display:block; font-size:0.6rem; color:#bcbcbc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fangt a:last-child{ margin-right:0;}
.fangt .active{ background:#036ba6; color:#fff;}
.fangt .active em{ color:#88afc5;}
.g-fang h5{display:block; width:30%; float:right; text-align:center; font-size:1.2rem; color:#444; height:4rem; padding-top:0.8rem; box-sizing:border-box; border-radius:0.2rem; background:#e5e5e5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin:-4.5rem 3.125% 0 0;}
.m-fang{ width:93.75%; margin:0 auto; overflow:hidden; background:#036ba6; padding-bottom:3.5rem;}
.g-fang dt img{ display:block; width:100%;}
.g-fang dd{ padding:1.5rem 3% 2rem;}
.g-fang dd h3{ font-size:2rem;color:#ffd400; line-height:2.2rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.g-fang dd h3 em{ display:block; color:#fff; font-size:1.2rem; margin-top:0.2rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.g-fang dd h3 b{ padding:0 2%;}
.g-fang dd p{ font-size:1.1rem; line-height:1.5rem; color:#a4bed6;}
.m-fang1{ width:93.75%; margin:0 auto;}
.m-fang1 h4{ height:2.4rem; background:url(../images/case_line.gif) repeat-x center center; background-size:1px 1px; margin-bottom:1.2rem;}
.m-fang1 h4 em{ display:block; width:25%; height:2.4rem; text-align:center; font-size:1.2rem; font-weight:bold; background:#ffd400; margin:0 auto; line-height:2.4rem; color:#036ba6; border-radius:2rem;}
.m-fang1 li{ width:48.16%;}
.m-fang1 li img{ display:block; width:100%;}
.m-fang1 a:nth-child(2n-1) li{ float:left;}
.m-fang1 a:nth-child(2n) li{ float:right;} 

.g-ys{ background:#036ba6 url(../images/ys_bg.jpg) no-repeat center bottom; background-size:100% auto; padding:2.6rem 0 4rem;}
.g-ys .tit{ color:#fff;}
.g-ys .tit b{ color:#ffd400;}
.g-ys .tit em{ color:#fff;}
.tabys{ height:8rem; margin-top:1.6rem;}
.tabys a{ display:block; width:25%; float:left; text-align:center; font-size:1.2rem; color:#fff; height:8.4rem;}
.tabys em{ display:block; width:3.1rem; height:3.1rem; overflow:hidden; margin:0 auto 0.6rem;}
.tabys em img{ display:block; width:100%;}
.tabys .active{ color:#ffd400; background:url(../images/ys_hover.png) no-repeat center 6rem; background-size:5rem 0.55rem;}
.ys{ width:93.75%; margin:0 auto;overflow:hidden; padding-bottom:0.5rem;}
.ys dt img{ display:block; width:100%;}
.ys dd h3{ height:6.5rem; margin-top:1rem;}
.ys dd h3 em{ display:block; width:21.66%; height:6.5rem; padding-top:1rem; box-sizing:border-box; float:left; background:url(../images/ys_dot1.png) no-repeat center top; background-size:100% 100%; font-size:1.6rem; color:#036ba6; text-align:center;}
.ys dd h3 b{ display:block; font-weight:normal;}
.ys dd h3 span{ display:block; width:76.66%; float:right; margin-top:1rem; color:#fff; font-size:1.6rem;}
.ys dd h3 span i{ display:block; font-weight:bold;}
.ys dd p{ font-size:1.1rem; line-height:1.5rem;color:#b8ccde; position:relative; padding-left:5%; margin:0.8rem 0 0.3rem; background:url(../images/ys_arr.png) no-repeat 1% 0.3rem; background-size:0.4rem 0.6rem;}
.ys .swiper-pagination{ position:relative; width:93.75%; height:1rem; margin:1.6rem auto 0;}
.ys .swiper-pagination:before{ content:""; position:absolute; top:50%; left:3%; width:32%; height:1px; background:#7fadc6;}
.ys .swiper-pagination:after{ content:""; position:absolute; top:50%; right:3%; width:32%; height:1px; background:#7fadc6;}
.ys .swiper-pagination-bullet{ background:#fff; opacity:1; width:1rem; height:1rem;}
.ys .swiper-pagination-bullet-active{ background:#ffd400;}

.g-team{ margin:3rem 0;}
.tab01{ margin:1.4rem 0 0 3.125%;}
.tab01 a{ display:block; width:22.9%; float:left; text-align:center; font-size:1.2rem; color:#444; height:4rem; padding-top:0.6rem; border-radius:0.2rem; border:2px solid #737373; box-sizing:border-box; margin:0 1.6% 1rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tab01 em{ display:block; font-size:0.6rem; color:#bcbcbc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tab01 a:last-child{ margin-right:0;}
.tab01 .active{ background:#036ba6; color:#fff; border:0;}
.tab01 .active em{ color:#88afc5;}
.m-team{ width:93.75%; margin:0 auto; overflow:hidden;}
.m-team p img{ display:block; width:100%; border-radius:0.3rem;}

.g-new{ background:#e5e5e5; padding:2.8rem 0;position:relative;}
.tabs{ margin:1.4rem 0 0 3.125%; text-align:center;}
.tabs a{ display:inline-block; width:22.9%;text-align:center; font-size:1.2rem; color:#444; height:4rem; padding-top:0.6rem; border-radius:0.2rem; border:2px solid #737373; box-sizing:border-box; margin:0 1.6% 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tabs em{ display:block; font-size:0.6rem; color:#bcbcbc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tabs a:last-child{ margin-right:0;}
.tabs .active{ background:#036ba6; color:#fff; border:0;}
.tabs .active em{ color:#88afc5;}
.new{ margin:0 auto; width:93.75%; overflow:hidden;}
.new li{ padding:1rem 0; border-bottom:1px solid #cbcbcb; position:relative;}
.new li:before{ content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#fff;}
.new li span{ display:block; font-size:1.1rem; font-weight:normal; color:#000; overflow:hidden; font-weight:bold;text-overflow:ellipsis;white-space:nowrap;}
.new li span em{ font-size:1.1rem; font-weight:bold; color:#4a371d; padding-right:4%;}
.new li i{ display:block; font-size:1.1rem; color:#9d9d9d; padding-top:0.6rem;}
.new a:last-child li{ border:0;}
.new a:last-child li:before{ background:none;}

.g-about h2{ position:relative;}
.g-about h2 img{ display:block; width:100%;}
.g-about dl{ width:93.75%; padding:2.5rem 7.5%; box-sizing:border-box; margin:-1.35rem auto 0; background:#036ba6; border-radius:0.2rem; position:relative;}
.g-about dd{ font-size:3rem; color:#fff; font-weight:bold;}
.g-about dd em{ display:block; font-size:1.2rem; font-weight:normal;}
.g-about dd b{ color:#ffd400;}
.g-about dt p{ font-size:1.1rem; line-height:1.5rem; color:#b8ccde; margin:1rem 0 0;}
.g-about dt span{ display:block; width:32%; height:2.7rem; border-radius:2rem; background:#ffd400 url(../images/about_arr.png) no-repeat 80% center; background-size:1.45rem 1.45rem; font-size:1.1rem; color:#036ba6; line-height:2.6rem; padding-left:8%; margin-top:0.7rem;}

.pict{ height:3.6rem; overflow:hidden; margin-top:1.5rem; text-align:center;}
.pict a{ display:inline-block; width:23.16%; height:2.6rem;margin-right:1.6%; border:2px solid #333; box-sizing:border-box; text-align:center; line-height:2.4rem; overflow:hidden; font-size:1.2rem; color:#333;text-overflow:ellipsis;white-space:nowrap;}
.pict a:last-child{ margin-right:0;}
.pict .active{ background:#036aa6; color:#fff; border:2px solid #036aa6; box-sizing:border-box;}
.m-pic{ width:93.75%; margin:0 auto 2rem; overflow:hidden; position:relative;}
.m-pic2{ width:100%; margin:0 auto; overflow:hidden; position:relative;}
.m-pic2 li{ width:48.21%;}
.m-pic2 li img{ display:block; width:100%;}
.m-pic2 a:nth-child(2n-1) li{ float:left;}
.m-pic2 a:nth-child(2n) li{ float:right;}
.arr{ position:relative; height:1.6rem; margin-top:1.2rem;}
.arr .prev2{ position:absolute; top:0; left:30%; background:url(../images/left.png) no-repeat; background-size:100% 100%; width:1.6rem; height:1.6rem; margin:0;}
.arr .next2{ position:absolute; top:0; right:30%; background:url(../images/right.png) no-repeat; background-size:100% 100%; width:1.6rem; height:1.6rem; margin:0;}
.arr .swiper-pagination{ bottom:0.2rem; width:100%;}
.arr .swiper-pagination-bullet{ background:#b8b8b8; opacity:1; width:0.8rem; height:0.8rem; margin:0 1%;}
.arr .swiper-pagination-bullet-active{ background:#036aa6;}

/*开屏秀*/
.pageShare img{ display:block; width:0px; height:0px;}
.loading{position:fixed;width:100%;height:100%; top:0;display:none; max-width:640px; min-width:320px; z-index:99999;}
.loading #showNext{ line-height:1.8rem; display:none; color:#fff; border:0.05rem solid #036ba6; background:#036ba6; 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;}
@media screen and (min-width: 320px) {html {font-size: 10.625px;}}
@media screen and (min-width: 360px) {html {font-size: 11.875px;}}
@media screen and (min-width: 400px) {html {font-size: 13.125px;}}
@media screen and (min-width: 440px) {html {font-size: 14.375px;}}
@media screen and (min-width: 480px) {html {font-size: 15.625px;}}
@media screen and (min-width: 520px) {html {font-size: 16.875px;}}
@media screen and (min-width: 560px) {html {font-size: 18.125px;}}
@media screen and (min-width: 600px) {html {font-size: 19.375px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}