/*-----------------------------------------------------------------------------------------------------------------------*/
.wrap { width:100%;}
.ban{ position:relative;}
.ban img{ display:block; width:100%;}
.ban .swiper-pagination{ bottom:1.6rem;}
.ban .swiper-pagination-bullet{ background:#ff7500; opacity:1; width:0.8rem; height:0.8rem; border-radius:0.8rem; margin:0 2%;}
.ban .swiper-pagination-bullet-active{  width:2rem; background:#ff7500;}

.tit{ text-align:center; font-size:2.5rem; font-weight:bold; color:#000;}
.tit em{ display:block; font-size:1.2rem; color:#333; font-weight:normal; letter-spacing:0.5rem; margin-top:0.2rem;}

.g-yinz{ width:91.33%; margin:3rem auto;}
.g-yinz h2{ text-align:center; font-size:2.3rem; color:#2f2f2f; font-weight:bold;}
.g-yinz h2 em{ display:block;}
.g-yinz h5{ margin:1.6rem auto 0;}
.g-yinz h5 img{ display:block; width:100%;}
.g-yinz p{margin:1.6rem auto 0; font-size:1.2rem; line-height:2rem; color:#666;}
.g-yinz li{ width:33.33%; float:left; text-align:center; margin-top:1.6rem; font-size:1.3rem; color:#505050; position:relative;}
.g-yinz li:before{ content:""; position:absolute; top:0.8rem; right:0; width:1px; height:4.2rem; background:#b2b2b2;}
.g-yinz li span{ display:block; font-size:1rem; color:#000;}
.g-yinz li span em{ font-size:2.6rem; font-weight:bold;}
.g-yinz li:nth-child(4),.g-yinz li:nth-child(5){ width:50%;}
.g-yinz li:nth-child(3):before,.g-yinz li:nth-child(5):before{ background:none;}

.g-case{ background:url(../images/case_bg.jpg) no-repeat center top; background-size:100% 100%; padding:3rem 0 4rem;}
.g-case .tit,.g-case .tit em{ color:#fff;}
.m-caset{ width:94.66%; margin:1.1rem auto 0.5rem;}
.m-caset a{ display:block; width:33.33%; border-left:1px solid #99a6b6; border-top:1px solid #99a6b6; height:3.2rem; float:left; font-size:1.3rem; line-height:3.2rem;overflow:hidden;text-overflow: ellipsis;white-space: nowrap; box-sizing:border-box; color:#fff; padding-left:6%; position:relative;}
.m-caset a:nth-child(3n){ border-right:1px solid #99a6b6;}
.m-caset a:nth-child(4){border-bottom:1px solid #99a6b6;}
.m-caset a:nth-child(5){border-bottom:1px solid #99a6b6;}
.m-caset a:nth-child(6){border-bottom:1px solid #99a6b6;}
.m-caset a:nth-child(7),.m-caset a:nth-child(8),.m-caset a:nth-child(9){ border-bottom:1px solid #99a6b6;border-right:1px solid #99a6b6;}
.m-caset a:before{ content:""; position:absolute; top:1.4rem; left:10%; width:0.3rem; height:0.3rem; border-radius:0.3rem; background:#ccd2da;}
.m-case{ width:94.66%; margin:0 auto; overflow:hidden;}
.m-case dt img{ display:block; width:100%;}
.m-case dd{ background:#fff; padding:2rem 4%; margin-bottom:1.5rem;}
.m-case dd h3{ font-size:1.5rem; font-weight:bold; color:#000;}
.m-case dd p{ font-size:1.2rem; line-height:1.7rem; color:#666; margin-top:0.5rem;}
.m-case .swiper-pagination-bullet,.m-ys1 .swiper-pagination-bullet{ opacity:1; width:0.8rem; height:0.8rem; border-radius:1rem; border:2px solid #fff; background:none; margin:0 1.5%;}
.m-ys1 .swiper-pagination-bullet{ border:2px solid #535353;}
.m-case .swiper-pagination-bullet-active,.m-ys1 .swiper-pagination-bullet-active{ background:#ff7500; border:2px solid #ff7500;}


.g-pro{ margin:3rem 0;}
.m-pro{ width:94.66%; margin:1.6rem auto 0;}
.m-pro dl{ position:relative; margin-bottom:0.5rem;}
.m-pro dt img{ display:block; width:100%;} 
.m-pro dd{ width:54.22%; position:absolute; top:3rem; text-align:center; font-size:2rem; font-weight:bold; color:#fff;}
.m-pro dd em{ display:block; padding:0.7rem 0; margin-top:0.7rem; position:relative; font-size:1.3rem; font-weight:normal;}
.m-pro dd em:before{ content:""; position:absolute; top:0; left:50%; width:13rem; height:1px; background:rgba(255,255,255,0.2); margin-left:-6.5rem;}
.m-pro dd i{ display:block; width:7rem; height:2rem; border:1px solid #fff; margin:0 auto; text-align:center; line-height:2rem; font-size:1rem; line-height:2rem; font-weight:normal;}
.m-pro li,.m-pro1 li{ width:49.29%; border:1px solid #e5e5e5; position:relative;}
.m-pro li img,.m-pro1 li img{ display:block; width:100%;}
.m-pro li em,.m-pro1 li em{ display:block; height:2.5rem; text-align:center; line-height:2.5rem; font-size:1.1rem; color:#333;overflow:hidden;text-overflow: ellipsis;white-space: nowrap; border-top:1px solid #e5e5e5;}
.m-pro li i{ display:block; background:url(../images/pro_bg1.png) no-repeat; background-size:100% 100%; width:6rem; height:2rem; text-align:center; line-height:2rem; color:#fff; position:absolute; bottom:2.5rem; right:0; font-size:1rem;}
.m-pro li:nth-child(2n-1),.m-pro1 li:nth-child(2n-1){ float:left;}
.m-pro li:nth-child(2n),.m-pro1 li:nth-child(2n){ float:right;}
.m-pro:nth-child(4) li{ border:0;}
.m-pro:nth-child(4) li em{ display:block; font-size:1.5rem; font-weight:bold; color:#fff; position:absolute; top:1.2rem; left:8%; height:4rem;border:0;}
.m-pro:nth-child(4) li em:before{ background:none;}
.m-pro:nth-child(4) li em i{ display:block; bottom:0; left:0; background:none; text-align:left; font-weight:normal;}

.m-pro1{ width:100%; margin:auto 0; overflow:hidden;}
.m-pro1 h3{ height:3rem; text-align:center; background:#082581; font-size:1.4rem; font-weight:bold; color:#fff; line-height:3rem;}
.m-pro1 p{  background:#f2f2f2; margin-bottom:0.5rem;}
.m-pro1 p a{ display: inline-block; width:33.33%; height:3.8rem;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5; box-sizing:border-box; line-height:3.8rem; text-align:center; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; float:left; font-size:1.2rem; color:#333; text-transform:uppercase;}
.m-pro1 p a:nth-child(4n){border-right:1px solid #e5e5e5; box-sizing:border-box;}


.g-ys1{ padding:3rem 0 0;}
.yst1{ width:94.66%; height:4.8rem; border:1px solid #e5e5e5; box-sizing:border-box; margin:1.6rem auto 0;}
.yst1 a{ display:block; width:25%; height:4.8rem; float:left; box-shadow:0 0 0.5rem 0 #dde1ee inset; font-size:1.6rem; font-weight:bold; text-align:center; color:#333;overflow:hidden;text-overflow: ellipsis;white-space: nowrap; line-height:4.8rem;}
.yst1 .active{ background:#082581; color:#fff;}
.m-ys1{ width:94.66%; margin:0 auto; overflow:hidden; background:#f3f3f3; padding-bottom:4rem;}
.m-ys1 dt img{ display:block; width:100%;}
.m-ys1 dd{ padding:1.3rem 4%; text-align:center;}
.m-ys1 dd h3{ font-size:1.6rem; font-weight:bold; color:#181818; margin-bottom:0.5rem;}
.m-ys1 dd p{ font-size:1.2rem; line-height:1.8rem; color:#333;}

.g-news{padding:3rem 0;}
.newt{ height:2.8rem; margin:1.4rem auto; width:94.66%; overflow:hidden; background:#f5f5f5;}
.newt em{ display:block; width:33%; height:2.8rem; float:left; text-align:center; font-size:1.5rem; color:#333; line-height:2.8rem;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.newt .active{ background:#092581;color:#fff; font-weight:bold;}
.m-new{ width:94.66%; margin:0 auto; overflow:hidden;}
.g-news dl{ background:#f5f5f5;}
.g-news dt{ width:46.48%; float:left;}
.g-news dt img{ display:block; width:100%;}
.g-news dd{ width:47.88%; float:right; padding-right:3%;}
.g-news dd h3{ font-size:1.3rem; color:#333; padding:0.8rem 0 0.4rem;}
.g-news dd p{ font-size:1rem; line-height:1.5rem; color:#666;}
.g-news li{ font-size:1rem; color:#666;overflow:hidden;text-overflow: ellipsis;white-space: nowrap; padding:1.4rem 0; border-bottom:1px solid #e0e0e0;}
.g-news li span{ display:block; font-size:1.3rem; color:#333; line-height:1.5rem; margin-bottom:0.6rem;}
.g-news a:last-child li{ border:0;}
.g-news h5{ width:32.4%; height:2.6rem; background:#f5f5f5; border:1px solid #e5e5e5; text-align:center; line-height:2.6rem; color:#333; font-size:1.2rem; margin:1.5rem auto 0;}

.g-about{ margin:0 0 3rem;}
.g-about dd{ box-shadow:0.1rem 0 1rem 0 #ccc; padding:1.5rem 2.66% 2.5rem;}
.g-about dt img{ display:block; width:100%; margin:.8rem 0 0 0;}
.g-about dd p{ font-size:1.2rem; line-height:1.9rem; color:#666;}
.g-about dd h3{ text-align:center; font-size:1.5rem; font-weight:bold; color:#000; margin-bottom:0.8rem;}

.g-pic{ width:94.66%; margin:0 auto; overflow:hidden;}
.pict{ height:2.7rem; background:#092581; overflow:hidden; margin-bottom:10px;}
.pict em{ display:block; width:33.33%; height:2.7rem; float:left;overflow:hidden;text-overflow: ellipsis;white-space: nowrap; font-size:1.2rem; color:#fff; border-right:1px solid #fff; box-sizing:border-box; line-height:2.7rem;}
.pict a{color:#fff;}
.pict img{ display:block; width:1.4rem; float:left; margin:0.7rem 5% 0 19%;}
.pict .active{ background:#ff7400; font-weight:bold;}
.m-pic li{ width:48.87%;}
.m-pic li img{ display:block; width:100%;} 
.m-pic a:nth-child(2n-1) li{ float:left;}
.m-pic a:nth-child(2n) li{ float:right;}

.g-par{ margin:2.8rem 0; position:relative;}
.g-par h2 img{ display:block; width:100%;}
.m-par{ margin:0.75rem auto 0; width:94.66%; position:relative; overflow:hidden;}
.m-par ul{ margin-left:8%;}
.g-par li{ width:29.56%; float:left; border:1px solid #e5e5e5; box-sizing:border-box; margin-right:1.4%;}
.g-par li img{ display:block; width:100%;}
.g-par .prev1{ background:url(../images/par_l.png) no-repeat; background-size:100% auto; width:2.3rem; height:1.1rem; position:absolute; top:2rem; left:0;}
.g-par .next1{ background:url(../images/par_r.png) no-repeat; background-size:100% auto; width:2.3rem; height:1.1rem; position:absolute; top:2rem; right:0;}
/*开屏秀*/
/*.wrap{ opacity:0;}*/
/*.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 #45427d; background:#45427d; 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‬px;}}
@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;}}