/*-----------------------------------------------------------------------------------------------------------------------*/
.g-adv ul li img{width:100%; }
.ban{ position:relative;}
.ban img{ display:block; width:100%;}
.ban .swiper-pagination{ top:93%;}
.ban .swiper-pagination-bullet{ background:#0055a5; opacity:1; width:2.32rem; height:0.35rem; border-radius:0;}
.ban .swiper-pagination-bullet-active{ background:#fad032;}

.tit{ text-align:center; color:#000; font-size:2rem; font-weight:normal;}
.tit em{ display:block; width:17.1875%; height:1.8rem; border-radius:0.2rem; text-align:center; line-height:1.8rem; color:#fff; background:#0055a5; font-size:1.3rem; margin:0 auto;}
.tit i{ display:block; font-size:1.2rem; color:#2d333f; background:url(../Images/Index/gongy_line.png) no-repeat center center; background-size:100% 0.2rem;}

.g-gongy{ margin:3rem 0;}
.gongy{ width:90.625%; margin:0.9rem auto;}
.gongy a{ display:block; width:49%; height:1.9rem; border-radius:0.2rem; text-align:center; line-height:1.9rem; font-size:1.2rem; color:#fff; background:#2d333f;}
.gongy a:nth-child(2n-1){ float:left;}
.gongy a:nth-child(2n){ float:right;}
.gongy .active{ background:#0055a5;}
.m-gongy{ width:90.625%; margin:0 auto; overflow:hidden;}
.m-gongy h3 img{ display:block; width:100%; margin-bottom:1rem;}
.m-gongy li{ width:33.33%; float:left;}
.m-gongy li em{ display:block; text-align:center; font-size:1.2rem; color:#000; line-height:1.8rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.m-gongy li img{ display:block; width:75%; margin:0 auto;}

.g-fang{ background:#eaeaea; padding:2.8rem 0;}
.g-fang .tit i{ background:url(../Images/Index/fang_line.png) no-repeat center center; background-size:100% 0.15rem;}
.g-fang .tit span{ color:#0055a5;}
.fangt{ width:90.625%; margin:0.9rem auto; overflow:hidden; background:#0055a5; border-radius:0.2rem; padding:0.9rem 2.5%; box-sizing:border-box;}
.fangt em{ display:block; width:49%; height:2.1rem; border-radius:0.2rem; background:#fff; border-radius:0.2rem; color:#2d333f; margin-bottom:0.5rem; font-size:1.2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; text-align:center; line-height:2.1rem;}
.fangt em:nth-child(2n-1){ float:left;}
.fangt em:nth-child(2n){ float:right;}
.fangt .active{ background:#ebc624; color:#0055a5;}
.fangt a.z2{display:block; width:49%; height:2.1rem; border-radius:0.2rem; background:#fff; border-radius:0.2rem; color:#2d333f; margin-bottom:0.5rem; font-size:1.2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; text-align:center; line-height:2.1rem; float:right;}
.m-fang{ width:90.625%; margin:0 auto; overflow:hidden;}
.m-fang dt img{ display:block; width:100%;border-radius:0.2rem;}
.m-fang dd{ padding:0 3% 1rem; background:#0055a5;}
.m-fang dd h3{ font-size:1.5rem; line-height:3rem; height:3rem; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; color:#fff; border-bottom:1px solid rgba(255,255,255,0.5);}
.m-fang dd .fangdd{ font-size:1.1rem; line-height:1.2rem; color:#fff; margin:0.5rem 0;}
.m-fang dd .fangdd em{ display:block; color:#ebc624;}
.m-fang dd span{ display:block; height:2.5rem;}
.m-fang dd span a{ display:inline-block; width:32%; height:2.5rem; border-radius:0.2rem; font-size:1.1rem; text-align:center; line-height:2.5rem; color:#2d333f; background:#fff; border-radius:0.2rem; margin-right:2%;}
.m-fang dd span a:last-child{ background:#ebc624; color:#0055a5;}
.m-fang2{ width:90.625%; margin:0.5rem auto 0; overflow:hidden;}
.m-fang2 li{ width:32.5%; float:left; margin-right:1.2%;}
.m-fang2 li img{ display:block; width:100%; border-radius:0.2rem;}
.m-fang2 a:last-child li{ margin-right:0;}

.g-case{ margin:2.8rem 0 1.5rem;}
.g-case .tit i{ background:none;}
.g-case .tit span{ color:#0055a5;}
.caset{ width:90.625%; margin:1.2rem auto 0.5rem; overflow:hidden;}
.caset em{ display:block; width:24.5%; margin:0 0.5% 0.15rem 0; padding:1rem 0; background:#eaeaea; text-align:center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; float:left; box-sizing:border-box; font-size:1rem; line-height:1.5rem;}
.caset em i{ display:block; width:3.6rem; margin:0 auto; height:3.6rem;}
.caset em i img{ display:block; width:100%;}
.caset .active{ background:#0055a5; color:#fff;}
.m-case{ width:90.6254%; margin:0 auto; overflow:hidden;height: 27rem;}
.m-case dt img{ display:block; width:100%; border-radius:0.2rem 0.2rem 0 0;}
.m-case dd{ background:#0055a5; padding:1rem 3%; position:relative;}
.m-case dd h3{ width:90%; float:left; font-size:1.2rem; line-height:3rem; height:3rem; overflow:hidden; color:#fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; border-bottom:1px solid rgba(255,255,255,0.3); margin-bottom:0.4rem;}
.m-case dd .casedd{ font-size:1rem; color:#fff; width:90%;}
.m-case dd h5{font-size:1rem; color:#fecf00;width:90%;}
.m-case dd h4{ width:36.11%; position:absolute; top:1.5rem; right:3%; font-size:1rem; color:#fecf00;}
.m-case dd h4 span{ display:block; font-size:1.2rem; color:#fff; margin-top:1rem;}
.m-case dd h4 span em{font-size:1.2rem; color:#fecf00; text-decoration:underline;}
.m-case dd h4 span em i{ font-size:3.2rem;}
.m-case dd h4 b{ display:block; width:4.8rem; height:4.8rem; position:absolute; top:-4rem; right:0;}
.m-case dd h4 b img{ display:block; width:100%;}

.g-par{ width:90.625%; margin:0 auto; padding-bottom:3.2rem; position:relative; background:#eaeaea; border-radius:.2rem; overflow:hidden;}
.g-par h2{ text-align:center; font-size:1.5rem; line-height:3.5rem; height:3.5rem;color:#000000;}
.g-par ul{ padding-left:3.125%;}
.g-par li{ width:31.3%; float:left; margin:0 1.8% 0.6rem 0;}
.g-par li img{ display:block; width:100%; border-radius:0.2rem;}
.g-par a:nth-child(3n) li{ margin-right:0;}
.g-par .swiper-pagination{ bottom:1.8rem;}
.g-par .swiper-pagination-bullet{ background:#2d333f; opacity:1; width:0.7rem; height:0.7rem; border-radius:0.7rem;}
.g-par .swiper-pagination-bullet-active{ background:#0055a5;}

.guan1{ width:90.625%; margin:1.1rem auto 0;}
.guan1 img{ display:block; width:100%;}

.g-pro{ margin:2.5rem 0;}
.g-pro .tit i,.g-guif .tit i{ background:url(../Images/Index/lc_line.png) no-repeat center center; background-size:100% 0.15rem;}
.g-pro .tit span{color:#0055a5;}
.g-pro ul{ width:90.625%; margin:1rem auto; border:1px solid #e7e7e7; border-right:2px solid #e7e7e7; box-sizing:border-box;}
.g-pro li{ width:33.33%; float:left; border:1px solid #e7e7e7; box-sizing:border-box; font-size:1.2rem; text-align:center; padding:1.5rem 0 0 0; color:#020202;}
.g-pro a:last-child li{ border-right:0;}
.g-pro li em{ display:block; font-size:0.6rem; color:#a1a1a1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.g-pro li i{ display:block; width:100%; margin-top:0.8rem;}
.g-pro li i img{display:block; width:100%;}
.g-pro h5{ width:90.625%; margin:0 auto; height:3rem; line-height:3rem; background:#0055a5 url(../Images/Index/fen_arr.png) no-repeat 82% center; background-size:1.35rem 1.35rem; text-align:center; font-size:1.2rem; color:#fff;}

.g-ys{ position:relative;}
.yst{ width:100%; height:6.3rem; position:absolute; top:7.3rem; z-index:5;}
.yst em{ display:block; width:15.625%; height:6.3rem; float:left; margin-left:3.6%; padding-left:2%; background:#fff; border:0.15rem solid #afafaf; box-sizing:border-box; font-size:1.2rem; color:#343a48; font-weight:bold; line-height:1.4rem;}
.yst em b{ display:block;}
.yst em i{ display:block; width:2.2rem; height:1.9rem; margin:0.5rem 0 0.3rem; overflow:hidden;}
.yst em img{ display:block; width:100%;}
.yst .active{ background:#0055a5; border:0.15rem solid #0055a5; color:#fff;}
.yst .active img{ margin-top:-1.9rem;}
.g-ys .tit{ font-size:1.7rem; height:9.2rem;} 
.g-ys dt img{ display:block; width:100%;}
.g-ys dd{ padding:1.5rem 4.6875% 2rem; background:#0055a5;}
.g-ys dd h3{ font-size:1.4rem; font-weight:bold; color:#fff;}
.g-ys dd p{ font-size:1.1rem; line-height:1.5rem; margin-top:0.2rem; color:#9fc7ec;}
.g-ys dd p em{ color:#fecf00;}
.g-ys dd span{ display:block; margin-top:1.1rem;}
.g-ys dd span img{ display:block; width:48.275%;  border-radius:.2rem; border:0.15rem solid #fff; float:left;}
.g-ys dd span img:last-child{ float:right;}

.g-guif{ margin-top:2.5rem; background:url(../Images/Index/guif_bg.jpg) no-repeat center bottom; background-size:100% auto; padding-bottom:2.8rem;}
.g-guif dl{ background:url(../Images/Index/guif_bg1.jpg) no-repeat center top; background-size:100% 100%; padding:1.1rem 4.6875%; margin:0.7rem 0 0 0;}
.g-guif dt{ width:77.57%; height:2rem; margin:0 auto 0.2rem; background:#fecf00; text-align:center; line-height:2rem; color:#0055a5; border-radius:0.2rem; font-size:1.2rem;}
.g-guif dd{ text-align:center; font-size:1rem; line-height:1.2rem; color:#fff;}
.m-guif{ background:#eaeaea; padding:2.2rem 0 2rem; overflow:hidden;}
.m-guif ul{ margin-left:4.6875%;}
.m-guif li{ width:30.81%; float:left; position:relative; margin-right:1.6%;}
.m-guif li img{ display:block; width:100%;}
.m-guif li em{ display:block; height:4rem; font-size:1.1rem; margin-top:2px; background:#fff; line-height:2rem; overflow:hidden; color:#2d333f; text-align:center;}
.m-guif li b{ display:block; width:3.5rem; height:3.5rem; background:#0055a5; text-align:center; line-height:3rem; border:0.25rem solid #eaeaea; box-sizing:border-box; border-radius:3.5rem; font-size:1.5rem; color:#fecf00; font-weight:normal; position:absolute; top:-1.75rem; left:50%; margin-left:-1.75rem;}
.arr{ width:90.625%; margin:0 auto; height:2.2rem; margin-top:1.3rem; position:relative;}
.arr:before{ content:""; position:absolute; top:50%; left:0; width:40%; height:1px; background:#938f8f;}
.arr:after{ content:""; position:absolute; top:50%; right:0; width:40%; height:1px; background:#938f8f;}
.arr .next1{ width:1.3rem; height:1.3rem; background:url(../Images/Index/lc_r.png) no-repeat; background-size:100% auto; position:absolute; top:0.3rem; right:43%; margin:0;}
.arr .prev1{ width:1.3rem; height:1.3rem; background:url(../Images/Index/lc_l.png) no-repeat; background-size:100% auto; position:absolute; top:0.3rem; left:43%; margin:0;}

.g-news{ margin-bottom:2.5rem;}
.g-news .tit i{ background:url(../Images/Index/new_line.png) no-repeat center center; background-size:100% 0.15rem;}
.tab02{ height:3rem; width:90.625%; margin:1rem auto;}
.tab02 a{ display:block; width:31.896%;color:#fff; background:#2d333f; height:3rem; text-align:center; font-size:1.2rem; line-height:3rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float:left;}
.tab02 a:nth-child(2){ margin-left:2.2%;}
.tab02 a:last-child{ float:right;}
.tab02 .active{ background:#0055a5;}
.m-news{ width:90.625%; margin:0 auto; overflow:hidden;}
.g-news dt img{ display:block; width:100%;}
.g-news dd{ width:93.1%; margin:-2rem auto 0.8rem; background:#0055a5; border-radius:0.2rem; z-index:5; position:relative; padding:1rem 3%; box-sizing:border-box;}
.g-news dd h4{ font-size:1.2rem; line-height:1.7rem; color:#fff;}
.g-news dd em{ display:block; font-size:1.2rem; color:#fff; opacity:0.6;}
.g-news li{ height:2.8rem; border-bottom:1px solid #e5e5e5; font-size:1rem; line-height:2.8rem; color:#2d333f; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; padding-left:6%; background:url(../Images/Index/new_arr.png) no-repeat left center; background-size:0.85rem 0.85rem;}
.g-news li em{ float:right; color:#666;}
.g-news a:last-child li{ border:0;}

.g-about{ position:relative; margin-bottom:3rem;}
.g-about h3 img{ display:block; width:100%;}
.g-about .tit{ width:100%; position:absolute; top:2.5rem;}
.g-about .tit i{ background:url(../Images/Index/lc_line.png) no-repeat center center; background-size:100% 0.15rem;}
.g-about .tit p{ width:91.625%; height:2.1rem; background:#0055a5; text-align:center; color:#fff; margin:0.5rem auto 0; font-size:0.9rem; line-height:2.1rem; border-radius:0.2rem;}
.g-about .tit p b{ font-weight:normal; color:#f0c82b;}
.g-about ul{ width:90.625%; margin:0.8rem auto 0;}
.g-about li{ padding:1.3rem 0; width:50%; float:left; background:#222835; color:#fff; overflow:hidden;}
.g-about li p{ height:4.8rem;}
.g-about li p b{ display:block; font-size:3.4rem; font-weight:bold; float:left; margin:-0.5rem 2% 0; position:relative;}
.g-about li p span{ font-size:0.9rem; margin-top:.6rem; width:60%;}
.g-about li p span em{ display:block; font-size:1.2rem;}
.g-about li p span i{ display:block; font-size:0.5rem; opacity:0.5; position:relative;}
.g-about li p span i:before{ content:""; position:absolute; bottom:-0.5rem; left:60%; width:50%; height:1px; border-bottom:1px solid rgba(255,255,255,0.6);}
.g-about li h5{ width:2.9rem; margin:0.3rem 0 0 32%;}
.g-about li h5 img{ display:block; width:100%;}
.g-about li:nth-child(1){ background:#ececec; color:#393939;}
.g-about li:nth-child(1) p b{ color:#0055a5;}
.g-about li:nth-child(1) p span i:before{border-bottom:1px solid rgba(51,51,51,0.6);left:33%;}
.g-about li:nth-child(2) h5{margin:0.3rem 0 0 60%;}
.g-about li:nth-child(3){ background:#0055a5;}
.g-about li:nth-child(3) p span i:before{ left:33%;}
.g-about li:nth-child(4){ background:#00488c;}
.g-about li:nth-child(4) p span i:before{ left:47%;}
.g-about li:nth-child(4) h5{margin:0.3rem 0 0 47%;}

/*开屏秀*/
.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 #003887; background:#003887; 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;}}



.tels {
    display: block;
    height: 2.5rem;
    text-align: center;
    margin: 1rem 0;
}
.tels a{
       background: #ebc624;
    color: #0055a5;
    display: inline-block;
    width: 45%;
    height: 2.5rem;
    border-radius: 0.2rem;
    font-size: 1.1rem;
    text-align: center;
    line-height: 2.5rem;
    border-radius: 0.2rem;
    margin-right: 2%;
}