/*-----------------------------------------------------------------------------------------------------------------------*/
.ban{ position:relative;}
.ban img{ display:block; width:100%;}
.arr{ width:25.3125%; margin:-3.4rem auto 0; height:3.4rem; position:relative; z-index:1;}
.arr .prev1{ float:left; width:50%; height:3.4rem; overflow:hidden; margin:0; position:absolute; top:0; left:0;}
.arr .next1{ float:left;width:50%; height:3.4rem; overflow:hidden;margin:0;position:absolute; top:0; right:0;}

.tit{ text-align:center;color:#171310; font-size:1.8rem; background:url(../images/pro_line.png) no-repeat center 1.3rem; background-size:100% 2px;}
.tit em{ display:block; font-size:0.9rem; color:#5d5c5a; font-weight:normal; padding-top:0.5rem;}

.g-yinz{ margin:1.5rem 0 0 0;}
.g-yinz dl{ width:93.75%; margin:0 auto; overflow:hidden; background:#f0f0f0;}
.g-yinz dt{ background:#1c59ac; padding:1.3rem 5.833% 2.2rem;}
.g-yinz dt h3{ font-size:1.5rem; color:#fff; margin-bottom:0.6rem;}
.g-yinz dt h3 em{ display:block; float:right; font-size:1rem; line-height:1.8rem;}
.g-yinz dt span img{ display:block; width:100%;}
.g-yinz dd{ padding:1rem 5%;}
.g-yinz dd h3{ font-size:1.8rem; color:#0a0f12;}
.g-yinz dd h3 em{ display:block; background:#1c59ac; color:#fff; height:2rem; text-align:center; font-size:1rem; line-height:2rem; margin-top:0.6rem;}
.g-yinz dd p{ font-size:1rem; line-height:1.3rem; color:#676767; padding:1rem 0 0.5rem;}
.g-yinz ul{ background:url(../images/yinz_bg.jpg) no-repeat center top; background-size:100% auto; padding:2rem 3.125% 3.5rem; margin-top:1.6rem;}
.g-yinz li{ width:50%; float:left; margin:1rem 0; text-align:center; font-size:1rem; color:#5b5c5d; border-left:1px solid #e3e3e3; box-sizing:border-box; position:relative;}
.g-yinz li:nth-child(2n):before{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#e3e3e3;}
.g-yinz li span{ display:block; font-size:2.4rem; font-family: Arial; color:#1e5db0; font-weight:bold;}
.g-yinz li span em{ font-size:1.2rem; color:#0a0f12; font-family:"Microsoft YaHei"; font-weight:normal;}

.g-pro{ padding:2.8rem 3.125%; background:#f5f5f5; overflow:hidden;}
.g-pro p{ height:8rem; background:#1e5db0; overflow:hidden; margin:1.1rem 0;}
.g-pro p a{ display:block; width:33.33%; float:left; text-align:center; font-size:1.4rem; height:8rem; color:#fff;}
.g-pro p a:nth-child(2){ background:#0d953c;}
.g-pro p em{ position:relative; font-size:1.1rem; color:#fff; opacity:0.5; padding:1.5rem 0 0.2rem;display:block;}
.g-pro p em:before{ content:""; position:absolute; bottom:0; left:50%; width:1rem; height:2px; background:rgba(255,255,255,0.5); margin-left:-0.5rem;}
.g-pro p i{ display:block; font-size:0.5rem; opacity:0.5; line-height:1.5rem;}
.g-pro h5{ height:4rem; overflow:hidden; text-align:center; position:relative; font-size:1.2rem; color:#565656; line-height:4rem;}
.g-pro h5:before{ content:""; position:absolute; top:1.8em; left:0; width:9.5rem; height:1px; background:#dcdcdc;}
.g-pro h5:after{content:""; position:absolute; top:1.8em; right:0; width:9.5rem; height:1px; background:#dcdcdc;}
.g-pro li{ width:47.5%; background:#fff; margin-bottom:0.5rem;}
.g-pro li img{ display:block; width:100%;}
.g-pro li em{ display:block; width:100%; height:2.5rem; padding-left:4%;line-height:2.5rem; color:#fff; overflow:hidden; font-size:1.1rem; border:2px solid #efefef; box-sizing:border-box; font-size:0.9rem; color:#171717; text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;}
.g-pro li span{ display:block;font-size:0.7rem;  line-height:2rem; height:2rem; overflow:hidden; color:#7c7c7c; background:url(../images/pro_arr.png) no-repeat 4% center; background-size:0.75rem 0.75rem; padding-left:11%; border:2px solid #eee; box-sizing:border-box; border-top:0;}
.g-pro a:nth-child(2n-1) li{ float:left;}
.g-pro a:nth-child(2n) li{ float:right;} 

.g-proys{ background:url(../images/proys_bg.jpg) no-repeat center top; background-size:100% auto; padding:2rem 0;}
.g-proys .tit{ color:#fff;background:url(../images/proys_line.png) no-repeat center 1.3rem; background-size:100% 2px;}
.g-proys .tit em{ color:#fff;}
.g-proys ul{ width:87.75%; padding:1rem 3% 0; margin:1rem auto 0; background:rgba(255,255,255,0.9);}
.g-proys li{ width:45%; margin-bottom:1rem; font-size:1.2rem; color:#0a0f12;}
.g-proys li em{ display:block; width:54.66%; margin-bottom:0.4rem;}
.g-proys li em img{ display:block; width:100%;}
.g-proys li span{ display:block; font-size:0.9rem; color:#7f7f7f; line-height:1.3rem; height:5.2rem; margin-top:0.4rem;}
.g-proys li:nth-child(2n-1){ float:left;}
.g-proys li:nth-child(2n){ float:right;} 

.guan1{ background:#0d953c; padding:1.8rem 3.125%;}
.guan1 span{display:block; float:left; width:50%; background:url(../images/guang_lx1.png) no-repeat left;background-size:3.2rem 3.2rem; padding-left:13%; font-size:1.2rem; color:#fff;}
.guan1 span em{ display:block; font:1.7rem Arial; font-weight:bold;}
.guan1 i{ display:block; float:right; width:30%; height:3rem; background:#fff; font-size:1.2rem; font-weight:bold; color:#0d953c; text-align:center; line-height:3rem;}

.g-fang{ margin:2.5rem 0;}
.g-fang .tit{ margin-bottom:1.5rem;}
.g-fang li{ width:93.75%; margin:0 auto 0.5rem; position:relative;}
.g-fang li img{ display:block; width:100%;}
.g-fang li em{ display:block; height:3rem; background:#1e5db0 url(../images/fang_arr.png) no-repeat 96% center; background-size:1.65rem 1.65rem; padding-left:4%; font-size:1.2rem; line-height:3rem; position:absolute; bottom:0; width:96%; color:#fff;}

.g-ys{ margin:3rem 0 0;}
.g-ys h2{background:url(../images/ys_bg.gif) no-repeat center top; background-size:100% auto; padding:2.1rem 0 1rem; text-align:center; font-size:2.4rem; font-weight:bold; color:#333;}
.g-ys h2 em{ display:block; font-size:1rem; font-weight:normal; padding-top:0.3rem;}
.g-ys2{margin-top:1.5rem;}
.tabys{ width:93.75%; margin:1rem auto 0;}
.tabys a{ display:block; width:47.5%; height:6.2rem; background:#ececec; margin-bottom:0.5rem;}
.tabys em{ display:block; width:3.45rem; height:3.35rem; overflow:hidden; float:left; padding:1.2rem 2% 0 9%;}
.tabys em b{ display:block; width:100%;}
.tabys em img{display:block; width:100%;}
.tabys em i{ display:block; width:100%;}
.tabys span{ display:block; font-size:1.2rem; color:#0a0f12; font-weight:normal; padding-top:1.5rem;}
.tabys span i{ display:block; font-size:0.5rem; color:#b2b2b2; padding-top:0.3rem;}
.tabys .active{ background:#1e5db0;}
.tabys .active em b{ display:none;}
.tabys .active span{ color:#fff;}
.tabys .active span i{ color:rgba(255,255,255,0.5);}
.tabys a:nth-child(2n-1){ float:left;}
.tabys a:nth-child(2n){ float:right;} 
.ys{ background:#1e5db0; padding-bottom:6rem; overflow:hidden;}
.ys dt img{ display:block; width:100%;}
.ys dd h3{ font-size:1.5rem; color:#fff; padding:2rem 0 1rem 5%;}
.ys dd p{ font-size:0.9rem; line-height:1.3rem;color:rgba(255,255,255,0.5);padding:0 8% 0; background:url(../images/ys_arr.png) no-repeat 5% 0.5rem; background-size:0.4rem 0.4rem;}
.ys .swiper-pagination{ margin-top:1rem;}
.ys .swiper-pagination-bullet{ background:#fff; text-align:center; font-size:1rem; line-height:1.9rem; opacity:1; width:1.9rem; height:1.9rem; border-radius:1.9rem; color:#1e5db0; position:relative;}
.ys .swiper-pagination-bullet-active{background: #0d953c; color:#fff;}
.ys .swiper-pagination-bullet:nth-child(1):before{ content:"01"}
.ys .swiper-pagination-bullet:nth-child(2):before{ content:"02"}
.ys .swiper-pagination-bullet:nth-child(3):before{ content:"03"}
.ys .swiper-pagination-bullet:nth-child(4):before{ content:"04"}

.g-new{ background:#f1f1f1; padding:2.8rem 3.125%;position:relative;}
.g-new .tit{ background:none;}
.tabs{height:2.6rem; margin:1.2rem auto 0; border-bottom:1px solid #dcdcdc; overflow:hidden;}
.tabs a{ display:block; width:23%; height:2.6rem; margin-right:4%; float:left; text-align:center; font-size:1.1rem;line-height:2.6rem; color:#000;}
.tabs span{display:block; width:1rem; height:0.95rem; float:left; padding:0.9rem 0 0 0; overflow:hidden;}
.tabs span img{display:block; width:100%;}
.tabs span em,.tabs span i{ display:block; width:100%;}
.tabs .active{ color:#1e5db0;}
.tabs .active em{ display:none;}
.g-new h5{display:block; width:22.6%; font-size:1rem; color:#000; margin-top:0.7rem; font-weight:normal; text-align:center; line-height:2rem; line-height:2rem; background:url(../images/new_jt.png) no-repeat right center; background-size:1.2rem 1.2rem;float:right; margin-top:-2.5rem;}
.new{ margin:1rem auto 0; overflow:hidden;}
.new dl{ background:#fff;padding:1.3rem 5%; margin-bottom:0.5rem;}
.new dt{ font-size:1rem; line-height:2rem; color:#2e2e2e; font-weight:bold;}
.new dt em{ display:block; font:1.2rem Arial; font-weight:bold; line-height:1.2rem;}
.new dd{ font-size:0.9rem; line-height:1.3rem; color:#7f7f7f;}
.new dl:nth-child(1){ background:#1e5db0;}
.new dl:nth-child(1) dt{ color:#fff;}
.new dl:nth-child(1) dd{ color:rgba(255,255,255,0.9);}

.g-about{ margin:3rem 0 0;}
.g-about h2 img{ display:block; width:100%;}
.g-about dl{ width:93.75%; margin:0 auto;}
.g-about dt{ width:44.16%; float:right; padding-top:1rem; font-size:1rem; color:#646464; line-height:1.5rem;}
.g-about dd{ width:48.33%; background:#1e5db0; float:left;}
.g-about dd h3{ background:#f1f1f1; padding:1.3rem 0 1.6rem 10%; font-size:1.65rem; font-weight:bold; color:#363636;}
.g-about dd h3 em{ display:block; font-size:0.9rem; font-weight:normal; padding-top:0.2rem;}
.g-about dd h3 span{ display:block; font-size:1.2rem; font-weight:bold; color:#1e5db0;}
.g-about dd h5{ font-size:1rem; line-height:1.5rem; color:#fff; padding:2rem 0 2rem 10%; position:relative;}
.g-about dd h5:before{ content:""; position:absolute; top:0; left:10%; width:0; height:0; border-top:0.8rem solid #f1f1f1; border-left:0.8rem solid rgba(0,0,0,0);border-right:0.8rem solid rgba(0,0,0,0);}
.g-about dd h5 em{ display:block;}
.g-about dd h5 i{ display:block; font-size:0.8rem; padding:1.3rem 0 3rem; width:50%; background:url(../images/about_arr.png) no-repeat 10% bottom; background-size:1.9rem 1.9rem;}

.g-pic{ width:93.75%; margin:3rem auto;position:relative;}
.tab1{ height:2.3rem;overflow:hidden;}
.tab1 a{display:block;height:2rem; float:left; margin-right:15%; font-size:1.1rem; font-weight:bold; color:#292929; position:relative;}
.tab1 a:last-child{ margin:0;}
.tab1 a:nth-child(2):before{ content:""; position:absolute; top:0.4rem; left:-2.3rem; width:0.7rem; height:1rem; background:url(../images/pic_line.png) no-repeat; background-size:100% auto;}
/*.tab1 a:nth-child(2):after{ content:""; position:absolute; top:0.4rem; right:-2.3rem; width:0.7rem; height:1rem; background:url(../images/pic_line.png) no-repeat; background-size:100% auto;}*/
.tab1 .active{ color:#1e5db0; border-bottom:4px solid #1e5db0; box-sizing:border-box;}
.pic{ overflow:hidden;}
.pic li{ width:47.5%; margin-top:1rem;}
.pic li img{ display:block; width:100%;}
.pic a:nth-child(2n-1) li{ float:left;}
.pic a:nth-child(2n) li{ float:right;}


/*寮€灞忕*/
.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 #1e5db0; background:#1e5db0; 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;}}