/*-----------------------------------------------------------------------------------------------------------------------*/
.ban{ position:relative;}
.ban img{ display:block; width:100%;}
.ban .swiper-pagination-bullet{ background:#fff; opacity:1;}
.ban .swiper-pagination-bullet-active{ background:#304c90;}

.tit{ text-align:center; font-size:2.1rem; font-weight:bold; color:#333;}

.g-pro{ width:93.75%; margin:3.2rem 0;}
.g-pro h3{ height:3rem; background:#304c90 url(../Images/Index/fen_icon.png) no-repeat 5% center; background-size:1.5rem 1.4rem; line-height:3rem; font-size:1.3rem; color:#fff; padding-left:13%; margin-top:1.2rem;}
.g-pro h3 em{ display:block; font-size:0.5rem; width:13%; text-align:center; height:1rem; line-height:1rem; text-transform:uppercase; border-radius:0.5rem; border:2px solid #fff; float:right; margin:1rem 4% 0 0;}
.g-pro p{ font-size:1rem; line-height:1.8rem; color:#333; padding-top:1rem;}
.g-pro p a{ display:block; width:42%; float:left; line-height:1.8rem; height:1.8rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#333; background:url(../Images/Index/fen_jt.png) no-repeat 5% center; background-size:0.9rem 0.9rem; padding-left:8%;}
.g-pro ul{ margin-top:2.3rem;}
.g-pro li{width:47%; margin-bottom:1.4rem; position:relative;}
.g-pro li img{ display:block; width:100%; border:2px solid #b9b9b9; box-sizing:border-box;}
.g-pro li em{ display:block; width:94%; height:2rem; background:#bababa; position:absolute; bottom:0.5rem; left:3%; font-size:1rem; overflow:hidden; color:#fff; text-align:center; line-height:2rem;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 h5{ width:50%; height:3.4rem; background:#e23c3c; margin:1rem auto; border-radius:2rem; color:#fff; text-align:center; line-height:3.4rem; font-size:1rem;}

.g-jx{ background:url(../Images/Index/jx_bg.jpg) no-repeat center top; background-size:100% auto; padding:3rem 0;}
.g-jx h2{ text-align:center; font-size:2.1rem; font-weight:bold; color:#fff;}
.g-jx h2 em{ display:block; background:url(../Images/Index/jx_line.png) no-repeat center center; background-size:100% 0.35rem; font-size:1.2rem; font-weight:normal; margin-bottom:1.2rem;}
.g-jx dl{ width:93.75%; margin:0 auto; background:#fff;height:6.5rem; overflow:hidden; border-bottom:1px solid #d2d2d2; box-sizing:border-box;}
.g-jx dt{ width:28.33%; height:5.5rem; padding-top:1rem;background:#304c90; text-align:center; font-size:1.3rem; color:#fff; float:left; overflow:hidden;}
.g-jx dt em{ display:block; width:32.94%; margin:0 auto 0.3rem;}
.g-jx dt em img{ display:block; width:100%;}
.g-jx dd{ width:62.5%; float:right; padding:1.5rem 4% 0 0; height:5rem; font-size:1rem; line-height:1.6rem; color:#666;}
.g-jx dd em{ color:#e63e3e;}
.g-jx dl:nth-child(2n-1) dt{ background:#e23c3c;}

.ys{ background:#f7f7f7; padding:3rem 0;}
.ys h2{ text-align:center; font-size:2.1rem; font-weight:bold; color:#333;}
.ys h2 em{ display:block; font-weight:normal;  font-size:1.2rem; background:url(../Images/Index/ys_line.png) no-repeat center center; background-size:100% 0.35rem;}
.ys h2 b{ font-weight:normal; color:#e23c3c;}
.ys dl{ width:93.75%; margin:1.6rem auto 0;}
.ys dt img{ display:block; width:100%;}
.ys dd h3{ height:4.9rem; border-bottom:1px dashed #cbcbcb; margin-top:2.1rem; overflow:hidden;}
.ys dd h3 em{ display:block; width:3.95rem; height:3.8rem; float:left; background:url(../Images/Index/ys_h.png) no-repeat center top; background-size:100% auto; font-size:2.4rem; font-family: Arial; color:#304c90; text-align:center; line-height:3.8rem;}
.ys dd h3 span{ display:block; width:83%; float:right; font-size:1.5rem; font-weight:bold; color:#333;}
.ys dd h3 span i{ display:block; font-size:1.2rem; color:#304c90; font-weight:normal;}
.ys dd p{ font-size:1rem; line-height:1.3rem; color:#333; margin-top:1rem; background:url(../Images/Index/fen_jt.png) no-repeat 8% 0.3rem; background-size:0.9rem 0.9rem; padding-left:13%;}
.ys dd p em{ color:#e23c3c;}
.arr{ height:2.6rem; position:relative; width:39.0625%; margin:1.5rem auto 0;}
.arr .swiper-button-prev{ background:url(../Images/Index/ys_left.png) no-repeat; background-size:2.6rem 2.6rem; position:absolute; top:0; left:0; width:2.6rem; height:2.6rem; z-index:10;}
.arr .swiper-button-next{ background:url(../Images/Index/ys_right.png) no-repeat; background-size:2.6rem 2.6rem; position:absolute; top:0; right:0; width:2.6rem; height:2.6rem; z-index:10;}
.arr .swiper-pagination{ width:100%; height:0.7rem; background:url(../Images/Index/ys_line2.png) no-repeat center center; background-size:7.2rem 1px;} 
.arr .swiper-pagination-bullet{ background:#818181; opacity:1; margin:0 5px;}
.arr .swiper-pagination-bullet-active{ background:#304c90;}

.case{ margin:3rem 0;}
.case h2{ text-align:center; font-weight:bold; color:#333; font-size:2.1rem;}
.case h2 em{ display:block; background:url(../Images/Index/case_h.png) no-repeat center center; background-size:100% 0.35rem; font-weight:normal; font-size:1.2rem;}
.case h2 em i{ color:#e23c3c;}
.case dl{ width:93.75%; margin:1rem auto; background:#304c90;}
.case dt{ width:16.5%; padding:0.5rem 0 0.5rem 0.5rem; float:left;}
.case dt img{ display:block; width:100%;}
.case dd{ width:78.3%; float:right; color:#fff; font-size:1rem; line-height:1.5rem; padding-top:1rem;}
.case ul{width:93.75%; margin:0 auto;}
.case li{ width:49.16%;}
.case li img{ display:block; width:100%;}
.case li em{ display:block; font-size:1rem; height:2.5rem; line-height:2.5rem; background:#f7f7f7; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#333; text-align:center;}
.case a:nth-child(2n) li{ float:left;}
.case a:nth-child(2n-1) li{ float:right;}

.wit{ background:#f7f7f7; padding:2.5rem 0;}
.wit .arr{ position:relative;}
.wit h2{ text-align:center; font-size:2.1rem; font-weight:bold; color:#333; padding-bottom:1.5rem;}
.wit dl{ width:93.75%; margin:0 auto 1rem; background:#fff;}
.wit dt{ width:44.83%; float:left;}
.wit dt img{ display:block; width:100%;}
.wit dd{ width:49%; padding-right:3%; float:right;}
.wit dd h3{ font-size:1.2rem; font-weight:bold; color:#304c90; padding:0.5rem 0 0.5rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wit dd p{ font-size:1rem; line-height:1.5rem; color:#666;}
.wit dd em{ display:block; width:45.84%; height:2rem; background:#e63e3e url(../Images/Index/wit_jt.gif) no-repeat 90% center; background-size:1.15rem 0.35rem; line-height:2rem; font-size:0.9rem; padding-left:5%; color:#fff; margin-top:0.8rem;}

.g-about{ padding:2.5rem 0; background:url(../Images/Index/about_bg.gif) no-repeat center top; background-size:100% auto;}
.g-about h2{ text-align:center; font-size:2.1rem; font-weight:bold; color:#fff;}
.g-about dl{ width:93.75%; margin:1.5rem auto 0;}
.g-about dt img{ display:block; width:100%;}
.g-about dd h3{ font-size:1.4rem; font-weight:bold; color:#333; margin-top:1.6rem;}
.g-about dd p{ font-size:1rem; line-height:1.8rem; color:#666; padding:0.3rem 0;}
.g-about dd em{ display:block; font-size:1rem; color:#2b4c9a;}

.g-sheb{ width:93.75%; margin:0 auto; overflow:hidden;}
.tab03{ height:3rem;margin-bottom:1.2rem; background:#2b4c9a;}
.tab03 a{ display:block; font-size:1.2rem; color:#fff; width:50%; float:left; height:3rem; text-align:center; line-height:3rem;}
.tab03 .active{color:#fff; background:#e63e3e;}
.sheb2{width:100%; overflow:hidden;padding-bottom:2.5rem; position:relative;}
.sheb2 li{ width:48.5%; position:relative;}
.sheb2 li img{ display:block; width:100%;}
.sheb2 a:nth-child(2n-1) li{ float:left;}
.sheb2 a:nth-child(2n) li{ float:right;}

.g-news{ background:#f7f7f7; padding:2.5rem 0;}
.news_nav{ width:93.75%; height:2.4rem; border-bottom:1px solid #c6c6c6; position:relative; margin:0 auto 2.5rem;}
.news_nav p{ height:2.4rem;font-size:1.2rem;float:left; text-align:center; color:#333; margin-right:6%;}
.news_nav p.cur{ border-bottom:3px solid #2b4c9a;}
.news_nav a{display:block; position:absolute; top:0.3rem; right:0; font-size:0.5rem; color:#000; border:1px solid #888; text-align:center; padding:0.2rem; border-radius:0.8rem; width:12%; text-transform:uppercase; font-family: Arial;z-index:2;}
.news_con{ width:93.75%; margin:0 auto;overflow:hidden;}
.news_con dl{ border-bottom:1px dashed #bfbfbf; padding-bottom:2rem;}
.news_con dt{ width:37.33%; float:left;}
.news_con dt img{ display:block; width:100%;}
.news_con dd{ width:57.5%; float:right;}
.news_con dd h3{ font-size:1.2rem; font-weight:bold; color:#333; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.news_con dd p{ font-size:1.2rem; line-height:1.8rem; color:#666; background:url(../Images/Index/fen_jt.png) no-repeat left 0.5rem; background-size:0.9rem 0.9rem; padding-left:8%; margin-top:0.5rem;}
.news_con ul{ margin:1rem auto 0; padding-bottom:0.5rem; overflow:hidden;}
.news_con li{ font-size:1rem; color:#999; line-height:2.2rem; height:2.2rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding-left:4%; text-transform:uppercase; font-family:"Microsoft YaHei"; position:relative;}
.news_con li em{ float:right;}
.news_con li:before{ content:""; position:absolute; top:0.8rem; left:0; width:0.5rem; height:0.5rem; border-radius:0.5rem; background:#c8c8c8;}

/*开屏秀*/
.pageShare img{ display:block; width:0px; height:0px;}
/*.loading{position:fixed;width:100%;height:100%; top:0; background:url(../Images/Index/loading.jpg) no-repeat;background-size:100% auto;display:none; max-width:640px; min-width:320px; z-index:99999;}*/

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